Lille Nor
Et nyt bookingsystem, med fokus på visuel identitet og webtilgængelighed.
Brugerresearch afslørede behov for mere guidning og effektivitet.
01. Projektbeskrivelse
Lille Nor er en genbrugsbutik i Aarhus, hvor man kan leje reoler til salg af brugt børnetøj og legesager. Butikken er drevet af ejerne Henriette og Lise, som har skabt et varmt, æstetisk univers med fokus på kvalitet og personlig service.
Projektet tog udgangspunkt i en teksttung og uoverskueligt hjemmeside. Standlejere, særligt nytilkomne, kunne ikke gennemskue bookingkonceptet, hvilket resulterede i en strøm af manuelle e-mail-forespørgsler, der tog tid fra butikkens kerneopgaver.
Vi arbejede derfor med at optimere butikkens bookingflow, og den visuelle identitet, så der var et sammenhæng mellem Lille Nors fysiske univers og deres online tilstedeværelse.
Folk siger tit: 'Årh, hvordan booker jeg en reol? Jeg forstår det ikke.' Det må heller ikke være så teksttung, som det er nu, for så læser folk det heller ikke.— Lise, ejer af Lille Nor
02. UX Process
For at få en dybere forståelse for Lille Nor og udfordringen vi skulle identificere, har vi arbejdet med Desk- og fieldresearch. Vi har samtidig af det eksisterende site foretaget brugertests for at finde de blinde vinkler.
På baggrund af Research har vi med afsæt i spændende indsigter, udarbejdet personas som skulle guide os igennem projektet, og sikre at brugerbehov blev opfyldt. Vi har opdateret kundens informationsarkitektur, og arbejdet med userflows, for at skabe en logisk opbygning af sitet og sikre en god brugerrejse.
Jeg tror faktisk jeg havde mistet interessen og havde valgt et andet sted. Jeg skal igennem så meget tekst for bare at finde mit egentlige ret simple spørgsmål.— Testperson, usability test
03. Den visuelle retning
For at sætte en retning for det visuelle og i mødekomme vores brugers user goals, har vi udviklet wireframes og moodboard.
Den visuelle stil er videreudviklet med inspiration fra Lille Nors fysiske butik — varme jordtoner, pastelfarver og et æstetisk, velorganiseret udtryk.
Logoet er bevaret med små justeringer for digital brug.
Wireframes er bygget op efter User Goals, hvor alle sektioner tjener et formål.
04. Fra kaos til klarhed
Med afsæt i Moodboard og wireframes har vi udviklet færdige mockups, som afspejler Lille Nors visuelle identitet og brugernes forventning til hvad de finder på sitet.
Bookingprocessen er omdannet til et step-by-step flow med tydelige CTA'er, visuel feedback og en "Dine valg"-boks, der løbende opdateres med brugerens valg.
Standoversigten visualiserer butikkens reoler som en interaktiv SVG, hvor ledige stande kan vælges med ét klik — et direkte svar på kundernes ønske om at kunne se og vælge placering.
Man føler faktisk lidt at man bliver omfavnet af hjemmesiden. Hele turen igennem er jeg blevet taget i hånden.— Testperson, usability test
05. Den færdige løsning
Løsningen er bygget som en funktionel prototype i HTML, CSS og JavaScript.
Der er udviklet et nyt bookingflow, som guider og informere brugerne, og som samtidig gør det muligt at man direkte i booking kan tage et valg om dato og valg af reol. Dette er med til at reducere behovet for manuel kundeservice og sikrer derfor en mere effektiv bookingoplevelse.
Den digitale løsning skaber værdi fordi både brugerne og Lille Nor sparer tid, samtidig med at oplevelsen fremstår mere professionel, ensartet og brugervenlig.
Se den færdige løsning