Webdesign & SoMe for Bohème

Opgavebeskrivelse
2. semesters eksamensprojekt blev løst i en gruppe på 2 personer. Opgaven bestod i at udvikle en responsiv hjemmeside til en selvvalgt virksomhed – heraf blev valget Bohème Restaurant & Vinbar. Formålet med opgaven var at skabe et brugervenligt design, der afspejler virksomhedens brandidentitet. Den oprindelige side fremstod meget neutral og upersonlig. Som står i stor kontrast til kundernes opfattelse af stedet. Derfor var det helt store fokus at få formidlet Bohèmes personlighed gennem deres digitale medier.
I opgaven skulle der desuden tages stilling til bæredygtighed og webtilgængelighed og siden skulle SEO-optimeres.

Årstal
2024

Programmer brugt
Figma, WordPress, Adobe CC, Klaviyo, CapCut

Processen bestod af

  • Udarbejdelse af afsenderidentitet
  • Brugertest på oprindelig hjemmeside
  • Indsamling og bearbejdning af indsigter
  • Udvikling og test af mockup
  • Udvikling af hjemmeside
  • Brugertest

Re-designet forside:

Skærmbillede 2024-08-29 kl. 10.45.18Skærmbillede 2024-08-29 kl. 10.43.54

Udpluk af processen

Designsystem
Nedenfor ses det udarbejdede designsystem for den nye hjemmeside. Denne er med til at sikre at udtryk og design på tværs af sider og kanaler er konsistente, samt at alle i teamet er enige om elementers udseende osv. Designsystemet er desuden udviklet med udgangspunkt i Atomic Design principper.
Designsystem for Bohème

Mockup med bevægelses flow
I projektet er der udarbejdet en mockup for hjemmesidens visuelle del. Denne er efterfølgende testet på målgruppens samt flowet gennem siden. Formålet med dette er at be- og afkræfte eventuelle frustrationer målgruppen kunne opleve på designet, og sørge for at forbedre disse inden realiseringen af endelig hjemmeside. Nedenfor ses hvordan flowet er kørt igennem på mockuppen.

Mockup med flow for Bohème
Scroll to Top