Problem

Bøger er mere end bare produkter – de åbner døren til nye verdener, historier og oplevelser. Men med et stort udvalg af børnebøger online kan det være svært for forældre at finde den helt rigtige bog til deres barn.
Vores opgave var derfor at udvikle Børnenes Bogunivers, en B2C webshop, der skulle gøre det lettere og mere inspirerende at finde børnebøger. Løsningen skulle skabe overblik gennem kategorier og filtrering, samtidig med at den skulle tilbyde noget unikt gennem muligheden for at skabe personlige AI-genererede bøger.
Vi skulle udvikle en komplet e-commerce løsning i WordPress med WooCommerce, hvor fokus var på brugervenlig navigation, konverterende design, SEO og en sammenhængende visuel identitet.

Design process

Discover

Vi begyndte med at undersøge, hvem vi designede til, og hvilke behov webshoppen skulle løse.

Virksomheden:

Målgruppen:

For at sikre, at løsningen imødekom de rigtige behov, identificerede vi virksomhedens vigtigste målgrupper. Selvom børnene er de primære brugere af bøgerne, er det ofte forældre, der træffer købsbeslutningen.
Den primære målgruppe blev derfor defineret som forældre med børn i alderen 0-16 år, da de søger en nem og inspirerende måde at finde relevante bøger på. Derudover identificerede vi bedsteforældre og pædagoger som sekundære målgrupper, da de også køber bøger til børn.
Børnene udgør den tertiære målgruppe og er de endelige modtagere af bøgerne. Derfor skulle løsningen også være visuelt indbydende og let at navigere i, så den skaber glæde og nysgerrighed hos børnene.

Persona:

For at skabe en dybere forståelse af målgruppen udarbejdede vi tre personaer, som repræsenterer forskellige brugergrupper og deres behov. Personaerne hjalp os med at sætte os ind i brugernes mål, udfordringer og forventninger til en digital boghandel.
Vores primære persona blev Tina Andersen, som repræsenterer forældrene, der ofte står for købsbeslutningen. Tina ønsker en nem og inspirerende måde at finde bøger, der passer til hendes børns alder og interesser.
Som sekundær persona udarbejdede vi Hanne, der repræsenterer bedsteforældre, pædagoger og andre voksne, som også køber bøger til børn. Hannes behov adskiller sig ved, at hun i højere grad søger inspiration, kvalitet og bøger, der kan skabe fælles oplevelser mellem generationer.
Børnene er den tertiære målgruppe og slutbrugere af bøgerne, men da købsbeslutningen typisk træffes af voksne, var vores designfokus primært rettet mod Tina og Hanne.
Ved at arbejde med flere personaer kunne vi sikre, at løsningen ikke kun understøttede én type bruger, men tog højde for forskellige behov og måder at finde og købe børnebøger på.

Define

På baggrund af vores research og personaarbejde identificerede vi flere centrale behov hos brugerne. Forældrene ønsker en nem og overskuelig måde at finde relevante bøger på, mens børnene skal møde et inspirerende univers, der vækker deres læselyst.

• Brugerne har brug for hjælp til at finde den rigtige bog blandt mange muligheder.
• Bøger skal kunne findes ud fra alder, interesser og temaer.
• Forældre søger inspiration, ikke kun en hurtig købsoplevelse.
• Brugerne ønsker en mere personlig og mindeværdig oplevelse.

Med udgangspunkt i vores indsigter var målet at udvikle en digital boghandel, hvor brugervenlig navigation, inspiration og personlighed gik hånd i hånd. Løsningen skulle gøre det nemt at finde bøger, skabe en hyggelig købsoplevelse og differentiere sig gennem muligheden for at skabe personlige AI-bøger.

Value Proposition Canvas:

Vi undersøgte brugerens behov gennem Value Proposition Canvas (VPC) og identificerede, hvordan disse behov kunne omsættes til konkrete designløsninger.

Vores analyse viste, at brugerne især havde behov for en overskuelig måde at finde relevante bøger på, inspiration til nye læseoplevelser og mulighed for at skabe en mere personlig relation til bøgerne.

