Lumina One 2.0

Varighed: 2 uger

Projekttype: Individuelt projekt

Værktøjer: Figma, Html, Css og JavaScript

Projekt beskrivelse

Lumina One 2.0 er en landing page til den fiktive Bluetooth-højttaler Lumina One, som henvender sig til unge kvinder med fokus på design, musik og fællesskab.

Projektet bygger videre på en tidligere version med det formål at forbedre brugeroplevelsen og den visuelle identitet. Målet var at skabe en mere sammenhængende løsning, som bedre afspejlede brandet og gav målgruppen en intuitiv og engagerende oplevelse.

Problem

En manglende forbindelse mellem brugerens forventninger og sidens opbygning.

Før

Lumina 1.0

  • Uoverskuelig brugeroplevelse
  • Utydeligt visuelt hierarki
  • Dårlig navigation
  • Manglede en tydelig visuel identitet
  • Manglede tilpasning til målgruppe

Efter

Lumina 2.0

  • intuitiv brugeroplevelse
  • Tydelig visuelt hierarki
  • Enkelt og overskuelig navigation
  • Stærk brandidentitet
  • Målrettet design til målgruppen

Proces

Fra indsigt til forbindelse

1. Forståelse og indsigt

Jeg analyserede Lumina One 1.0 ved hjælp af heuristisk evaluering og Aloud-tests. Her brugte jeg bl.a. Ux-principper som Jakob's og Hick's lov til at finde de største usability-problemer og få en bedre forståelse af målgruppens behov.

2. Koncept og prototyping

Med udgangspunkt i analysen udviklede jeg en ny visuel identitet til Lumina One. Jeg lavede wireframes og omsatte dem til en interaktiv prototype i Figma. Fokus var på at lave en overskuelig og brugervenlig løsning.

3. Test, iteration og kodning

Prototypen blev testet på brugere og justeret løbende ud fra deres feedback. Til sidst kodede jeg en landingpage i HTML, CSS og JavaScript med fokus på at omsætte designet til en funktionel løsning

Billede af Lumina One projekt proces, med persona, wireframes, styletile, moodboard, protype m.m
×

Resultatet

Et sammensmeltet visuelt udtryk med bedre visuelt hierarki.

mockup af Lumina Ones interface

Den færdige løsning blev en optimeret landingpage med en stærkere brandidentitet, et tydeligere visuelt hierarki og en mere intuitiv brugeroplevelse. Ved at arbejde iterativt og basere designbeslutninger på brugerindsigter blev løsningen både mere overskuelig og bedre tilpasset målgruppen.

Projektet gav mig praktisk erfaring med at omsætte UX-teori til konkrete designløsninger og viste, hvordan analyse, test og iteration kan forbedre et digitalt produkt.

← Tilbage til forside