Opgaven Opgaven var fiktiv og bestod i at redesigne og kode hjemmesiden Copenhagen Street Food samt at redesigne logo. Kunden ville gerne have et bedre flow på hjemmesiden og tiltrække flere besøgende på deres website, ud fra den ønskede målgruppe. www.copenhagenstreetfood.dk Følgende krav var : To forskellige typografier Minimum 3 billeder Flowchart Photoshop mockup design af hjemmesiden Søgefunktion Hover på menuen Research Copenhagen Street Food er en forening, som ligger på PapirØen i København. Copenhagen Street Food udgør i 25 gadekøkkener, food trucks og containere. Mad udvalget er stort, priserne er lave og alle er velkomne. Deres vision er ægte, ærlig og æstetisk. Målgruppe Da målgruppen består i b2c altså et konsumentmarked, er det vigtigt at være ind over hvilken alder vi har med at gøre, køn, geografi, familiestatus, uddannelse / job / indkomst, livsstil, interesser, bolig (ejer/ lejer), forbrugssituation osv. Målgruppens gennemsnitsalder er unge mennesker ca i alderen fra 20 erne til midt 30 erne. Enten er de studerende eller har fast job, de har nødvendigvis ikke en særlig høj indtægt, men kan lide at tage ud med vennerne, og spise en god frokost eller aftensmad for en meget lille sum penge. De kan lide omgivelserne og dyrker den unge københavnske kultur og charme. De har nødvendigvis ikke sit eget hus, men er personer som typisk bor i lejligheder, kollegier, andelsboliger eller delelejligheder. De kan lide naturen, og går op i støttesager samt økologi. Hovedgruppen er kvinder, da det er dem som generelt mest er ude og spise, men det udelukker dog ikke mændene. Der er både unge singler, dem i forhold samt par med børn, som udgør denne gruppe. Målgruppen kan derfor beskrives som det grønne segment. Designparametre Typografien er Arial samt Georgia begge meget almindelige rene fonte. Formen af hjemmesiden er udført mere tiltalende, i et større format end før, så det fylder hele skærmen og er med til at give modtageren en mere intens oplevelse. Samtidig fokuserede jeg mere på kvalitet i billederne, som skal være med til at give den rigtige stemning, når man besøger hjemmesiden. Da det er en hjemmeside med fødevarer, vil jeg udføre den i et mere stemningspræget design, som er indbydende samt tiltalende. Illustrationen i logoet bestod tidligere i en udformning af en løs streg - et meget detaljeret og legende design. I forhold til målgruppen har jeg gjort mig nogle overvejelser, da tidligere logo henvender sig mere til den meget yngre målgruppe (børn), men da logoet burde henvende sig til det lidt ældre publikum, har jeg udført det i et mere moderne og minimalistisk design, som giver mening i forhold til konceptet samt visionen bag Copenhagen Street Food. Billederne skal give en genkendelighed og samtidig sætte stemning. Farvevalget faldt på det nordiske og neutrale ; sort og knækket hvid da jeg ville lade billedernes farver træde igennem og tale for sig selv og derved undgå forvirring ved brug af for mange farver. Inden jeg gjorde brug af baggrundsbilledet, var det nødvendigt at dæmpe ned for saturation, da farverne i billedet var alt for kraftige, og derved undgår jeg at fødevarerne fremstår negativt og sender et forkert indtryk. Derudover giver det et mere moderne, nordisk udseende til siderne. Resten af farverne har jeg holdt i en knækket hvid og transparent for at give en god kontrast, til headeren og footerens sorte rustikke og rå look, så sitet ikke bliver for mørkt. Brugervenlighed Den nuværende menu er ikke særlig brugervenlig da den indeholder 9 punkter. En bruger vil normalt ignorere alt over 7 punkter, så er det var ikke relevant at have så mange, da vi som bruger, er vant til at frasortere unødvendigt information. Derfor holder jeg den på 6 punkter og holder den indenfor reglen 4 7 punkter. De mindre vigtige informationer er lagt som punkter i undermenuen. Navigationen i undermenuen er opdelt i separate blokke med luft i mellem, i stedefor vil jeg samle dem i en stor blok da det irriterer øjet når baggrunden ses så tydeligt igennem. Samtidig vil jeg have at det pågældende link er aktivt så man kan se hvilket punkt i undermenuen man er i, da det ikke findes på den nuværende side. Sitet er nu udført i et mere simpelt design og søgefelt er tilføjet på alle siderne, da der er meget indhold, og det gør det lettere at navigere rundt i. Typografien er Arial og er rimelig web venlig, og er en webfont som findes på de fleste computere, som er en sikker vinder, og hjælper godt på vej mod et brugervenligt design. Siden er nu opdelt i et tydeligere hierarki end før, så indholdet på index siden er sat i rækkefølge efter hvad der er vigtigst at se først (ud fra den danske læseretning venstre mod højre). Dette efterlader brugeren med mere energi og overskud til at fokuserer på resten af indholdet. Konklusion Alt i alt var den en spændende proces og resultatet blev som ønsket. Siden er nem og overskuelig at navigere rundt på i forhold til tidligere. Indholdet på siden er mere roligt og der er ikke forstyrrende elementer, som er med til at brugeren opgiver at navigere rund på siden fra start af. Da der er tilføjet søgefunktion er det nu muligt for brugeren af få et bedre flow, når de søger på sidens mange tiltag. Menuen blev mere overskuelig, og siderne fik en mere voksen stil.
- UDKAST TIL LOGO
- ENDELIGE LOGO
- FLOWCHART Index Velkommen Mad & Stader Book bord Om os Thorshøjgaard Info/Kontakt Lej en stadeplads Job Partnere Street Food Rådet Events Presse
- WIREFRAME
- FØR REDESIGNET AF LOGO OG HJEMMESIDE