Nogle af indsigter blev omsat til følgende designløsninger:

Behov: Brugerne har svært ved at finde den rette bog:

Løsning: Kategorisering efter alder, genre og tema

Behov: Brugerne søger inspiration

Løsning: Anbefalinger og inspirerende indhold

Behov: Brugerne ønsker personlige oplevelser

Løsning: Mulighed for at skabe egne AI-genererede bøger

Develop

Designinspiration & layout

For at skabe en genkendelig brugeroplevelse undersøgte vi eksisterende bogwebshops som inspiration til vores egen løsning. Vi analyserede blandt andet layout og navigationsstruktur hos etablerede e-commerce sider for at identificere gængse designmønstre.

Analysen viste, at brugerne er vant til en struktur med en tydelig hero-sektion, kategorier og produktkarruseller. Disse konventioner blev derfor integreret i vores design for at mindske den kognitive belastning og gøre navigationen mere intuitiv.

Struktur og navigation

Da en boghandel kan indeholde mange produkter, var et vigtigt fokus at gøre udvalget overskueligt for brugeren. For mange valgmuligheder kan skabe usikkerhed og gøre beslutningsprocessen sværere.

Derfor organiserede vi bøgerne i kategorier og præsenterede produkterne gennem karruseller. Ved at opdele indholdet i mindre grupper kunne brugeren lettere overskue sortimentet og finde bøger ud fra eksempelvis alder, interesse eller tema.

Konverterende design

Forsidens hero-sektion blev udviklet med fokus på at guide brugeren mod centrale handlinger og skabe en bedre konverteringsoplevelse. Formålet var at fremhæve Børnenes Bogunivers’ vigtigste funktioner, herunder muligheden for at skabe personlige AI-bøger, købe bøger og donere brugte bøger.

Hero-sektionen består af fire slides, hvor hvert slide præsenterer et specifikt budskab gennem en tydelig overskrift, kort tekst og en CTA-knap. Strukturen er designet til at gøre indholdet hurtigt forståeligt og hjælpe brugeren med at navigere videre.

For at sikre, at designet understøttede brugerens handlinger, testede vi den første version gennem eye-tracking og brugertests. Resultaterne viste, at CTA-knappen ikke fangede nok opmærksomhed. Eye-tracking-analysen viste en synlighedsscore på 1,6 %, hvilket var under den anbefalede minimumsscore på 2,4 %.

Dette blev yderligere bekræftet gennem vores brugertests:

• I 1-klik testen kunne ingen deltagere finde funktionen til at skabe en personlig bog via hero-sektionen.
• I 5-sekunders testen var CTA-knappen ikke blandt de elementer, deltagerne kunne huske.
  

På baggrund af disse indsigter redesignede vi hero-sektionen ved at:

• Reducere mængden af tekst
• Skabe et tydeligere visuelt hierarki
• Gøre CTA-knappen større og mere fremtrædende
• Ændre knappens farve og formulering for at skabe en tydeligere handling

Efter optimeringen steg CTA-knappens synlighedsscore til 6,5 %, hvilket viste, at selv mindre visuelle justeringer kan have stor betydning for brugerens opmærksomhed og sandsynligheden for handling.

Deliver

Her er det færdige resultat af hjemmesiden.
Beklager kvaliteten… men heldigvis kan du se hjemmesiden lige her ↗

Paid Social

Som en del af løsningen udviklede vi en Paid Social-strategi med fokus på at nå forskellige målgrupper. Med udgangspunkt i vores persona og brugerbehov arbejdede vi med tre målgrupper: kernemålgruppen, en brugerdefineret målgruppe og en kopimålgruppe.
Til hver målgruppe udviklede vi en videoannonce med et specifikt budskab.

Kernemålgruppen blev mødt med fokus på at give brugte bøger nyt liv, den brugerdefinerede målgruppe med inspiration til nye bøger, og kopimålgruppen med et tilbudsbudskab for at skabe opmærksomhed.

Derudover udviklede vi organisk Instagram-indhold for at styrke virksomhedens synlighed og troværdighed.

idagdesign