Procesbeskrivelse
Den 5. februar 2025 fik vi stillet opgaven at re-designe en eksisterende hjemmeside. Vores gruppe valgte hjemmesiden blommenslyst-camping.dk, som var forældet og svær at navigere. Projektets formål var at anvende vores viden inden for brugeroplevelse (UX), brugergrænseflade (UI), webdesign og brugertest i praksis.
Vi arbejdede i Figma og udførte både kvalitative og kvantitative undersøgelser for at forbedre siden visuelt og funktionelt. Projektet blev afsluttet med en klikbar prototype.
Vores mål:
Hjemmesiden for Blommenslyst Camping havde en række problemer:
- Uoverskuelig informationsstruktur
- Uprofessionelt og gammeldags design
- Et håbløst pladsoversigtskort
- Manglende forståelse for målgruppen
Formålet med vores redesign var at give hjemmesiden et moderne, indbydende og funktionelt løft, der ville forbedre brugeroplevelsen markant og hæve kundens forventning til campingpladsen.
Design Thinking:
Discovery
Vi startede med en grundig gennemgang af den eksisterende side og gennemførte flere brugertests. Her benyttede vi metoder som Think Aloud og Card Sorting, hvor brugerne skulle finde information som hyttepriser, billeder og kontaktinfo. Resultaterne viste store reaktioner hos testpersonerne, især pga. rodede sider og forældet indhold.
Interpretation
På baggrund af testresultater og vores egen analyse identificerede vi de tre vigtigste problemer:
- Informationssiden var for uoverskuelig
- Designet var ikke indbydende
- Pladsoversigten var ubrugelig
Vi arbejdede videre med disse problemer og løsningsforslag vi fik fra vores testresultater.
Ideation
Vi brainstormede løsninger med fokus på:
- Z-pattern layout
- Minimalistisk UI med luft og struktur
- Interaktive elementer som hover-effekter og klikbare blomster
- En tydelig visuel rød tråd i farver og layout
Vi udviklede wireframes og mockups i Figma og lavede en klikbar prototype.
Experimentation
Vi testede vores design på nye brugere og fik feedback, som vi brugte til at justere detaljerne. Eksempelvis skulle telefonnummeret fremhæves mere, pladsoversigten omdøbes og tekstfelter redesignes, så de matchede brugerens forventninger.
Evolution
Prototype blev godt modtaget. Testpersonerne fremhævede blandt andet:
- Overskuelighed og nem navigation
- Behageligt og roligt design
- Tydelig information og opdaterede billeder
- Et forbedret og forståeligt kort over pladsen
Vi løste de oprindelige problemer og skabte en hjemmeside, der både visuelt og funktionelt er mere professionel og troværdig.
Link til design:
Refleksion
Refleksion.
Projektet har lært mig, hvor stor en forskel struktur, æstetik og brugerfokus gør for en digital løsning. Jeg har fået praktisk erfaring med brugertests, UI/UX-principper, Figma-prototyping og webdesign. Det har givet mig indsigt i, hvordan man omsætter feedback og analyse til et konkret og forbedret produkt, og hvordan visuelle detaljer kan påvirke brugerens oplevelse og tillid.