Projekt 1 (re-design af hjemmeside)

Hvad var opgaven?:

Vi fik som vores første projekt (efter intro projektet) på mmd uddannelsen til opgave at finde en hjemmeside, der trængte til et visuelt og funktionelt løft, og derefter udarbejde et redesign og præsentere det i form af en protype og en klientrapport. Det gik sådan her:

Projektopstart og Teamdannelse

Projektet begyndte med, at vi dannede et team bestående af tre personer: Dicte, Oliver og mig selv. Vi diskuterede, hvordan vi bedst kunne organisere vores arbejdsproces og fordele rollerne. Jeg påtog mig lederrollen, da de andre foretrak det, og jeg nyder at organisere og styre projekter.

Gruppen og Kontrakt

For at sikre et struktureret samarbejde lavede vi en gruppe kontrakt, hvor vi satte regler op for, hvordan vi skulle arbejde sammen, og hvad vi skulle gøre, hvis problemer opstod. Dette hjalp os med at have klare forventninger fra starten.

Udvælgelse af Hjemmeside og Målsætning

Vi skulle selv finde en hjemmeside, der havde brug for et visuelt og funktionelt redesign. Vi valgte Blommenslyst Camping, da hjemmesiden var forældet og svær at navigere. Det lignede, at den stammede fra 90’erne, og mange links førte til tomme sider, hvilket i den grad gav os noget at arbejde med.

her ses den gamle hjemmeside

Mål for Redesign

Vores mål var at skabe en hjemmeside, der både var visuelt tiltalende og funktionelt let at bruge. Vi ønskede at forbedre både layout og informationsstruktur, så brugerne nemt kunne finde den nødvendige information.

Brugertest og Analyse

For at få et objektivt syn på de eksisterende problemer på hjemmesiden, begyndte vi med at gennemføre brugertests. Vi bad testpersoner om at navigere på den eksisterende hjemmeside og noterede de problemer, de stødte på, samt områder, der kunne forbedres.

Her bliver der udført think aloud brugertests
Her bliver der udført card sorting brugertests
Endnu et billede af card sorting

Analyse og Identifikation af Problemer

Basert på brugertestene og vores egen analyse identificerede vi tre hovedområder, der krævede forbedring:

  1. Informationsstruktur: Den eksisterende informationsside var forvirrende og skulle redesignes fra bunden.
  2. Visuelt Design: Den visuelle stil var forældet og var nødt til at opdateres for at skabe et mere moderne udtryk.
  3. Kortfunktion: Kortet over campingpladsen var svært at bruge, fordi den vara håndtegnet, så der skulle designes et mere intuitivt kort.
Her ses det gamle pladskort

Designproces og Prototypeudvikling

Vi begyndte med at skitsere ideer og lavede udkast for at strukturere funktionerne på hjemmesiden. Det gav os en grundlæggende ide om, hvordan elementerne skulle være organiseret, inden vi begyndte på det visuelle design.

Her sidder vi og arbejder for fuld fyr

Style Tile og Designudvikling

For at beslutte den visuelle stil lavede vi en style tile, der indeholdt groft design af farver, skrifttyper, knapper og layout. Dette hjalp os med at skabe en sammenhængende visuel identitet for hjemmesiden.

Her ses vores style tile

Prototype i Figma

Efter at have fastlagt designet i wireframes og style tile, begyndte vi at opbygge en hifi prototype i Figma. Vi arbejdede hurtigt og effektivt, og prototypen blev hurtigt fyldt med funktionelle elementer som navigationsbarren, informationssiderne, et galleri med en masse billeder og sidst men ikke mindst pladskortet.

Her ses vores prototype, der begynder at være færdig

Brugertest af Det Nye Design

Think aloud Test

For at få feedback på vores prototype, udførte vi brugertests med tre personer, hvor vi bad dem om at “tænke højt” mens de navigerede på hjemmesiden. Denne test afslørede nogle vigtige forbedringsmuligheder, som vi ikke havde overvejet som f.eks. behovet for at tilføje et kryds i hjørnet af billederne for at lukke dem. Vi havde regnet med, at folk kunne regne ud, at de bare kunne trykke på tom plads ved siden af billederne. Det modviste brugertestne.

Her udføres brugertests af vores nye design

Feedback og Justeringer

Testpersonerne reagerede positivt på den nye informationsside, hvilket bekræftede, at vores design var på rette spor. Vi justerede nogle små navigationsdetaljer og fik yderligere bekræftelse på, at vores visuelle valg var succesfulde.

Afslutning af Projektet

Klientrapport og Præsentation

Som en afslutning på projektet udarbejdede vi en klientrapport, hvor vi præsenterede redesignet og forklarede, hvorfor det ville forbedre brugeroplevelsen. Vi lavede også en PowerPoint-præsentation, som vi brugte til at præsentere vores løsning som en pitch til en potentiel klient (læreren).

Her sidder vi og roder med indesign. Det er svært

Her kan du prøve prototypen af vores redesign:

Evaluering og Resultat

Vi afsluttede projektet og var stolte af det færdige resultat. Vi havde skabt en funktionel og visuelt tiltalende prototype af Blommenslyst Camping hjemmeside, som vi følte kunne levere en bedre brugeroplevelse.

Refleksion

Efter at have afsluttet redesignprojektet føler jeg en stor tilfredshed med, hvordan vi håndterede de udfordringer, der opstod undervejs. Jeg har reflekteret meget over, hvordan vi som gruppe fungerede sammen og hvordan jeg selv navigerede i både lederrollen og som del af designprocessen. Jeg er glad for at vi formåede at holde en positiv energi igennem hele forløbet, selv når tiden var knap, og at vi ikke lod stress tage overhånd. Det har været en vigtig læring for mig, at det er muligt at være produktiv og effektiv uden at blive overvældet.

Det har været en super kreativ proces med en masse sjov brainstorming, men så også noget tungt og mere kedeligt men meget nødvendigt tekstskrivning. Jeg synes også her, at vi fandt frem til en nogenlunde behagelig balance. Det gik stærkt og tiden var presset, men jeg forestiller mig, at det også er sådan, det vil være ude i den virkelige verden, så det giver mig bare blod på tanden, at uddannelsen også øver en i dette.

Som leder har jeg også reflekteret over, hvordan jeg kunne have inddraget de andre i gruppen lidt mere i designbeslutningerne. Selvom jeg tog ansvar for at lede processen, kunne jeg godt have ønsket mig mere input og ideer fra de andre hvilket måske kunne have styrket det endelige resultat endnu mere.

I forhold til kritik af pitch: Jeg føler, at projektet har styrket min forståelse for, hvordan man skal håndtere kritik. Det kan være svært at modtage negative kommentarer, men jeg har accepteret, at det er en naturlig del af processen og en mulighed for at blive bedre. Jeg har lært, at det ikke handler om at tage det personligt, men om at fokusere på, hvordan man kan udvikle sig fremadrettet.

Alt i alt er jeg stolt af det, vi har opnået, og jeg føler, at jeg har vokset både som leder og som designer. Jeg ser frem til at bruge de erfaringer, jeg har fået, i fremtidige projekter!