Opgavebeskrivelse
Vi skulle designe en hjemmeside for en selvvalgt branche og sørge for, at den fungerede både på desktop og mobil. Der skulle bruges grid i Figma og præsentere vores design i en mockup og give og modtage feedback fra hinanden.
Idésamling of Forberedelse
Jeg valgte restauranter som branche, fordi jeg synes, det visuelle spiller en stor rolle, når man som kunde skal vælge et spisested. Jeg lavede lidt research på restaurantwebsites og besluttede mig for, at mit design skulle være æstetisk, minimalistisk, roligt og brugervenligt.
For at gøre projektet mere konkret, opfandt jeg en klient, som jeg kaldte Breakfast Palace. Det gav mig noget at tage udgangspunkt i, når jeg skulle træffe designvalg, og jeg kunne samtidig skabe en stemning, der passede til navnet.
Proces
Jeg startede med desktopversionen i Figma, hvor jeg satte et grid op, som vores underviser havde vist os.
Jeg legede lidt med farver og endte med en palette bestående af grå, lyserød, sort og hvid – en kombination, jeg synes giver et moderne, men stadig hyggeligt udtryk.
Opsætningen er holdt meget minimalistisk. Jeg har haft fokus på at fremhæve de vigtigste funktioner som åbningstider, menu, kontaktinformation, en “About us”-side og selvfølgelig en tydelig knap til bordbooking. Jeg brugte æstetiske billeder, som jeg fandt royalty free online, for at give designet mere liv og stemning.
Desværre nåede jeg kun at lave desktopversionen under selve workshoppen, da jeg skulle til læge den dag. Men bagefter fik jeg også lavet en mobil forside, så jeg kunne få øvet den del også.
Produkt
Link: https://www.figma.com/proto/eeR2WgCI9J3w6fybt4K2QP/Design-Workshop?node-id=0-1&t=KumFyWRKr0bdpvy8-1
Reflektion
Jeg synes, det var en virkelig sjov og lærerig opgave. Det var første gang, jeg for alvor arbejdede med grid i Figma, og det gav mig en helt ny forståelse for, hvordan man strukturerer et design, så det både ser godt ud og fungerer i praksis.
Det var også fedt at kunne nørde med farver og layout, og jeg føler, jeg blev lidt mere sikker i, hvordan man bygger en side op med brugeren i fokus. Selvom jeg ikke nåede mobilversionen i første omgang, var det rart at kunne vende tilbage og arbejde videre bagefter.
Næste gang vil jeg forsøge at få lavet et hurtigere udkast, så jeg kan nå hele vejen rundt og have god tid til finpudsning. Men jeg tror, vi var flere, der syntes, tiden var lidt presset – både fordi det tog lidt tid at forstå, hvordan man bruger grid i praksis, og fordi vi samtidig skulle finde på idéer og eksperimentere med layout og farver. Der gik også lidt tid med, at læreren forklarede og demonstrerede det hele, hvilket selvfølgelig var nødvendigt, men også gjorde tidsrammen lidt stram. Næste gang vil jeg gerne nå mere end kun forsiden.