Havblink
Hvidvin

Opsummering

Dette projekt gik ud på at udvikle en visuel identitet og et website til den fiktive danske vingård Havblink. Målet var at skabe en løsning, der fremhæver dansk hvidvin som et bæredygtigt kvalitetsprodukt.

Projektet tog udgangspunkt i research og brugerindsigt med fokus på at formidle vin som en oplevelse frem for blot et produkt. Min løsning kombinerer storytelling, tydelig informationsarkitektur og en sammenhængende visuel identitet.

Min rolle

Da dette var et individuelt projekt, har jeg stået for hele processen. Jeg har blandt andet arbejdet med følgende:

Brugerindsigt: Desk research, semistrukturerede interviews, brugerportrætter, persona, value proposition canvas, forskellige udkast til sitemaps, kortsortering, storytelling, tænke-højt-tests.

Design: Udvikling af visuel identitet, branding (logo, vinetiketter), skitser, wireframes, moodboard, style tile, mockups, prototype til desktop og mobil. Se prototype i Figma.

Programmering: Udvikling af et responsivt website med HTML og CSS, optimeret til desktop og mobil. Bl.a. har jeg lavet en produktslider på forsiden, hvor man kan scrolle gennem produkterne, og jeg har arbejdet med CSS-grid i min præsentation af Solaris-vinens egenskaber. 

 

Klik for at forstørre billederne.

 

Produktslider fra forsiden på Havblinks hjemmeside
Produktslider programmeret med HTML og CSS.
Eksempel på grid-layout på Havblink-vinbeskrivelse
Solaris-vinens egenskaber vises med disse piktogrammer. Layoutet har jeg lavet med CSS-grid.
Havblink value proposition canvas
Mit value proposition canvas med pains and gains for virksomheden og kunden, som jeg arbejdede ud fra.
Det endelige sitemap for Havblink
Det endelige sitemap, som jeg kom frem til efter flere udkast og kortsorteringstest.

Værktøjer

  • Figma til wireframes, mockups og prototype
  • Photoshop til vinetiketter og produktbilleder
  • Illustrator til logo
  • HTML og CSS til kodning af hjemmesiden
  • GitHub til håndtering af kode
  • Adobe Firefly til generering af billeder til den fiktive vingård
  • iMovie til at klippe min præsentationsvideo

 

Detaljer

  • Projekt: Eksamen, 1. semester, forår 2025
  • Varighed: 4 uger
  • Projekttype: Individuelt projekt
  • Fokusområder: Brugerindsigt, storytelling, visuel identitet og responsivt design
  • Produkt: Live website, Figma-prototype, rapport samt video med argumentation for design og kodegennemgang