Digitalt design · 10

CRO-design

Design, der er bygget til at konvertere, og testet for at bevise det.

Få en gratis analyse

Sådan arbejder vi med cro-design

Vi designer varianter af nøglesider ud fra data og hypoteser og tester dem, så beslutninger træffes på resultater, ikke på smag. Det gælder produktsider, kategorisider, checkout og landingssider. Ydelsen findes, fordi de fleste designændringer i webshops lanceres uden måling, så ingen ved, om den nye produktside gav flere ordrer eller færre. Med samme trafik og samme annoncebudget er konverteringsraten det sted, hvor der ofte er mest at hente.

Vi starter i GA4, Hotjar og usability-tests og skriver hypoteser i fast form: "Hvis vi viser leveringstid ved køb-knappen, stiger andelen, der lægger i kurv, fordi kunderne i dag spørger supporten om det." Hver hypotese får et mål og en varianttegning i Figma. Med nok trafik testes den som A/B-test i VWO, Convert eller platformens eget værktøj; med mindre trafik måles før og efter. Udvikler og analytiker arbejder med fra start.

I står med en prioriteret liste af hypoteser, designede varianter af de sider, der betyder mest, og for hver test et resultat med tal. Det, der vinder, implementeres som standard i shoppen og lægges i designsystemet. Efter et halvt år har I en dokumenteret liste over, hvad der virker for jeres kunder, som kan bruges i mails, annoncer og nye sider.

Hvornår det giver mening

  • I har over 1.000 ordrer om måneden og ændrer produktsider og checkout uden at måle, om det giver flere ordrer.
  • Konverteringsraten er faldet efter et redesign, og I vil finde ud af hvorfor og rette det.
  • Annoncebudgettet er steget, men ordrerne følger ikke med, og I vil forbedre det, der sker efter klikket.
  • Kundeservice svarer på de samme spørgsmål om levering, størrelse og pris, som produktsiden burde besvare.

Det får du

  1. Hypoteser fra data
  2. Designvarianter
  3. A/B-test
  4. Læring og implementering
Få en gratis analyse

Sådan foregår det

  1. Analyse og hypoteser

    Vi gennemgår GA4-tragter, sessionsoptagelser, interne søgninger og supportspørgsmål og tjekker, at målingen af ordrer og kurv er korrekt. Resultatet er en prioriteret liste med 10–20 hypoteser med forventet effekt.

  2. Design af varianter

    De øverste hypoteser tegnes som varianter i Figma inden for jeres designsystem, med mobil først. Udvikleren vurderer omfang, og analytikeren definerer succesmål og nødvendig testperiode pr. variant.

  3. Test eller lancering med måling

    Varianten bygges og køres som A/B-test i VWO, Convert eller platformens værktøj, eller lanceres med før-og-efter-måling, hvis trafikken er lav. Vi overvåger, at testen ikke skader hastighed eller andre mål.

  4. Evaluering og implementering

    Resultatet evalueres, når det er statistisk sikkert. Vinderen gøres til standard og lægges i designsystemet, læring skrives ind i hypoteselisten, og næste test startes. Rytmen fortsætter med to til tre tests om måneden.

I dybden

Produktsider, kategorier og checkout designet efter kundernes tvivl

Produktsider, kategorier og checkout designet efter, hvad kunderne er i tvivl om, og med data fra adfærd og tests. Vi finder tvivlen i supportens spørgsmål, i interne søgninger og i sessionsoptagelser, hvor kunder scroller op og ned på produktsiden uden at købe. Typiske svar er leveringstid ved knappen, tydelig pris pr. enhed, mål og kompatibilitet højt på siden, og en checkout, der viser samlet pris inklusive fragt, før kortoplysningerne tastes.

Hypoteser med mål, ikke meninger

Hver ændring har en hypotese og et mål, og testes, hvor trafikken tillader det. Hypoteser skrives i fast form med forventet effekt og begrundelse, prioriteres efter forventet effekt, sikkerhed og omfang, og gemmes i en fælles liste. Vi designer til at lære, ikke kun til at lancere: også en tabende variant giver viden om, hvad kunderne ikke reagerer på, og den skrives ned, så den ikke foreslås igen af den næste, der får idéen.

Måling på konvertering, tid til køb og frafald

Design er ikke smag. Vi måler på, om kunderne finder, forstår og vælger: konverteringsrate, andel der lægger i kurv, tid fra produktside til ordre, frafald pr. trin i checkout. Tests kører i VWO, Convert eller Shopify og PrestaShop-modulerne, med GA4 som kontrol, og vi stopper først, når resultatet er statistisk sikkert, ikke når kurven ser god ud efter tre dage. Det, der virker, bliver standard og lægges i designsystemet.

Samarbejde mellem design, analytics og udvikling

