Thrill Seeker

Een slimme manier om gepersonaliseerde boekaanbevelingen te geven.

WPG uitgevers is een grote uitgever met talrijke fictie en non-fictie titels, maar ook bekend van tijdschriften als: Vrij Nederland, Happinez en Voetbal International. Als onderdeel van WPG’s digitale transformatie mocht Booreiland samenwerken met het innovatielab binnen WPG, Schwung. Zij zijn verantwoordelijk voor het realiseren van het volle potentieel van hen onlangs gebouwde API met AI capaciteiten. Samen hebben wij een thriller boeken wizard gerealiseerd die je op een speelse manier verrast met persoonlijke boekaanbevelingen.

Creëer een dienst om een engine heen.

01

Schwung klopte bij ons aan om een conceptuele en visuele vertaalslag te leveren voor de door hen ontwikkelde ’Schwung engine’. Deze tool is een API met daarin meta data van duizenden thriller boeken. Denk bij deze data bijvoorbeeld aan de zinslengte, moeilijkheidsgraad en schrijfstijl. Om meer inzicht te krijgen in deze meta data, wat de waarde van deze tool is in de markt en hoe hij zoal ingezet kan worden, besloten we een workshop te organiseren. Met als resultaat onder andere de identificatie van 3 verschillende doelgroepen en het bepalen van ontwerprichtlijnen. Een sterke basis voor de conceptfase, als je het ons vraagt.

Verken de grenzen van de customer journey.

02

Door ons digital service design rapport werd het duidelijk waar Schwung’s API toe in staat was en welke touch points er in de interface terug te zien zouden moeten zijn. Maar hoe moeten deze toegepast worden? Het was de taak van Booreiland om te conceptualiseren wat de interface zou moeten inhouden. Wat wel al duidelijk was, is dat het concept de gebruiker een perfecte thriller match moest geven op basis van een herkenbare, innovatieve klantreis. Met deze informatie gingen we aan de slag in brainstormsessies, waar we verschillende invalshoeken verkenden. Van een serieuze, literaire concepten tot outside-the-box ideeën. We presenteerden de verschillende opties, en om een lang verhaal kort te maken, toen was daar (tromgeroffel), ‘Thrill seeker’.

Een speelse wizard.

03

Thrill Seeker is een tool die persoonlijke aanbevelingen geeft op basis van 2 verschillende paden die de gebruiker kan bewandelen. Heb je laatst een spannende thriller gelezen en wil je weer zoiets? Door jouw favoriete boek of auteur in te voeren, kan de API eigenschappen in de vorm van tags teruggeven die dit boek uniek maken. De gebruiker zal dan aan moeten geven welke van deze tags maakt dat dit een goed boek was. Middels deze twee simpele stappen krijg je boeken voorgeschoteld die matchen met jouw favoriet. Geen idee waar je precies naar op zoek bent? Vul dan een aantal vragen in, die de API, kan meten met de boeken uit de database. Denk hierbij aan vragen als: ‘Over welke ontwerpen wil je lezen in je volgende boek?’, ‘Welke manier van vertellen spreekt je aan?’ En ‘Wil je veel elementen uit het dagelijks leven terugvinden in je volgende boek?’. Na deze vragen, krijg je een persoonlijke top 10 met boeken die perfect passen bij jouw voorkeuren en behoeften.

Rood en brutaal.

04

Als grote inspiratiebron voor de tool hadden we Alfred Hitchcock, je weet wel van die ene douche scène en ‘the birds’, maar dan in een modern jasje. Vanaf het begin was ons streven om de tool op te laten vallen, terwijl deze duidelijk en makkelijk in gebruik moest zijn. We kozen voor een overheersende rode kleur, zonder dat deze als bloederig zou worden gezien. De typografie moest in contrast staan met thriller boeken, omdat we juist de covers van de thrillers wilden laten spreken. Dus geen schreeuwerige, aanwezige kapitalen, maar een duidelijk sans-serif body font in combinatie met een eigenzinnig serif font voor de headers.

Betere prestatie met React.

05

De Thrill Seeker is een wizard die aan moet voelen als een native app. Om deze reden werd gekozen voor de programmeertaal React, bekend van zijn premium transities en elementen die instant verschijnen. We brachten deze taal samen met WordPress als CMS zodat Schwung de elementen van de interface zou kunnen veranderen. Alle content werd geserveerd door een REST API, die ervoor zorgt dat React front-end gevuld kan worden met content. 

Van beta naar beter.

06

Op dit moment is Thrill Seeker beschikbaar als BETA versie in een MVP jasje. Door het gebruik van verschillende UX tools is het mogelijk om contact te maken de doelgroep en gebruikerstesten af te nemen. Momenteel helpen Hotjar, BlueConic en Google Analytics ons om te begrijpen hoe de doelgroep interacteert met de interface en hoe zij de tool ervaren. Het testen zal worden voortgezet en de database met thrillerboeken zal nog verder worden aangevuld, zodat de API steeds slimmer wordt en de kwaliteit van de aanbevelingen zal verbeteren.

Op deze manier voorkomen we dat jij de volgende keer op je strandbedje of in de trein aan een boek begint, waar geen eind aan lijkt te komen. Want, wie zegt dat degene die jou een boek aanraadt, dezelfde (ontzettend goede) smaak heeft als jij?

“Dit project maakte het mogelijk te experimenteren met nieuwe development stacks. Een combinatie van React, Next.js en headless Wordpress in een Docker container bleek de beste opzet voor deze web app. En wat is hij rood!”

Malgorzata KozlowskaWebontwikkelaar
Bezoek Website