Procesbeskrivelse: Den 14. november 2025 startede arbejdet med Projekt 5. Opgaven var en case for en rigtig kunde, Hesselgaard Glamping. Opgaven gik ud på at aktivere deres nye “Fællessal”, som stod lidt i skyggen af deres populære glamping telte. Projektet havde fokus på at skabe en digital identitet, der kunne binde de to forretninger sammen, og min rolle var primært som udvikler og content creator.
Opgavebeskrivelse:
Vi skulle designe og kode en løsning, der gjorde fællessalen synlig for målgruppen. Vi skulle arbejde med SCRUM som projektstyringsværktøj, producere videoindhold til SoMe og kode en interaktiv forside. Kravet var at vise forståelse for både design, kodning (HTML/CSS/JS) og content-strategi.
Discovery:
Jeg startede med at undersøge Hesselgaards nuværende brand. Det stod hurtigt klart, at glamping-delen var visuelt stærk, men fællessalen manglede identitet. Jeg undersøgte målgruppen (kvinder 35-55 år) og fandt ud af, at de søgte ro, natur og “hverdags-luksus”. Jeg samlede inspiration fra konkurrenter som Lykkehjem for at finde den rette balance mellem det eksklusive og det jordnære
Interpretation:
Efter discovery fasen var vi enige om at satse på B2C-markedet. Strategien var, at en levende profil med yoga og events ville tiltrække B2B-kunderne sekundært. Jeg var med til at definere en tone of voice, der skulle være rolig, imødekommende og autentisk. I den her fase begyndte jeg også at tænke over, hvordan vi teknisk kunne vise “to sider af samme sag” på hjemmesiden.
Ideation:
I den her fase udviklede jeg ideer til layoutet i Figma. Jeg eksperimenterede med en hero-sektion, der var delt i tre, men det blev for rodet. Jeg måtte “dræbe en darling” og skiftede til et 2-delt “Split Screen” design, som gav meget mere mening for brugeren. Jeg valgte farver og typografi, der matchede Hesselgaards eksisterende beige og grønne nuancer for at skabe ro.
Experimentation:
Jeg begyndte at kode forsiden og den interaktive hero-sektion. Det var her, jeg stødte på udfordringer med JavaScript-logikken. Jeg brugte AI til at sparre om, hvordan man bruger Arrays og Loops til at styre animationen (clip-path) effektivt, i stedet for at skrive koden dobbelt. Samtidig producerede jeg videomateriale, hvor jeg brugte “Rule of Thirds” til at placere teksten, så den ikke dækkede for stemningen i billedet.
Evolution:
I evolution fasen opdagede jeg, at min hero-animation drillede på mobil. Det fiksede jeg ved at tilføje en regel i min JavaScript (window.innerWidth), så effekten slår fra på små skærme. Jeg finjusterede også koden og validerede den, så den levede op til kravene. Vi rettede layoutet til baseret på feedback, så der kom mere luft (white space) omkring elementerne.
Refleksion:
Projektet har givet mig en masse erfaring med at arbejde for en rigtig kunde, hvor man skal tage hensyn til deres ønsker. Jeg har rykket mig meget på JavaScript – især forståelsen af Arrays og Loops, og hvordan man bruger AI som en læringspartner frem for bare en løsning. Jeg har også lært, hvor vigtigt det er, at content (video) og kode spiller sammen for at skabe en helhedsoplevelse. SCRUM-metoden hjalp os med at holde struktur, selvom det nogle gange var svært at huske at opdatere tavlen i en travl proces.
