Booksy
Réinventer la lecture et l'écriture à l'ère du numérique
Le Challenge
Booksy est un projet de fin d'études imaginé pour répondre à une problématique actuelle : comment redonner envie de lire et d'écrire à une génération dont les usages sont dominés par les contenus courts, mobiles et instantanés ?
Le défi consistait à concevoir une expérience capable de réunir lecture, écriture, audio et apprentissage dans une seule application, tout en restant simple, engageante et accessible à tous les profils d'utilisateurs.
Objectifs et
buts du produit
buts du produit
L’ambition de Booksy est d’accompagner les lecteurs et les auteurs débutants dans leurs pratiques, leurs découvertes et leur progression.
Le projet s’articule autour de trois objectifs : faciliter l’accès à la lecture grâce à la personnalisation et aux fonctionnalités d’accessibilité, encourager l’écriture avec un accompagnement progressif et soutenir l’engagement par les recommandations et la gamification.
Recherche utilisateur &
Stratégie UX
& Stratégie UX
La première étape a consisté à comprendre les habitudes, les motivations et les freins des futurs utilisateurs. Cette recherche a combiné une étude de marché, un benchmark concurrentiel, un questionnaire quantitatif et une veille sur les usages de la lecture numérique.
Les enseignements recueillis ont permis de construire les personas et de préciser les besoins auxquels Booksy devait répondre. Ils ont également guidé la priorisation des fonctionnalités à l’aide de la méthode MoSCoW, afin de définir un périmètre cohérent pour le produit.
Comprendre l’expérience
utilisateur
utilisateur
La première étape a consisté à comprendre les habitudes, les motivations et les freins des futurs utilisateurs. Cette recherche a combiné une étude de marché, un benchmark concurrentiel, un questionnaire quantitatif et une veille sur les usages de la lecture numérique.
Les enseignements recueillis ont permis de construire les personas et de préciser les besoins auxquels Booksy devait répondre. Ils ont également guidé la priorisation des fonctionnalités à l’aide de la méthode MoSCoW, afin de définir un périmètre cohérent pour le produit.
Empathy map
L’Empathy Map rassemble les attentes, les perceptions et les freins identifiés pendant la recherche. Elle aide à garder les préoccupations des utilisateurs au centre des décisions de conception.
User journey
Le User Journey détaille les étapes d’un parcours et les actions nécessaires pour atteindre un objectif. Il permet de repérer les points de friction et les occasions de mieux accompagner l’utilisateur.
Experience map
L’Experience Map apporte une vision plus globale de l’expérience, en reliant les étapes du parcours aux besoins et aux ressentis associés. Elle complète l’analyse pour identifier les moments sur lesquels concentrer les efforts de conception.
Architecture
de l’information
de l’information
L’arborescence traduit les besoins identifiés en une organisation concrète de l’application. Elle articule les fonctionnalités autour des principaux usages de Booksy : découvrir, lire, écouter, écrire et apprendre.
Ce travail a permis de définir les liens entre les écrans et de structurer les parcours avant d’aborder la conception visuelle. L’enjeu était de rendre les fonctionnalités faciles à trouver tout en préservant une navigation cohérente.
Flow chart
& wireframesn
& wireframes
Le flow chart a permis de représenter les enchaînements entre les écrans, les actions et les points de décision des principaux parcours. Il a servi de base aux wireframes basse fidélité, centrés sur la structure des écrans, la hiérarchie de l’information et l’emplacement des actions.
Cette phase a permis d’explorer la navigation sans figer trop tôt l’apparence des interfaces. Elle a posé les fondations des maquettes haute fidélité et précisé l’articulation entre les différentes fonctionnalités.
Flow chart
Wireframes
Interfaces
de l’application
de l’application
Les maquettes haute fidélité donnent forme aux principaux parcours de Booksy : bibliothèque personnalisée, lecture, lecteur audio synchronisé, écriture assistée, recommandations et apprentissage.
L’ensemble des écrans présente également les fonctionnalités de progression, les profils, les statistiques, les espaces communautaires et les paramètres d’accessibilité. Cette vue complète permet d’observer la manière dont les composants et l’identité visuelle se déclinent à travers l’application.
Prototypage
interactif
interactif
Les interfaces ont été reliées dans Figma pour simuler les principaux parcours de l’application. Le prototype permet d’explorer les enchaînements entre les écrans et de mettre les choix de conception à l’épreuve de situations d’usage.
Il constitue un support pour évaluer la compréhension de l’interface, observer les hésitations et recueillir des retours avant une éventuelle phase de développement.
Conclusion
Booksy représente l’aboutissement de mon parcours de Mastère et rassemble les différentes étapes de ma démarche UX/UI : recherche, définition des besoins, architecture de l’information, conception des interfaces, prototypage et tests utilisateurs.
Ce projet m’a permis de consolider ma capacité à transformer une problématique en une proposition de produit cohérente. Il reflète ma manière de concevoir : comprendre les usages, structurer les parcours, donner forme à l’expérience et faire évoluer les choix à partir des retours recueillis.
Direction artistique
& Design System
& Design System
L’identité visuelle de Booksy traduit les valeurs du projet : créativité, accessibilité et modernité. Elle repose sur un logo, une palette de couleurs, une mascotte et des choix typographiques déclinés dans l’ensemble de l’application.
Ces éléments sont réunis dans un Design System documenté. Les composants, leurs états et leurs règles d’utilisation constituent une base commune pour assurer la cohérence des interfaces et faciliter les évolutions du produit.