Workshop: Design challenge
I denne individuelle workshop arbejdede jeg med en opgave, som lød på at undersøge UI- tendenser indenfor en valgt branche, hvor vi derefter skulle finde en hjemmeside, som ikke var så opdateret, som vi skulle lave et redesign af.
Jeg valgte kategorien servicevirksomheder, hvor jeg besluttede at redesigne Restaurant Komplet, da deres eksisterende hjemmeside fremstod både outdated og uden en tydelig visuel identitet. Det gav mig en god mulighed for at arbejde med branding, UI‑tendenser og give hjemmesiden et mere moderne, nordisk udtryk.
Find min figma prototype her!
Research og forberedelse
For at forstå restaurantens nuværende identitet og kundernes oplevelse startede jeg med en grundig researchfase:
- Gennemgang af deres facebook, instagram og trustpilot.
- Analyse af deres nuværende farver, toner og billedstil.
- UI-analyse af tre inspirerende websites fra Awwwards.com
- Analyse af to mindre gode websites, hvor jeg valgte at tage udgangspunkt i Restaurant Komplet.
Researchen gav mig et klart billede af hvordan jeg kunne gøre Restaurant Komplet til en mere moderne, og brugervenlig hjemmeside.
Designvalg og visuel retning
Jeg valgte at bevare nogle af deres eksisterende farvetoner, men arbejde videre i en mere minimalistisk, harmonisk og nordisk stil. Mit fokus lå på at:
- Bruge store billeder for at fremhæve maden og stemningen
- Bruge rolige farver inspireret af deres interiør og nordiske udtryk
- Bruge enkelt typografi, hvor jeg valgte at arbejde videre med font familien “Cormorant Garamond”, for at bevare noget af deres eksisterende identitet.
- Skabe en overskuelig navigation med en gradient baggrund, for at skabe dybde og ro.
- WCAG-tilgængelighed, herunder kontraster, læsbarhed og tydelige knapper.
Jeg oplevede dog at Cormorant Garamond ikke fungerede optimalt i alle sektioner, især i hero-sektionen, hvor jeg brugte en del tid på at få typografien til at spille.
Arbejdsproces i Figma
Jeg arbejdede mobile‑first, hvilket gav mig en god struktur, men også nogle udfordringer. Jeg brugte en del tid på at lære Auto Layout, da jeg ikke havde brugt det før, men jeg synes ikke jeg nåede helt i mål. Jeg endte med at lave en responsiv version manuelt, ved at copy-paste og skalere op.
Jeg arbejede dog for første gang rigtig godt med grids, hvilket gav mig en bedre forståelse for struktur og consistency.
Jeg arbejdede også med komponenter og Figma slides, hvor jeg i dette område delte min viden med andre i klassen omkring mig.
Det gav mig et selvtillidboost at kunne hjælpe andre, og beviste over for mig selv, at jeg faktisk havde bedre styr på Figma, end jeg troede.
Præsentation og feedback
Vi afsluttede workshoppen med gruppesparring og en fælles præsentation for begge klasser.
Vores gruppe besluttede, at jeg skulle fremlægge. Jeg var lidt nervøs over det, men da jeg aftalte med Rasmus at skulle prøve at præsentere for mig, var der ingen vej tilbage, haha!
I feedbacken fik jeg bl.a. at vide, at min “Our Story” overskrift virkede lidt off – hvilket også var noget, som jeg havde kæmpet lidt med. Jeg ville gerne have haft, at den overlappede hero-sektionen, for at signalere, at man kunne scrolle, men det var svært at finde balancen mellem funktionalitet og æstetik.
Det fik mig til at overveje, om en multiside løsning måske havde været bedre end en lang index-side.
Reflektion
Workshoppen skabte rum for massere læring for mig.
Det har især været udfordrende at arbejde under tidspres og stoppe sig selv når tiden var gået, selvom jeg ikke var helt tilfreds med det endelige produkt endnu. Det var også en læring at blive præsenteret for Auto Layout, som jeg i fremtiden vil sætte mig endnu mere ind i.
Til gengæld kom det meget naturligt for mig at arbejde med visuel identitet og farver, og bruge billeder aktivt i designet. Det var også et kæmpe selvtillidsboost at dele min viden om komponenter og Figma Slides.
Jeg har lært utrolig meget af denne workshop: Jeg er blevet langt mere selvsikker i Figma, har fået en bedre forståelse for grids og struktur, og jeg har indset, hvor vigtigt Auto Layout er.
Jeg synes også at det var spændende at se hvordan andre tolker den samme opgave.
Mine næste skridt bliver at mestre Auto Layout, så jeg kan skabe ægte responsive designs, arbejde mere strategisk med typografi, og udforske hvordan jeg kan udvikle endnu stærkere visuelle identiteter.
Alt i alt føler jeg, at jeg kom godt i mål, og at jeg rykkede mig både fagligt og personligt.
Jeg er blevet mere selvsikker i Figma, har fået en bedre forståelse for struktur og layout, og jeg har sat mig for, at jeg vil arbejde videre med Auto Layout og typografi, for at kunne blive endnu bedre til at bruge disse i praksis.