Et launch mellem skyerne
Tættere på Himlen samlede gæster til Syttensyvogtres’ launch-event i Sky Lounge i Aalborg. Jeg udviklede landingssiden ud fra et statisk Figma-design og bestemte, hvordan logoet, skyerne og teksten skulle bevæge sig. Til sidens souvenirs tilpassede jeg en karrusel med kode, som giver billederne dybde og lader dem følge musen.
Min rolle
Webudvikling, motion design & skræddersyet karrusel
Værktøjer
WordPress, Elementor, GSAP, JavaScript & CSS
Udarbejdet hos
Syttensyvogtres Creative
Jeg satte skyerne i bevægelse
Jeg tog udgangspunkt i det statiske Figma-design og planlagde, hvordan logo, skyer og tekst skulle bevæge sig. Når siden åbner, kommer logoet frem gennem en animation i heroen, som jeg selv udviklede.
Skyerne bevæger sig på tværs af skærmen i takt med scrollen. Jeg tilpassede deres retning og afstand til sidens sektioner, så de passerer omkring de store overskrifter undervejs.
Overskrifter som LAUNCH og VENUE glider frem bogstav for bogstav gennem en maske. Jeg knyttede animationen til bogstavernes placering på skærmen, så de kommer frem, når brugeren når dem. Efter animationen bliver bogstaverne stående i overskriften.
Skyerne bevæger sig på tværs af skærmen i takt med scrollen. Jeg tilpassede deres retning og afstand til sidens sektioner, så de passerer omkring de store overskrifter undervejs.
Overskrifter som LAUNCH og VENUE glider frem bogstav for bogstav gennem en maske. Jeg knyttede animationen til bogstavernes placering på skærmen, så de kommer frem, når brugeren når dem. Efter animationen bliver bogstaverne stående i overskriften.
Souvenirs glider frem i karrusellen
Forsiden skulle give læseren overblik over historierne, og artikelsiden skulle præsentere den historie, læseren havde valgt. Jeg tegnede begge sider i Figma, hvor jeg arbejdede med deres indhold og struktur.
Jeg afprøvede skitserne med mine kollegaer for at undersøge, hvordan de fandt rundt i siderne. De kunne gennemgå forsiden og artikelsiden, mens jeg arbejdede med designet.
Skitserne dannede grundlag for de sider, jeg efterfølgende byggede i WordPress.
Jeg afprøvede skitserne med mine kollegaer for at undersøge, hvordan de fandt rundt i siderne. De kunne gennemgå forsiden og artikelsiden, mens jeg arbejdede med designet.
Skitserne dannede grundlag for de sider, jeg efterfølgende byggede i WordPress.
Næste case
Golf App
En flersproget hjemmeside med en skræddersyet CMS-løsning, der har faste indholdsfelter, så medarbejderne kan ændre indhold uden at redigere layoutet.
2026
Næste case
Golf App
En flersproget hjemmeside med en skræddersyet CMS-løsning, der har faste indholdsfelter, så medarbejderne kan ændre indhold uden at redigere layoutet.
2026
