Skagenfood

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

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

Design

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

Ny frontend med fokus på performance og brugeroplevelse.
UX

Brugeren i fokus med ny menustruktur og sticky filter.
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.

+ 80 0 %

flere sessioner

+ 125 0 %

flere nye brugere

+ 24 0 %

øget omsætning

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.

Læs mere om udvikling af Apps

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.

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.

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.

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.