Go to content

Skagenfood

Ny frontend og fokus på måltidskasser giver øget trafik og omsætning

Se deres website her

Samarbejdet

Skagenfood har længe været kendt som Danmarks førende leverandør af friskfanget fisk leveret til din hoveddør. Men nu er kampen også gået ind i jagten på det stigende marked for måltidskasser. De bliver leveret i samme høje kvalitet, som man kender fra fisken, og med nemme og lækre opskrifter lavet af Skagenfoods egne dygtige kokke. Med den målsætning ønskede Skagenfood mere trafik og øget konvertering specielt på måltidskasser, og til det skulle der i første omgang bygges en ny frontend med forbedringer i UX. Til opgaven valgte Skagenfood at arbejde sammen med Novicell.

Det bestod opgaven af

  • pen inside the setting image icon

    Design

    Billedbåret, moderne og dynamisk design til målgruppen.

  • light ball inside the folder icon

    Frontend

    Ny frontend med fokus på performance og brugeroplevelse.

  • head with a heart icon

    UX

    Brugeren i fokus med ny menustruktur og sticky filter.

  • a magnifying glass diving into three sections icon

    Splittest af købsflow

    Splittest og heatmaps der optimerer sitet baseret på brugeradfærd.

Nyt design

Til Skagenfood skabte Novicell et billedebåret og moderne design med masser af plads til storytelling og implementering af video. Udtrykket er dynamisk og levende og henvender sig til målgruppen, som sætter pris på kvalitet i udtrykket. Med store, appetitlige billeder skrues der helt op for food appeal i det nye design. Samtidig sikrer den helt nye menustruktur og et smart sticky filter en forbedret brugeroplevelser over hele sitet.

Læs mere om Novicells arbejde med UX & Design

Succes i samspillet mellem elementer

Det nye site til Skagenfood er bygget headless oven på en eksisterende Umbraco-platform, og frontenden er lavet som en SPA (Single Page Application) i de to frameworks Vue.js og Nuxt.js. Det betyder maksimalt fokus på performance og brugeroplevelsen på siden.

På content-delen er Skagenfoods stærke ønske om tydelige USP´er nu blevet indfriet. Herudover er CTA´erne nu blevet tydelige og optimerede, og der er skabt et helt nyt checkout flow. UX-optimeret design og frontend blev efterfulgt af en massiv SEO-indsats, og tilsammen har dette haft stor effekt på både trafik og konverteringer.

chart icon + 80 0 %

flere sessioner

a human in a circle icon + 125 0 %

flere nye brugere

buy icon + 24 0 %

øget omsætning

Måltidskasser

Et af ønskerne fra start var at styrke Skagenfoods position på markedet for måltidskasser. Derfor har denne del fået ekstra fokus, og universet er blevet udvidet med nye filtreringsmuligheder, lækre billeder og overskueligt galleri, hvor alle kasser præsenteres med de vigtigste USP'er. I måltidskasse-universet finder man både den klassiske med fisk, en ny vegetarkasse og en heat & cook til de magelige.

Se det nye måltidskasse-univers

Skagenfood App'en 2.0 fra hybrid til native

Skagenfood har gennem mange år leveret højkvalitets måltidskasser og specialprodukter til danskerne på abonnement. Skagenfood har en vision om at være en levende del af danskernes sunde og velsmagende madoplevelser, i et koncept som er let tilgængeligt, praktisk og tidsbesparende. En vigtig del af denne vision er Skagenfoods app. Herfra kan kunderne styre deres abonnement, blive inspireret til nye og spændende måltider, se deres kommende leverancer og læse opskrifterne tilhørende en given måltidskasse.

I 2020 lancerede Skagenfood sammen med Novicell, deres App 2.0. En gentænkt app, som ikke bare er et teknologiskifte, i en mere fremtidssikret retning. Men også er en gentænkning af hele brugeroplevelsen. I den nye App 2.0 er der fokus på at skabe et inspirerende univers, som stadig er lige så let at bruge som fjernbetjeningen til et TV. Den gamle Skagenfood 1.0 var bygget i en outdated hybrid teknologi. Med skiftet til App 2.0 er Skagenfood gået native, for både at få stabilitet, performance og ikke mindst mulighed for, i kommende versioner, at kunne integrere kraftfulde features ind, som anvender hardwaren på kundernes enheder.

Novicell har været meget imødekommende og smidige igennem hele processen, der har krævet en del af alle parter, da moderniseringen af vores hidtidige platform nødvendiggjorde en del udredninger og nyudvikling. Den forbedrede frontend, der nu er sat i søen, er vores første skridt sammen. Vi glæder os til rækken af kommende forbedringer, der er lige om hjørnet, som vil løfte kundeoplevelsen yderligere.

 

Foto af Peter Bagge
Peter Bagge, Founder & Direktør
Skagenfood

Løbende justeringer og splittest af købsflow tæller på bundlinjen

Med høj konkurrence indenfor måltidskasser er der behov for benhårdt fokus på konverteringsoptimering: At få det optimale ud af dine besøgende. Gennem løbende tests og analyser samt indgående kendskab til forretningen og kundesegmenterne, var målet at optimere købsflowet.
… Og sådan fik vi stoppet et potentielt årligt tab på 2 mio. i kundelivstidsværdi.

Heatmaps

Gennem brugen af Mouseflow blev der optaget heatmaps for at få kvantitativ viden om brugeradfærden. Den kvalitative viden kom dertil fra en tidligere udført brugertest. Sideløbende blev adfærdsdata i Google Analytics gennemgået og sammenholdt med indsigterne fra Mouseflow. Denne data blev kombineret med en klassisk UX-gennemgang af købsflowet. Og så stod vi med en solid basis for optimeringsforslag, der kunne øge konverteringsraten.

Læs mere om Mouseflow

Potentiel tab af 2 mio. årligt

De mindre ændringer forbedrede konverteringsraten, men noget var stadig ikke rigtigt. Derfor blev der igangsat en splittest af de to kundeindgange, der fandtes: måltidskasse-guiden og den klassiske måltidskasse-oversigt. Splittesten viste hvad vi frygtede: at Skagenfood tabte fortjeneste på måltidskasse-guiden. Brugerne af guiden gennemførte i mindre grad end dem på måltidskasse-oversigten. En forecast viste, at de ville gå glip af 2 mio. årligt i kundelivstidsværdi, hvis man fortsatte med at lede trafik gennem måltidskasse-guiden.

Optimering

Der blev derfor slukket for guiden og fremover fuld fokus på optimeringer til det klassiske købsflow, der kan øge performance. Også dette sker gennem løbende adfærdsanalyser og splittests. Det er altså ikke nok at lave en lækker løsning. Man skal som e-handelsvirksomhed, B2C eller B2B-website løbende holde øje med performance, se efter forbedringsmuligheder og test disse for at sikre at forretningen kører optimalt.

Eksempel: heatmaps fra Skagenfood.

Brugerne har stor interesse i at se måltidsbillederne, men samtidig også i at se alle tilgængelige måltidskasse, selv filtrere og udforske, og ikke kun se dem guiden anbefaler.

Vil du vide mere om løsningen og hvordan et nyt design kan forbedre din bundlinje? Så kontakt mig gerne.