18/09/23 – 19/09/23
Som forberedelse til projektet skulle vi besvarer en quiz, der baseret på vores svar gav os et groft billede af hvad vores carbon footprint er.
Vi blev, på tværs af årgange og klasser, inddelt i nogle grupper, hvor vi skulle diskutere vores resultater og hvad vi evt. kunne gøre bedre. Her snakkede vi bl.a. om at mange af os kunne skære ned på vores forbrug af kød, især okse- og svinekød. Noget andet vi burde være mere opmærksomme på, er om hvorvidt de madvarer vi køber er lokalt produceret eller transporteret fra andre lande.
Efter diskussionen blev der holdt nogle oplæg af forskellige undervisere.
Her hørte vi om:
- Webtilgængelighed; EU’s lovgivning omkring tilgængelighed på offentlige websider, specielt med fokus på tilgængelighed til funktionsnedsatte personer.
- ESG (Environmental, social, governance); En organisations ikke-finansielle data og hvorfor det er vigtigt for os både som studerende og når vi kommer ud på arbejdsmarkedet.
- Greenwashing; Hvordan mange virksomheder misleder forbrugere i deres kommunikation omkring bæredygtighed. Hvad er konsekvenserne af greenwashing og hvorfor det er bedst at undgå kommunikation omkring bæredygtighed, medmindre virksomheden kan dokumentere for at deres påstande er sande.
Opgave: Grønt Website
Vores gruppe fik til opgave at redesigne en valgfri hjemmeside. Opgaveformuleren lød som følgende:
Gruppen skal redesigne et valgfrit website.
Redesignet skal bestå af minimum en forside og to undersider. Sitet skal optimeres ift bæredygtighed, og de tiltag I tager samt de(t) endelige produkt(er) skal dokumenteres i jeres procesportfolio. Gruppemedlemmerne har forskellige ansvarsområder, alt efter hvilket semester de kommer fra. Opgavefordelingen er som følger:
- 1.Sem –copywriting
- 2.Sem –medieproduktion og webdesign
- 3.Sem –medieproduktion, webdesign og webudvikling –superviser
Vi valgte at redesigne hjemmesiden torontocupcake.com. Specifikt valgte vi at redesigne forsiden og siderne About og Cupcakes. Vi brainstormede hvordan vi kunne gøre hjemmesiden mere bæredygtig og samtidig mere æstetisk flot at kigge på.
Vi snakkede bl.a. om at lave baggrunden af hjemmesiden mørkere, da en lysere baggrund kræver mere strøm. Vi snakkede om at forkorte teksten på hjemmesiden ned og komprimerer de billeder vi brugte, så det hele fyldte mindre og dermed ville tage mindre tid at loade.
Ift. udseendet af hjemmesiden tog vi inspiration i en andet hjemmeside for en separat virksomhed der også specialiserer i cupcakes; sprinkles.com.
Her tog vi inspiration i opsætningen af hjemmesiden, det simple design og logoets skråskrift, der ligner at det er blevet skrevet med tempereret chokolade. Inde på Google Fonts fandt de fonts vi gerne ville bruge. Vi brugte fonten Dancing Script til vores slogan og Sono til resten af teksten. Til logoet brugte vi Athelas.
For at lave logoet brugte vi brandcrowd.com og derefter Adobe Illustrator til at finpudse det. Vi lavede teksten hvid, så den ville være tydelig på hjemmesiden.
Farvekode til baggrund på hjemmeside: 1a293b
Farvekode til Cupcake logo: c33e75
Vi omformulerede og kortede teksterne ned til ver side på hjemmeside, så teksterne endte med at lyde således:
Home:
Specializing in customized branded cupcakes to corporate clients in the Greater Toronto Area. Retail & commercial online orders, delivery & pickup between 8 and 6 pm TO time.
About:
Toronto Cupcake was created by Michelle Harrison to pursue her love of baking. A lifelong baker inspired by her mother, Michelle opened Toronto Cupcake in August 2010 as one of Canada’s first gourmet cupcakeries. We use the finest ingredients to make our tasty treats, and we love the idea that our treats make people happy from every bite.
Cupcakes:
Cannot decide? Need a dozen cupcakes but do not want to pick them out individually? Just hit the add to cart button, and we will pick out 12 delicious treats from our “always available” cupcakes. Or select from the individual flavors below.
For at siden ville bruge mindre strøm og tage mindre tid til at loade, komprimerede vi også det billede som vi brugte til forsiden. Vi fandt billedet på Unsplash.com hvor det originalt fyldte 8kb. Efter at vi havde komprimerede det i Photoshop, fyldte billedet 1,8kb.
Dem af os som var fra 3. semester lavede prototyper af Cupcakes og About sidenerne i Adobe XD og kodede Home siden.
Refleksion
Efter vi havde fremlagt vores hjemmeside fik vi en masse god feedback og ved grundigere overvejelse er der helt sikkert en masse ting der kunne forbedres og gøres anderledes ved vores design. For det første, så var der en god intention i at gøre baggrunden på hjemmesiden mørkeblå, men selvom at det måske er mere bæredygtigt, så var det ikke nødvendigvis det rigtige valg. Den mørke baggrund passer ikke specielt godt med det image og den stemning, som den originale hjemmeside prøvede at kommunikerer. Lysere pastelfarver ville have passet bedre og der kan man stadig vælge farver der er mere miljøvenlige end hvid.
Noget andet som vi også kunne have gjort bedre, var at lave flere overvejelser ift. webtilgængelighed. Fx er der en meget voldsom kontrast mellem den hvide tekstboks på forsiden og den mørke baggrund, det samme gælder også de hvide knapper. Det kan være hårdt/udmattende for øjnene at kigge på. Desuden virker den hvide tekstboks på forsiden lidt malplaceret, når man kigger på, hvordan alt det andet tekst ikke er i en boks. Derudover kunne vi også have gjort ORDER NOW knappen lidt mere mærkbar, fordi det er en call to action knap, så den burde være noget af det første brugeren ligger mærke til.
Generelt har det været en positiv og lærerig oplevelse. Udover at have dannet nye relationer, så var det spændene at se dem fra 3. semester arbejde med kodning og få et indblik i, hvad jeg selv kommer til at lære senere.