En legende hjemmeside til ét hus med tre enheder
kundecitat
- Magnus Friislund
- Rebecca Busk
- Ida Elisabeth Jensen
- Francesca Tiziani
- Riziki Nielsen
PSV havde et stærkt brand, men en hjemmeside, der ikke længere matchede det. Strukturen var uklar, de tre enheder flød sammen, og et gammelt WordPress-site gjorde det tungt at opdatere. Med redesignet blev hjemmesiden tidssvarende, og hver enhed fik sin egen identitet i PSV-brandet.
Et omstruktureret sitemap og en ny navigation, en opfrisket visuel identitet med farvekoder til hver enhed, specialudviklede GSAP-animationer, herunder loading-animationen, og en fleksibel Webflow-opsætning, der er nem at vedligeholde.
Med struktur og farve. Sitemappet giver PSV Foundry, PSV Tech og PSV Hafnium hver deres klare plads, og en farvekode giver hver enhed sit eget udtryk i den fælles sort-hvide identitet.
Webflow afløste PSV's WordPress-opsætning og gav dem en fleksibel hjemmeside, de selv kan vedligeholde. Det gjorde det også muligt at bygge avancerede GSAP-animationer direkte på siden.
Den fortæller PSV's historie. Animationen viser, hvordan PSV startede som én enhed og voksede til tre, der alle hviler på det samme fundament. Den sætter tonen for hjemmesiden og præsenterer PSV-huset på få sekunder.
Kvalifik samler struktur, design, Webflow-udvikling og specialudviklede animationer i én proces. Vi går op i, hvordan hjemmesiden ser ud, og lige så meget i, om den fortæller den rigtige historie og forbliver nem at drive.
- Digital Experience Design
- Web development
- Specialudviklede animationer
PSV er et venturehus, der støtter nordiske tech-founders i den tidlige fase. Tre fonde, PSV Foundry, PSV Tech og PSV Hafnium, hviler på ét fælles fundament. Hver fond har sit eget mandat, men de deler den samme måde at tænke på.
Sammen med PSV gav Kvalifik hjemmesiden en ny struktur og byggede den op på ny i Webflow med fokus på:
- En klar struktur, der adskiller de tre enheder
- En tydelig visuel identitet for PSV Foundry, PSV Tech og PSV Hafnium
- Legende animationer, der bærer PSV's historie
- En fleksibel Webflow-opsætning, der er nem at vedligeholde
- Tydelig navigation og en hjemmeside, der lokker dig til at gå på opdagelse
Resultatet er en hjemmeside, der er let at forstå ved første blik og bliver bedre, jo nærmere du kigger. Hver enhed står på egne ben, PSV's historie er nem at følge, og teamet kan endelig opdatere hjemmesiden uden bøvl.
Struktur og navigation
Et omstruktureret sitemap og en ny navigation, der giver hver af de tre enheder en klar plads og samtidig bevarer de sider, der stadig betyder noget for hele PSV.
Visuel identitet og farvekoder
En stram sort-hvid identitet med bevidste farveaccenter, der bruges som en kode, så hver enhed får sit eget udtryk inden for ét brand.
Specialudviklede webanimationer
En loading-animation i GSAP, der fortæller PSV's historie, plus små interaktioner, der leder brugeren videre og holder hjemmesiden legende.
En Webflow-løsning, der holder
En fleksibel Webflow-opsætning, der afløste det gamle, stive CMS, så PSV kan opdatere og vedligeholde hjemmesiden uden den gamle hovedpine.
For at få styr på strukturen skulle Kvalifik forstå PSV indefra. Gennem workshops og arbejdssessioner med PSV-teamet kortlagde vi, hvordan huset faktisk hænger sammen, og byggede sitemappet op omkring det.
Den nye struktur giver hver enhed en klar plads og bevarer samtidig de sider, der stadig er fælles for hele PSV. Besøgende kan skelne PSV Foundry, PSV Tech og PSV Hafnium fra hinanden på få sekunder, og de ved altid, hvor de er.
Kvalifik fokuserede på:
- Et sitemap, der adskiller de tre enheder
- Klare regler for, hvilke sider der er fælles, og hvilke der hører til en enkelt enhed
- En navigation, der gør huset nemt at overskue
- En struktur, der understøtter den historie, PSV vil fortælle
PSV har en stram sort-hvid identitet. Den er skarp og umiskendeligt PSV. Kvalifik beholdt det fundament og brugte farver med omtanke, som en kode, der giver hver enhed sin egen identitet inden for brandet.
Resultatet er en hjemmeside, der føles rolig og eksklusiv, med farveaccenter og legende detaljer, der giver den kant. Farverne har en opgave her. De fortæller dig, hvilken enhed du kigger på, før du har læst et eneste ord.
PSV kom også med et stærkt fotobibliotek, som bærer meget af brandet. Vi gav billederne god plads og brugte dem aktivt på hele hjemmesiden, så identiteten slår igennem på hver eneste side.
Sammen med PSV's kommunikationsteam fandt vi ud af, hvordan hver historie skal fortælles med billeder og interaktion. Informationen er klar og direkte, og der er stadig noget at komme efter, hvis du har lyst til at gå på opdagelse.
Se andre cases
.avif)
%252520copy-2.avif)
