Gå til hovedinnhold
Til hjemmesiden til Knowit

CASE

FABEL

Ny e-handelsplattform som samler kundereisen og gir full fart i markedet 

DESIGN & BRUKEROPPLEVELSE

NETTHANDEL

Fabel og Knowit har utviklet en ny, modulbasert e-handelsløsning for et marked der brukeropplevelse og tempo i kampanjer er avgjørende. I tett samarbeid har vi samlet hele kundereisen fra inspirasjon og oppdagelse til kjøp og kontoadministrasjon, i én sømløs plattform. Samtidig videreutviklet og digitaliserte vi Fabels visuelle identitet og bygget en helhetlig visuell verktøykasse. Resultatet er en mer effektiv salgsprosess, sterkere merkevareopplevelse, enklere intern drift og en fremtidsrettet løsning bygget på Crystallize Headless Commerce. 

    Netthandel
    Design

UTFORDRING

Fra fragmentert kundereise til helhetlig opplevelse

Før prosjektet var kundereisen delt opp i flere løsninger og subdomener. Brukerne
måtte hoppe mellom ulike flater for å registrere seg, logge inn, kjøpe og administrere
kontoen sin. Det skapte friksjon og gjorde det vanskelig å levere en sømløs opplevelse.


I tillegg trengte Fabel bedre synlighet i organisk søk. Den nye løsningen måtte derfor
legge til rette for SEO som støtter både innholdsoppdagelse og kommersielle
landingssider, uten å gå på bekostning av hastighet og brukeropplevelse.

Samtidig har Fabel to ulike forretningsmodeller som må fungere side om side:


  • enkeltkjøp av lydbøker
  • abonnement med løpende betaling

Markedsteamet hadde behov for å enkelt kunne opprette landingssider, sette opp og
justere kampanjer raskt, uten å være avhengig av utviklingskapasitet.

Den nye løsningen måte fungere med Fabels eksisterende tekniske økosystem, uten å
forstyrre de tjenestene som allerede var i drift.

Den nye løsningen har gjort det mye enklere for oss å jobbe effektivt med kampanjer og innholdsberikelse. Vi kan gjøre endringer raskt uten å være avhengige av utviklingskapasitet, samtidig som fablerne får en mer sømløs og intuitiv brukerreise - på tvers av registrering, kjøp og kontoadministrasjon. Det betyr mindre friksjon, og mer tid for oss til å fokusere på gode lytteopplevelser.


Mailén Ophus

Digital markedsfører, fabel

Skjermbilde fra Fabel sin app
Uttak fra en kampanje hos Fabel
En person som hører på podcast

LØSNING

Et tverrfaglig team og smidig samarbeid med fokus på hele kundereisen

Prosjektet ble gjennomført i tett samarbeid mellom Fabel og Knowit. Sammen jobbet vi smidig og iterativt, med å forstå og forbedre hele kundereisen
fra første besøk på nettsiden til gjennomført kjøp og videre bruk av tjenesten.


Knowit tok ansvar for totalopplevelsen fra design til teknisk leveranse, mens Fabel bidro
med domenekunnskap og brukerinnsikt. Denne tette samhandlingen i teamet sikret at
løsningen ble teknisk solid og godt forankret i Fabels forretningsbehov og brukernes
forventninger.


Et visuelt konsept tilpasset digitale flater

Fabels visuelle identitet er videreutviklet og tilpasset digitale flater for å skape et tydelig og konsistent uttrykk på tvers av kanaler.

Kjernen i løsningen er et fleksibelt system inspirert av Fabels posisjon som en norsk, kuratert boktjeneste. Innhold organiseres som dynamiske “hyller”, der bøker, forfattere, opplesere og redaksjonelt innhold settes sammen i moduler som tilpasser seg innholdets lengde på samme måte som bøker i en fysisk bokhylle.
Systemet binder sammen hele kundereisen, fra inspirasjon og oppdagelse til kjøp og abonnement, og videre til en forbedret Min side. Resultatet er en mer brukervennlig og effektiv tjeneste med redusert friksjon og en tydeligere, mer gjenkjennelig identitet.

Moderne headless-arkitektur med fleksibel modulbasert komposisjon

For å møte Fabels behov designet og utviklet vi en modulbasert e-handelsplattform
bygget på moderne headless-arkitektur og helt nytt designsystem. Løsningen gir Fabel
full fleksibilitet til å komponere sider og innhold, samtidig som den er tett integrert med
eksisterende systemer.

Kjernen i løsningen er Crystallize, en API-first e-handelsplattform valgt for sin
fleksibilitet og sterke støtte for innholdsrik handel. Crystallize fungerer som både CMS,
PIM og e-handelsmotor, og gir Fabel muligheten til å kombinere redaksjonelt innhold
med produktdata og kjøpsflyter i én og samme plattform.