Designere, analytikere og udviklere arbejder sammen, så det, der vinder en test, bliver standard i shoppen. Analytikeren sikrer, at målingen er rigtig, før testen starter, udvikleren bygger varianten, så den loader lige så hurtigt som originalen, og designeren sørger for, at vinderen ikke bryder resten af sitet. Læring deles med paid og e-mail: et budskab, der vinder på produktsiden, testes ofte også i annoncer og flows.

Fejl, vi ofte finder

  • Tests stoppet efter få dage, fordi kurven så god udEfter tre dage kan en variant se ud til at vinde med 20 procent og tabe ugen efter, fordi weekend- og hverdagskunder opfører sig forskelligt. Vi beregner nødvendigt antal ordrer på forhånd og lader testen køre mindst to hele uger.
  • Måling, der ikke kan stoles påDobbelt tracking af ordrer, manglende cookie-samtykke i GA4 eller en variant, der loader langsommere, giver resultater, der peger forkert. Vi tjekker tracking og hastighed på begge varianter, før testen går i gang, og bruger ordrer fra platformen som kontrol.
  • Små ændringer i knapfarver i stedet for det, kunderne er i tvivl omEn anden grøn på køb-knappen giver sjældent en målbar forskel, men bruger en hel testperiode. Vi prioriterer hypoteser, der adresserer reel tvivl: levering, pris, mål, betaling, retur, fordi det er der, de store udsving ligger.

Sådan ser det ud

0sprints fra skitse til design

Fra grå flader til et udtryk, der kan genkendes. Prototyper testes på rigtige brugere undervejs.

HeroKategoriProduktKurvCheckoutTak

SkitseDesign

Sådan måler vi effekten

  • Konverteringsrate pr. enhedstype i GA4, sammenlignet med samme periode året før
  • Andel af produktsidebesøg, der lægger i kurv, og andel af kurve, der bliver til ordrer
  • Antal gennemførte tests med statistisk sikkert resultat pr. kvartal

Rammer

Pris
Fra 15.000 kr. pr. måned
Varighed
Løbende, opsagt månedligt
Hvem
CRO-designer, analytiker og udvikler
Få en gratis analyse

Eksempel: Stolespecialisten

Stolespecialisten havde et højt frafald i checkout ved leveringsvalg. Sessionsoptagelser viste, at kunderne scrollede op og ned for at finde fragtprisen, og supporten fik spørgsmål om levering af store pakker. Hypotesen var, at samlet pris inklusive fragt vist før kortoplysninger ville reducere frafaldet. Vi tegnede en checkout med leveringsmuligheder, pris og forventet leveringsdag samlet i ét trin og testede den mod den eksisterende i fire uger. Varianten gav ca. 12 procent flere gennemførte ordrer fra kurv og blev standard. Læringen blev genbrugt på produktsiden, hvor leveringstid nu vises ved køb-knappen.

Mere inden for Digitalt design

W M D S
  1. UX & UI
  2. Wireframes & prototyper
  3. Figma design systems
  4. Brand & identitet
  5. Motion & animation
  6. Ad creatives
  7. Illustration & ikoner
  8. Designsprint
  9. Usability-test
  10. E-mail-design
  11. Social content
  12. Præsentationer
  13. Print

Se det i praksis

Cases

Sokkeposten

Sokkeposten

Nyt PrestaShop site og 360 graders digital marketing med SEO og PPC annoncering.

Se alle cases
Bolighuset Werenberg A/S

Bolighuset Werenberg A/S

Et digitalt sats på e-handel, der gav pote. Se vores arbejde for Werenberg, og hvordan vækstkurven blev stejl med en stabil og udviklingsdygtig webshop.

t.i.n.g. shop

t.i.n.g. shop

Skræddersyet design og udvikling af møbelshop. Markedsføring gennem PPC med 200% vækst.

Rigtig Kaffe A/S

Rigtig Kaffe A/S

All-around design, udvikling, branding, strategi og søgemaskineoptimering

Poetzsch Padborg

Poetzsch Padborg

Avanceret Google Tag Manager setup til konverteringstracking

Ofte stillede spørgsmål

  • Typisk to til tre pr. test. Flere kræver mere trafik.

  • Som tommelfingerregel mindst 1.000 ordrer om måneden på de sider, der testes, hvis man vil se en forskel på 5–10 procent inden for en måned. Har I mindre, arbejder vi med før-og-efter-målinger og større ændringer ad gangen.

  • Et fast forløb med analyse, to til tre tests om måneden, design og implementering koster fra 15.000 kr. pr. måned. En engangsgennemgang med prioriterede hypoteser og skitser fra 20.000 kr.

  • Ja. Fra identitet og logo til retningslinjer og skabeloner, og vi sørger for, at det virker digitalt først.

  • Ja, alt design lever i Figma med komponenter og tokens, som udviklere kan bruge direkte.

Næste E-mail-design →