Besa Digital

The Challenge

Udfordringen

Projektet udsprang af mit praktikophold hos Besa Digital. Under praktikforløbet arbejdede jeg tæt sammen med bureauet og fik et indgående kendskab til deres forretning, arbejdsprocesser og digitale udfordringer. Derfor blev vi enige om at lade mit afsluttende eksamensprojekt tage udgangspunkt i virksomhedens website.

Besa Digital manglede en digital platform, der tydeligt kommunikerede bureauets kompetencer og gjorde det nemt for potentielle kunder at forstå deres ydelser. Samtidig ønskede virksomheden en løsning, der kunne skaleres i takt med, at nye cases og services blev tilføjet.

Målet var derfor at udvikle både et nyt website og et fleksibelt designsystem, som kunne danne fundamentet for bureauets digitale tilstedeværelse.

Discover

Research & Indsigter

Vi indledte projektet med workshops og interviews med virksomheden for at skabe en fælles forståelse af deres mål, værdier og udfordringer. Herefter udarbejdede vi en Value Proposition Canvas, som hjalp os med at koble Besa Digitals ydelser sammen med kundernes behov.

For at evaluere den eksisterende løsning gennemførte vi 5-sekunders tests og tænke-højt-tests, der viste, at brugerne havde svært ved hurtigt at forstå bureauets kompetencer og navigere mellem de forskellige ydelser.

Derudover arbejdede vi med card sorting for at skabe en mere logisk informationsarkitektur og strukturere indholdet, så det efterfølgende kunne omsættes til et komponentbaseret designsystem.

Projektet blev organiseret efter Scrum, hvor vi arbejdede i sprintforløb med løbende feedback og iteration gennem hele udviklingsprocessen.

Define & Design

Designprocessen

På baggrund af vores analyser udviklede vi et Atomic Design System i Figma, som dannede fundamentet for hele løsningen.

Designsystemet omfattede blandt andet:

• Design tokens, farver og typografi.
• Genanvendelige UI-komponenter.
• Kort, knapper og formularer.
• Fleksible sektioner og sidelayouts.
• High-fidelity prototyper, der blev testet og forbedret, inden udviklingen begyndte.

Den komponentbaserede tilgang gjorde det muligt at skabe et konsistent design, som efterfølgende kunne omsættes direkte til kode.

Develop

Den digitale løsning

Websitet blev udviklet fra bunden i Astro med Tailwind CSS og Alpine.js, hvor fokus var på høj performance, responsivt design og en skalerbar kodebase.

For at gøre løsningen nem at vedligeholde blev indholdet struktureret gennem JSON- og Markdown-filer, så nye cases og ydelser let kan tilføjes uden at ændre i koden.

Udviklingen blev versionstyret gennem GitHub, og løsningen blev løbende testet undervejs for at sikre kvalitet og stabilitet.

Deliver

Resultat & Læring

Projektet resulterede i et moderne bureauwebsite med et skalerbart designsystem og en fleksibel teknisk løsning, der gør det nemt at videreudvikle sitet i takt med virksomhedens behov.

For mig var projektet en mulighed for at arbejde med en reel virksomhed fra analyse til færdig løsning. Jeg opnåede en større forståelse for, hvordan research, design og udvikling hænger sammen, og hvordan et gennemtænkt designsystem kan skabe værdi – både for udviklere, designere og den virksomhed, der skal arbejde videre med løsningen.