Hjemmeside til Berta bageri
Projektets Formål
Som case arbejdede vi med Berta Bageri, en virksomhed med et stærkt visuelt udtryk på sociale medier, men uden en hjemmeside. Vi så en mulighed for at styrke deres digitale tilstedeværelse med et online menukort og en responsiv hjemmeside, der både afspejler bageriets brand og skaber værdi for kunderne.
Research og Metode
For at forstå målgruppen interviewede og observerede vi kunder i butikken. Vi anvendte kortsortering til at analysere data og fandt ud af, at kunderne (primært de 20–45 årige) efterspurgte hurtig adgang til menukortet online. Samtidig blev det tydeligt, at hjemmesiden kunne hjælpe med at mindske travlhed i butikken, og at atmosfæren og det æstetiske udtryk var vigtige for kundernes oplevelse.
Designproces
Vi lod os inspirere af Bageriets eksisterende brandidentitet fra Instagram, især logo, farver og den minimalistiske stil. Med moodboards, wireframes og mockups afprøvede vi flere retninger, inden vi landede på et design, der både signalerer bæredygtighed og æstetik. Vi brugte egne fotos for at understøtte autenticiteten og skabe en sammenhængende oplevelse på tværs af platforme.
Udvikling & Kode
Prototypen blev kodet med HTML og CSS med fokus på semantisk struktur og responsivt design via media queries. Vi tilpassede layoutet til mobil, tablet og desktop, så menukortet og navigationen altid fremstår brugervenlig. For at optimere hastighed og performance arbejdede vi med billedeformater (bl.a. webp & svg) og testede løsningen i Google Chrome udvidelsen Lighthouse for at sikre os at siden kørte stabilt på alle platforme.
Resultat & Læring
Resultatet blev en færdig prototype af en responsiv hjemmeside, der matcher Berta Bageris visuelle identitet og gør det nemmere for kunderne at orientere sig. Projektet gav mig solid erfaring med brugerundersøgelser, designprocesser og kodning, og viste, hvordan man kan omsætte en eksisterende brandidentitet til et digitalt produkt, der skaber reel værdi.