WPG Uitgevers is een grote uitgever met talrijke fictie en non-fictie titels en magazines zoals Vrij Nederland, Happinez en Voetbal International. Als onderdeel van WPG’s digitale transformatie strategie heeft Booreiland samen met WPG’s innovatieteam Schwung gewerkt aan het verwezenlijken van het volledige potentieel van hun gloednieuwe API en AI initiatieven. Samen hebben we een speelse wizard gecreëerd die je verrast met persoonlijke thrillerboekaanbevelingen.
De impact van ons werk.
01
73%
Voltooit de complete klantreis
98%
Wil het aanbevolen boek lezen
26
NPS score
Het creëren van een dienst rondom een engine.
02
Schwung benaderde ons om conceptuele en visuele vertalingen te maken voor hun API, ‘de Schwung engine’. Deze API bestaat uit metadata van duizenden thrillers, maar wat deze API uniek maakt is extra data zoals leesmoeilijkheid, thematische genres en schrijfstijl. Om ons beter inzicht te geven in de kracht van deze metadata en de waarde hiervan voor de gebruiker hebben wij met Schwung een digital service design programma gedaan. Als resultaat hebben we nu een goed beeld van de onverwachte en gevarieerde doelgroepen voor thrillerboeken en hebben we interface guidelines opgesteld – een sterke fundatie voor de conceptfase.
Het oprekken van de klantreis.
03
Uit ons digital service design rapport werd duidelijk waar Schwung’s API toe in staat is en wat de belangrijke touchpoints zijn die de interface zou moeten hebben, maar niet hoe deze toegepast moeten worden. Het was de taak van Booreiland om te bedenken wat de interface zou moeten omvatten. Hoe zouden gebruikers ermee omgaan? Het concept was duidelijk; vind de perfecte thriller-match tijdens een herkenbare, intuïtieve en innovatieve klantreis. Door middel van brainstormsessies en interne workshops verkenden we verschillende perspectieven, van serieuze, literaire concepten tot ideeën op basis van emoji’s, onze ideeën waren wild, maar na overweging kwamen we uiteindelijk op (tromgeroffel alstublieft) ‘Thrill Seeker’!
Een speelse wizard.
04
Thrill Seeker is een tool die gepersonaliseerde aanbevelingen biedt op basis van twee verschillende klantreizen. Heb je onlangs een spannende thriller gelezen en wil je iets soortgelijks lezen? Door het boek of de naam van de auteur in te voeren kan de API exacte zoektermen vinden die dit boek of auteur uniek maakt. De gebruiker kiest vervolgens de voor hem of haar belangrijkste zoektermen zodat Thrill Seeker de gebruiker de 10 beste matches kan laten zien. Weet je niet zeker wat je zoekt? Tijdens de tweede klantreis leidt de interface je door een reeks vragen die de API kan meten met de boeken uit de database. Met vragen die zorgvuldig zijn gekozen om het meeste uit de API te halen kan Thrill Seeker een lijst van 10 boeken laten zien die nauw aansluiten bij jouw voorkeuren.
Gewaagd rood.
05
Ons doel voor het interface-ontwerp was om deze een opvallend en memorabel karakter te geven, iets waar mensen naar zouden willen terugkeren en het opnieuw zouden willen gebruiken. Uiteraard moest hij gebruiksvriendelijk, intuïtief en ongecompliceerd blijven, in tegenstelling tot de complexe API-engine die erachter schuil gaat. Om een thriller-sfeer op te roepen wilden we gewaagd en verrassend zijn, geïnspireerd door de filmposters van Alfred Hitchcock met een moderne twist. We kozen voor een sterke rode kleur. Spannend maar zonder bloederig te worden. We gebruiken contrasterende typografie waardoor de omslagen van de boeken opvallen. Geen vetgedrukte letters of onnodige hoofdletters maar een duidelijk schreefloos lettertype in combinatie met een eigenzinnig schreeflettertype voor de kopteksten.
Betere prestaties met React.
06
Thrill Seeker is een wizard die moet aanvoelen als een native app. Om deze reden hebben we React gebruikt als het framework voor het bouwen van de interface. React staat bekend om haar korte laadtijden en snelle reactietijden, lekker snappy dus. We hebben dit samen met WordPress gebundeld tot CMS dat Schwung in staat stelt om interface-elementen aan te passen en gebruikerstests te kunnen doen. Alle inhoud werd geleverd door een REST API die de React front-end vult met inhoud.
Van beta naar beter.
07
Op dit moment is Thrill Seeker een beta versie en een MVP om mee te kunnen testen. Door gebruik te maken van verschillende UX tools is het mogelijk om de app te testen bij de verschillende doelgroepen. Momenteel helpen Hotjar, BlueConic en Google Analytics ons te begrijpen hoe gebruikers omgaan met de interface en wat hun ervaringen daarin zijn.
Terwijl we doorgaan met het testen van de interface, de database verder laten groeien dan alleen thriller-boeken, en het verbeteren van de API, zal ook de kwaliteit van de aanbevelingen verbeteren. In de toekomst hoef je je geen zorgen meer te maken over het kiezen van het verkeerde boek voor de vakantie of tijdens je treinreis, Thrill Seeker zal hem voor je vinden.
“Dit project maakte het mogelijk om te experimenteren met nieuwe development stacks. Een combinatie van React, Next.js en headless Wordpress in een Docker container bleek de beste setup voor deze web app. En rood is hij zeker!”
