webdesign, optimeringsprojekt
Lumina 2.0
Lumina 2.0 var et optimeringsprojekt, hvor jeg videreudviklede en tidligere landing page fra 1. semester. Her anvendte jeg mine nye kompetencer inden for design, UX/UI og frontend-udvikling til at forbedre brugeroplevelsen, det visuelle udtryk og den tekniske løsning.
Den oprindelige løsning blev udviklet til et fiktivt brand med udgangspunkt i brugerindsigter, interviews og persona.
|
Skoleprojekt: |
Erhvervsakademi Aarhus |
|
Dato: |
November-december 2025 |
|
Varighed: |
2.5 uger |
|
Team: |
Individuel |
|
Rolle: |
UI/UX designer |
|
Programmer: |
Figma, html, css, javascript |
Problem
Den oprindelige landing page havde flere designmæssige udfordringer. Manglende whitespace, store billeder og en utydelig struktur gjorde siden mindre overskuelig for brugeren. Målet blev derfor at skabe et mere overskueligt design med bedre visuel balance og en forbedret brugeroplevelse.
Design process
Discover
Før optimeringen gennemgik jeg den oprindelige landing page og de tidligere brugerindsigter. Analysen viste flere udfordringer i både design og brugeroplevelse. Layoutet manglede luft og struktur, farverne understøttede ikke brandets budskab. Indholdet var svært at overskue og læse. Samtidig blev produktet ikke præsenteret optimalt, da billeder og information konkurrerede om brugerens opmærksomhed.
Analyse af Lumina 1.0
Define
Ud fra analysen blev der defineret en række fokusområder for optimeringen. Målet var at skabe en mere balanceret landing page, hvor design, indhold og funktionalitet arbejdede sammen og skaber en intuitiv oplevelse.
- Mangler whitespace
- Dårlig kvalitet af ikoner
- Svært at læse specifikationer
- Farverne understøtter ikke brandets budskab
- Fremhæve produktet med en bedre billedpræsentation.
- Skabe en mere intuitiv købsrejse.
Develop
I udviklingsfasen omsatte jeg designmålene til konkrete løsninger. Jeg begyndte med at redesigne layoutet i Figma, hvor fokus var at skabe mere whitespace og et tydeligere visuelt hierarki. Derefter blev farvepaletten opdateret, så den i højere grad understøttede brandets identitet og målgruppe. Produktbillederne blev optimeret, call-to-actions gjort mere synlige, og social proof blev integreret direkte på siden for at styrke troværdigheden. Designbeslutningerne blev løbende understøttet af UX-principper som Jakob’s Law, Hick’s Law og gestaltlovene.
Wireframe
Lumina 1.0
Lumina 2.0
Styletile
Farvepaletten blev ændret til orange for bedre at matche målgruppen og brandets identitet.
Farven symboliserer kreativitet, energi, optimisme og ungdom.
Social proof
På Lumina 1.0 havde vi social proof med i form af Trustpilot logoet, både i toppen og bunden af siden. Det viser dog ikke scoren, kun at vi har linket til at kunder kan tjekke Luminas trustpilot.
Social proof blev forbedret på Lumina 2.0 ved at gøre det tydeligt på forsiden og tilføjelse af anmeldelser længere nede på siden. På den nye landingpage står scoren også, og ikke kun et logo.
Det er vigtigt at skabe tryghed hos kunderne, hvis det er et mærke kunderne ikke kender til.
Deliver
Resultatet blev en optimeret landing page, hvor layout, visuel identitet og brugeroplevelse er styrket. Gennem målrettede designforbedringer fremstår løsningen mere overskuelig, brugervenlig og sammenhængende.
Refleksion
Da jeg genbesøgte projektet, blev det tydeligt, hvor meget mine kompetencer havde udviklet sig. Jeg havde et langt større fokus på målgruppen, brugeroplevelsen og den visuelle struktur, hvilket resulterede i en mere gennemarbejdet løsning.
Skal vi designe fremtiden sammen?
idaclausagerthomassen@gmail.com
(+45) 61 65 46 02