MyBook TCV - 2025/2026

STUDIO / INFOGRAPHIE — A. Cappelli / B. Muller / C. Mulder / M. Bentotoch

Sujet

Concevoir et réaliser une maquette UI/UX pour l'application MyBook destinée aux smartphones.

Logo à utiliser

● CONTEXTE

L'année dernière, Strasbourg était Capitale mondiale du livre UNESCO pendant 1 an. Désignée le 20 juillet 2022 par l’Unesco , Strasbourg a pris l’engagement de promouvoir le livre, la lecture, « sous toutes ses formes ».

Une des formes que nous préconisions est numérique, avec l'appli MyBook. Un service numérique qui propose la gestion de bibliothèques de livres et périodiques, presse, à un niveau personnel, professionnels, privées ou publiques. MyBook peut offrir un accès à des millions de titres et à d'autres contenus de lecteurs et créateurs du monde entier ayant la capacité de partager l’intégralité ou partie de leur bibliothèque. Pour Strasbourg Capitale Mondiale du livre 2024, MyBook représentait une porte d'entrée du designer vers l'offre qui est faite à autrui et qui est autre chose qu'une offre esthétique.

S'intéresser au livre est une manière de travailler sur la qualité de l'expérience d'exister en société. La question du livre est encore plus présente même si les adultes lisent moins, on veut que les enfants lisent ! Le livre est donc un objet qui amène à la question des usages, des pratiques et des formes de vie. Un vrai travail de designer... Au tournant de 2015, plusieurs applications ont émergé du type de "Gleeph" ou "Babelio" - qui reconnaissent les livres à partir de leur code barre - pour partager ses bibliothèques de livres papier en ligne et constituer ainsi une nouvelle sorte de clubs de lecture.

MyBook sera téléchargeable depuis les plateformes d'applications, mais vous pouvez aussi y accéder via le Web ou le diffuser depuis votre téléphone vers d'autres appareils.

L’utilisation de MyBook permettra de :

  • obtenir des recommandations sur mesure
  • créer des collections de livre et de podcasts

MyBook sera connecté à des intelligence artificielles capables de reconnaitre les dos / Tranches de livres à partir de la combinaison titre / éditeur

● 10 Fonctions basiques à montrer pour le prototype MyBook :

  1. Création d’un compte utilisateur
  2. Partage de sa bibliothèque analogique (disques vinyles, ouvrages papiers) une fois le code barre reconnue par l’application
  3. Partager ses bibliothèques en ligne
  4. Permettre à des “amis” de commenter et noter les documents de sa bibliothèque.
  5. Permettre un club de lecture via L’application MyBook.
  6. Consulter les derniers livres lus par ses amis et si vous êtes en manque d'idées pour un livre cadeau, Une intelligence artificielle vous aidera à faire votre choix parmi les derniers livres aimés ou lus par vos amis (en format poche ou broché pour les nouveautés). Possibilité de sélectionner une catégorie dans les menus (roman policier, science-fiction, histoire, actu, etc.) pour affiner les propositions.
  7. Géolocaliser autour de soi où acheter ou emprunter le livre proposé par le biais des librairies et médiathèques membres du réseau MyBook.
  8. Commenter et noter l’ambiance, le vendeur ou conseil reçu dans une librairie suite à l’achat d’un livre.
  9. Consulter les documents disponibles en stock des librairies membres du réseau MyBook selon sa géolocalisation.
  10. Se voir proposer une musique ou artiste à écouter en fonction de sa lecture et la partager à ses amis

Le fonctionnement de la reconnaissance de sa bibliothèque de livres repose sur le scan de la tranche des livre posés sur son étagère. Un simple balayage suffit à répertorier ses livres avant de les cataloguer et de les classer dans l'application.

