Nyt flipp.dk
FLIPP.DK · UX/UI & DESIGNSYSTEM · WEB · 2021
Flipp er Egmonts bladtjeneste, alle magasinerne samlet ét sted. Jeg byggede websitet om fra bunden og gjorde det mobil-first.
LEVERANCER
UX
Brugerundersøgelser
Produktdesign
Designsystem og komponenter
Udviklersamarbejde
UDFORDRINGEN
Det gamle flipp.dk var bygget til desktop, ikke til telefonen, og magasinforsiderne blev skiftet manuelt to gange om året, så sitet lignede noget, der havde stået stille og ikke blev opdateret. Teksten fyldte for meget, salgspunkterne lå bag mange klik, og man kunne ikke se tidligere udgaver. Købsflowet var langt. Opgaven var et website, der føltes friskt, virkede på telefonen og gjorde vejen til et abonnement kort.
LØSNINGEN
Jeg stod for hele redesignet alene, fra UX til UI: nyt look, ny sitearkitektur og et designsystem med komponenter bygget fra bunden. Designet skulle godkendes af en produktgruppe med produktejere fra Danmark, Sverige og Norge. Undervejs testede jeg på brugere og sad med udviklerne om det tekniske. Fem beslutninger formede resultatet:
Mobil-first fra bunden. Det gamle site var tænkt til en stor skærm. Jeg vendte det om og designede til telefonen først, for det var der, de fleste landede, ofte fra Instagram. Alt blev bygget til tommelfingeren og skaleret op derfra.
En forside, der opdaterer sig selv. Telefonerne og tablets i toppen viser altid de nyeste magasinforsider. Sammen med udviklerne fik jeg siden til at hente dem direkte fra Flipps server, så de skifter af sig selv. Før blev de byttet manuelt to gange om året. Nu gælder det, at har du set en forside i kiosken eller på Instagram, kan du finde den på flipp.dk samme dag.
Kortere vej til abonnement. Det gamle købsflow var langt, og man mistede overblikket. Jeg brød det op i tydelige trin med en stepper, så man hele tiden kunne se, hvor langt man var. Færre skærme, mindre tvivl.
Lad forsiderne sælge. Før druknede magasinerne i tekst. Jeg skar teksten ned til det, folk rent faktisk læser, og lod de mange forsider bære budskabet, for det er dem, folk kommer efter. Jeg gjorde det også muligt at bladre i tidligere udgaver, så man kunne se, hvor meget der fulgte med et abonnement. Brugertesten bekræftede retningen: de korte versioner blev læst, de lange sprunget over.
RESULTATET
Efter relanceringen blev et køb i gennemsnit en tredjedel hurtigere at gennemføre, og færre faldt fra undervejs. Konverteringen steg. Designsystemet holdt så godt, at det siden blev brugt som ramme for abonnementsoprettelsen på den tyske tjeneste swoosh.de, skinnet i Swooshs farver. I dag kører designet stadig i Danmark, Sverige og Norge og på swoosh.de.