Den modulbaserte tilnærmingen i Crystallize gjør det mulig for Fabel å bygge sider fra
gjenbrukbare komponenter; fra lyttetips og kampanjebannere til produktkaruseller og
innholdsseksjoner. Dette betyr at redaksjonen kan rekonfigurere sider og opprette nye
landingssider uten å være avhengig av nye utviklingssykluser.


For å styrke den organiske synligheten bygget vi SEO inn som en del av
plattformarbeidet. Det innebærer en struktur som gjør det enklere å produsere og
vedlikeholde landingssider og innhold, samt tekniske grep som støtter god indeksering
og høy ytelse, slik at Fabel kan jobbe mer effektivt med synlighet over tid.

Sømløs integrasjonsarkitektur

Et sentralt designprinsipp var å bygge en integrasjonsarkitektur som utnyttet Fabels
eksisterende systemer. Fabel Connect API fungerer som den sentrale
integrasjonshubben, og håndterer kommunikasjonen mellom den nye e-
handelsplattformen og kjernesystemene, inkludert brukerautentisering via OAuth2 og
abonnementsløsningen.

Automatisert bokimport med API-basert synkronisering for sanntidsoppdateringer fra
Bokbasen, og sikrer at Fabels katalog holdes oppdatert med minimalt vedlikehold,
samtidig som Algolia som søkemotor sørger for optimaliserte søketreff, høy ytelse og en
søkeopplevelse som gjør det enkelt for brukerne å finne riktig bok, raskt og presist.

To kjøpsflyter i én opplevelse

En av de viktigste designutfordringene var å levere to fundamentalt forskjellige
kjøpsflyter, enkeltkjøp av bøker og tegning av abonnement, som oppleves som deler av
samme helhetlige tjeneste. For enkeltkjøp utviklet vi en strømlinjeformet
handleopplevelse der brukeren kan browse, velge og betale for enkeltbøker. For
abonnementer designet vi en egen flyt med registrering, valg av abonnementstype og
oppsett av løpende betaling.

Innebygd kampanjehåndtering

For å styrke Fabels markedsføringsinnsats bygde vi kampanjehåndtering direkte inn i
plattformen. Markedsteamet kan opprette og styre kampanjer for både enkeltbøker og
abonnementer, med mulighet for kampanjekoder, rabatterte perioder og målrettede
tilbud, uten å være avhengig av utviklerstøtte. Designsystemet står også sentralt, slik at
kampanjer kan tas ut på tvers av Fabels kanaler med et konsistent uttrykk, enten det er i
appen, på nettsiden eller i andre flater.

Vi jobber kontinuerlig med videreutvikling og optimalisering og det siste som er lansert
er ny moderne Min konto som forenkler administrasjon av abonnement.

Mobil med Fabel sin app
Illustrasjon i Fabel sin profil

RESULTAT

Fra fragmentert opplevelse til samlet, fremtidsrettet plattform

Den nye e-handelsplattformen har gitt Fabel et tydelig løft på flere områder:

En samlet kundereise


Alt fra nyheter, lyttetips, kampanjer, kjøp, registrering og support er samlet i én
plattform. Brukerne slipper å navigere mellom ulike subdomener, og opplever i
stedet en helhetlig tjeneste fra første besøk til daglig bruk.

Styrket posisjon


Med en profesjonell e-handelsopplevelse utnytter Fabel sin unike posisjon som
tjenesten til Norges to største forlag. Plattformen gir en brukeropplevelse som
står seg mot internasjonale konkurrenter.
Effektivisert publisering

Automatisert bokimport fra Bokbasen og de store norske forlagene reduserer
manuelt arbeid drastisk. Nye titler flyter inn i katalogen uten manuell håndtering,
og produktdata holdes oppdatert gjennom sanntidssynkronisering.

Økt fleksibilitet


Markedsteamet kan opprette, tilpasse og styre kampanjer som gir raskere
responstid på markedsaktiviteter og større fleksibilitet i kampanjeplanlegging.
Samtidig kan redaktørene opprette nye landingssider og tilpasse innhold uten
nye utviklingssykluser. Dette gir redaksjonen og markedsteamet frihet til å jobbe
raskt og selvstendig.

Skalerbar og fremtidsrettet plattform


Headless-arkitekturen med Crystallize og Fabel Connect gjør plattformen godt
rustet for fremtidige behov. Nye kanaler, betalingsmetoder og integrasjoner kan
legges til uten å bygge om kjerneløsningen.

Sammen har vi bygget en plattform som gir Fabel et solid fundament for videre vekst og
utvikling av Norges ledende lydboktjeneste.


Ørjan Sveen

Salgsansvarlig

Knowit Norge