Prototype

For at give et fuldt indblik i den endelige brugeroplevelse for VS Automatic har vi udviklet en færdig prototype for blog-universet, Ladestander under blog-universet og elektriker-skolen. Prototypen er en interaktiv model, der viser det komplette design, funktionalitet og brugerflow.

Se prototypen på figma linket

VPC

For at forstå virksomhedens kerneværdier, kundebehov og udfordringer har vi valgt at udarbejde en Value Proposition Canvas (VPC) for VS Automatic. Denne metode giver os et dybere indblik i, hvordan virksomhedens ydelser matcher kundernes ønsker og problemer. Ved at identificere disse nøgleområder kan vi styrke virksomhedens markedsposition og skabe mere målrettede løsninger.

Se VPC på figma linket

Empathy map

For at få en dybere forståelse af kundernes følelser, behov og udfordringer har vi udarbejdet et færdigt Empathy Map for VS Automatic. Denne model fokuserer på kundernes tanker, følelser, handlinger og smertepunkter i forhold til virksomhedens produkter og tjenester. Formålet er at skabe en mere empatisk tilgang, der kan hjælpe med at forbedre kundeoplevelsen og tilpasse løsningerne bedre til deres behov.

Se Empathy map på figma linket

Tone of voice

For at få en dybere forståelse af VS-Automatics tone of voice, har vi analyseret virksomhedens sprog og tone på den nuværende side ved hjælp af modellen. Dette gør det muligt at skabe en mere sammenhængende og målrettet brandoplevelse, der styrker relationen til kunderne.

Se Tone of voice på figma linket

Persona

For at få en dybere forståelse af VS-Automatics målgruppe har vi udviklet detaljerede personaer. Disse personaer repræsenterer virksomhedens typiske kunder og deres behov, udfordringer og adfærd. Ved at arbejde med personaer kan vi målrette kommunikationen og skabe mere relevante og værdiskabende løsninger.

Se persona på figma linket

User Journey Mapping

For at få en dybere forståelse af kundernes oplevelse, har vi udarbejdet to User Journey Mappings for VS Automatic. Disse kortlægger kundernes rejse fra første kontakt til endelig løsning og identificerer vigtige berøringspunkter samt potentielle udfordringer. Formålet er at optimere kundeoplevelsen og skabe mere effektive og behovsorienterede løsninger.

Se User Journey Mapping på figma linket

Moodboard

For at få en dybere forståelse af VS-Automatics visuelle identitet og stil har hvert gruppemedlem udarbejdet to moodboards. Disse moodboards repræsenterer forskellige visuelle retninger med fokus på farver, billeder og stemning. Formålet er at finde en fælles æstetisk linje, der afspejler virksomhedens værdier og styrker det visuelle udtryk.

Se Moodboard på figma linket

Styletile

For at sikre et ensartet visuelt udtryk for VS Automatic har vi udarbejdet en Styletile. Styletile fungerer som et visuelt referenceværktøj, der samler nøgleelementer som farvepalet, typografi, ikoner og grafiske mønstre. Formålet er at skabe en klar visuel retning, der afspejler virksomhedens identitet og styrker den grafiske genkendelighed.

Se Styletile på figma linket

Wireframes

For at skabe en klar struktur og brugervenlig navigation for VS Automatic har vi udarbejdet wireframes. Disse wireframes visualiserer sidens layout, indhold, placering og funktion flow. Formålet er at sikre en intuitiv brugeroplevelse og danne et solidt fundament for den endelige design udvikling.

Se wireframes på figma linket

Mockups

For at give et realistisk indblik i det endelige design for VS Automatic har vi udarbejdet en mockup. Mockuppen viser, hvordan farver, typografi, billeder og funktioner samles i et færdigt visuelt udtryk. Formålet er at præsentere det endelige design koncept og sikre, at det lever op til både brugerbehov og virksomhedens visuelle identitet.

Se mockups på figma linket

VS Automatic design manual

Her kan du se design manualen for VS Automatic brand identitet.

Download VS design manualen