Havblink Hvidvin
oplevelses- og informationswebsite
Produktet er udviklet som et oplevelses- og informationswebsite med fokus på at kombinere stemning og funktion. Målet har været at skabe et digitalt univers, der formidler indholdet klart og samtidig understøtter brandets visuelle identitet.
Design og funktion er udviklet sideløbende, så udtrykket understøtter indholdet uden at gå på kompromis med brugervenligheden.
Fra wireframe til produkt
FIGMA
Hjemmesiden er først opbygget i Figma.
Før jeg gik i gang med at kode, blev siden først opbygget som wireframes, hvor fokus var på struktur, indhold og brugerflow. Herefter arbejdede jeg videre med mockups, hvor det visuelle udtryk blev udviklet og finjusteret.
Til sidst blev der lavet en klikbar prototype, så design og funktionalitet kunne testes, før den endelige udvikling gik i gang. Det har givet mig mulighed for at træffe bevidste valg undervejs og sikre, at både æstetik og funktion hænger sammen.
Brugeroplevelse
Jeg tænker altid brugeroplevelse ind fra start. Det skal være let at forstå, hvor man er, hvad man kan gøre, og hvad næste skridt er. Jeg arbejder med tydelig struktur, genkendelige mønstre og klare valg, så det ikke kræver unødig forklaring at navigere rundt.
Jeg prioriterer overblik og hierarki i opbygningen, så det vigtigste træder frem først, og resten understøtter det. For mig er det vigtigt, at designet ikke står i vejen for funktionaliteten, men hjælper den på vej og gør oplevelsen enkel og sammenhængende.
Responsivt design
Hjemmesiden er udviklet med fokus på responsivt design, så den fungerer på tværs af skærmstørrelser. I Figma har jeg derfor også designet en separat mobilversion, hvor der er taget bevidste valg i forhold til indhold og layout.
På mobil har jeg arbejdet med tilvalg og fravalg, så det vigtigste står tydeligt frem, og brugeroplevelsen forbliver enkel og intuitiv. Det handler ikke altid om at vise det hele, men om at vise det rigtige.
AI
Alle billeder på hjemmesiden er genereret med AI som en del af den kreative proces. Jeg har blandt andet arbejdet med Adobe Firefly og efterfølgende tilpasset og videreudviklet materialet i Photoshop for at sikre et sammenhængende visuelt udtryk.
Jeg har brugt AI som et værktøj til at skabe et univers, der passer præcist til projektet. Undervejs har jeg arbejdet med komposition, farver, stemning og detaljer, så billederne understøtter designet og den samlede oplevelse.
Fra Photoshop til hjemmeside
LOGO DESIGN
Skitser
Logoet startede som håndtegnede skitser, hvor jeg arbejdede med form, symbolik og forskellige retninger. Her handlede det om at finde balancen mellem det enkle og det karakterfulde.
Mockup i Canva
De udvalgte idéer blev videreudviklet digitalt, hvor proportioner, typografi og samspillet mellem symbol og tekst blev justeret. Her begyndte logoets udtryk at tage form.
Endelige logo
Det endelige logo er resultatet af en proces, hvor både æstetik og anvendelighed er tænkt ind. Udtrykket er enkelt, genkendeligt og fungerer på tværs af platforme.
