Van PDF naar interactieve e-books – Optimalisatie van e-book pagina’s voor een betere gebruikerservaring
Het Odido Business Blog is een gratis online platform speciaal voor ondernemers. Hier staan artikelen over zakelijke trends, innovatieve gadgets, interviews met ondernemers en tips voor efficiënter werken, zoals het gebruik van AI-tools voor transcriptie. Het is bedoeld als bron van inspiratie en praktische informatie voor de zakelijke markt, naast de telecomdiensten van Odido Business.
Uitdaging
Odido wilde de digitale e-books op de Academy-pagina vernieuwen door ze een aantrekkelijker, gebruiksvriendelijke en toegankelijker interface te geven, zodat ze beter en eenvoudiger online leesbaar zijn als webpagina. De interface moet een professionele uitstraling en een interactieve en speelse ervaring bieden zodat de lezer beter wordt meegenomen in het verhaal en dit aansluit bij de look & feel van Odido.
Voorheen werden de e-books op de Academy-pagina weergegeven via een ingebedde PDF-viewer.
Dit maakte de leeservaring minder gebruiksvriendelijk en bood weinig interactie: het formaat was klein, de inhoud nam slechts een beperkt deel van de pagina in beslag en hierdoor waren de e-books minder prettig om te lezen.
Om dit te verbeteren werd er aan mij gevraagd om een nieuw ontwerp voor de e-books te ontwikkelen dat een betere en gebruiksvriendelijker leeservaring biedt, lezers uitnodigen om in de content te duiken en aansluit bij de merkbeleving van Odido.
Mijn rol & bijdrage
Ik heb de bestaande content van de e-books vertaald naar een gebruiksvriendelijk, interactief en toegankelijk ontwerp dat geoptimaliseerd is voor mobiel gebruik en vormgegeven in lijn met de merkbeleving van Odido.
UX/UI design:
- Ontwikkelde wireframes, interactieve prototypes en visuele ontwerpen voor desktop en mobiel
- Toegankelijkheid gewaarborgd door toepassing en adviseren gebruik van WCAG-richtlijnen
Implementatie:
- Samenwerking met developers voor technische doorvertaling in WordPress.
- Het testen en valideren van componenten in WordPress, zodat ze visueel en functioneel overeenkomen met het ontwerp.
Samenwerking & proces:
- Wekelijks overleg met klant en projectteam (online & locatie bij Odido).
- Afstemming over voortgang, ontwerpbeslissingen en testresultaten.
Resultaat
Het resultaat is een vernieuwde reeks e-books met een interactieve en gebruiksvriendelijke interface, die eenvoudig online te lezen zijn en volledig aansluit bij de merkidentiteit van Odido. De toevoeging van subtiele animaties tijdens het lezen en scrollen zorgt ervoor dat de lezer op een interactieve manier wordt meegenomen in de content. De e-books zijn ook geoptimaliseerd voor mobiel, wat de gebruikerservaring en de toegankelijkheid verder heeft verbeterd.
Bekijk hier één van de vernieuwde e-books via deze link.