● CAHIER DES CHARGES

  • Dimensions smartphone : 375 x 812 px
  • Dimensions tablette : 768 x 1024 px
  • Concevoir pour chaque support un thème clair avec scrolling et boutons selon les pages. Pas de scrolling ou plan de travail latéral.
  • Nous souhaitons voir des maquettes en thème clair de :
  • Page d'accueil - Page de profil utilisateur - Page de scan - page résultat de scan - page de gestion de bibliothèque et page de partage.
  • —————————————————
  • ÉLÉMENTS À FAIRE FIGURER
  • Utiliser des polices Adobe Font pour faciliter le partage de votre prototype
  • Le logo de l'application MyBook à utiliser en entier et en noir ou blanc selon les fonds des écrans. (Le télécharger depuis Moodle)
  • Toutes le icons de navigation (flash, retour, ok, géolocalisation, profil, etc...) sont à choisir sur iconmonstr.com en respectant une unité pour l'ensemble.
  • Chaque étape de votre travail doit être documentée et organisée dans un dossier d'arts appliqués

Des applications de ce style existent déjà avec quelques fonctions similaires : Gleeph - Collibris - Babelio

● DÉROULEMENT / CONSIGNES

Semaine 45 - 7 NOV [8h]

Investigations des UX des trois applications
Applis de reconnaissance
  • UI/UX et grilles
  • Investigations (Recherches documentaires) de l'ergonomie des applications de type reconnaissance / identification (Gleeph - Collibris - Babelio)
  • Relever les formes des différents menus et la navigation et proposer des solutions de zoning et wireframe.

>> Semaine 46 - 14 NOV [8h]

Expérimentations d'UX / UI : Zoning et wireframe

Utiliser les personnas fournis : Il est important de créer un profil de persona utilisateur pour mieux comprendre votre public cible et ne pas créer une application inutile.

Utiliser les personas utilisateur suivants - Utilisateur privé femme - Utilisateur privé étudiant

  • En fonction des personas, imaginez votre UX
  • Croquis zoning et wireframe (Menus, navigation, Icons, composants, thèmes)
  • Finaliser ensuite en travaillant sur l'UI de votre App. (design visuel, couleurs, fond)
  • Réalisation Figma des plans de travail et maquettes graphiques
  • Représenter les 10 fonctions basiques sans oublis

>> Semaine 47 - 21 NOV [8h]

Plans de travail et grilles Figma
  • Suite des réalisations des plans de travail et maquettes graphiques
  • Réalisation des maquettes et prototypages pour smartphones
  • Tester depuis son smartphone en installant figma view

>> Semaine 48 - 28 NOV [8h]

  • Finalisation de la version smartphone
  • Finalisation maquettes
  • Finalisation dossier d'arts appliqués
  • DÉPOSER votre projet sur Moodle = lien Figma + vidéo

>> RENDU Semaine 40 Ven. 4 octobre au plus tard

● DOSSIER d'ARTS APPLIQUÉS = DÉMARCHE CRÉATIVE

  • Afin de rendre compte de la démarche de projet, le DOSSIER à rendre est un PDF interactif A3 à l'italienne afin d'y intégrer le fichier vidéo de présentation de votre application.

STRUCTURE DU DOSSIER

  • COUVERTURE = titre MyBook + prénom nom
  • INVESTIGATIONS = captures d'écran applis + relevés UX-UI d'autres applications.
  • EXPÉRIMENTATIONS = maquettes selon utilisateurs
  • wireframe mockup
  • RÉALISATION = capture écran chemins + animations mp4
  • ARGUMENTATION = Ensemble de la démarche avec paragraphe pour la nouvelle fonction

● COMPÉTENCES

  • C1.22 extraire les données les plus significatives des sources d’informations
  • C2.24 approfondir plusieurs solutions graphiques (rough, scénario, storyboard…)
  • C2.33 s’assurer de l’adéquation des propositions aux différents supports et/ou médias
  • C 3.26 Procéder à des intégrations textes/images à l’aide d’un logiciel de conception de site web.
  • C5.13 présenter ses dossiers graphiques, ses dessins préparatoires et ses planches de mise en œuvre et argumenter ses intentions
  • C5.16 préciser ses intentions dans une présentation graphique et/ou à l’oral
CRÉÉ PAR
Mohamed BENTOTOCH