Dans le cadre de mes études, j'ai été amené à développer un dispositif interactif en binôme pour la journée portes ouvertes de l'IUT de Lannion. L'objectif étant de permettre aux visiteurs de découvrir la formation MMI ainsi que les disciplines enseignées à l'intérieur de celle-ci.

Le dispositif

Compose ton Logo est un moyen simple de s'essayer à la création graphique. À l'aide d'une borne, les visiteurs pourront créer leur logo en utilisant des contrôles simplifiés inspirés des logiciels tels que Figma ou Illustrator.

Il a été créé en groupe avec Roxane Omnes, qui s'est occupée des recherches UX et de la conception de l'habillage.

^{Schema du dispositif extraît des recherches UX du 12 novembre 2025}

L'interface

À l'aide de React.js, Tailwind.css, Electron Vite et Framer Motion, j'ai développé une interface interactive à partir des designs issus des recherches UX.

Grâce au développement du projet, j'ai pu apprendre de nombreuses choses, notamment sur le développement d'interfaces de bornes (style kiosques) et sur le développement d'animations avancées pour des interfaces dynamiques.

^{Démonstration du dispositif en version du 21 janvier 2026}

Un univers immersif et ludique

Afin de rendre l'expérience mémorable pour les lycéens, le dispositif ne se limite pas à une simple interface logicielle. Nous avons mis en place un univers immersif comprenant un habillage physique complet de la borne tactile, des animations et un sound design intégré. L'installation physique se compose de :

• Une table tactile Ilyama 55" sur pied mobile, pilotée par un ordinateur fixe.
• Un habillage personnalisé constitué de trois bâches imprimées (faces avant, gauche et droite) fixées par velcro.
• Une projection murale située à 1 mètre de la table, affichant une fresque dynamique des logos créés par les précédents visiteurs.

^{Impression de la bâche d'habillage}

Une identité visuelle

Pour mettre en avant le projet, une identité visuelle inspirée des styles rétro à été mise en place, avec un motion design mélant 2D et 3D utilisé comme intro.

^{Extrait de la vidéo de présentation}

Le challenge technique

Compose ton Logo relève de nombreux défis techniques, sur de nombreuses problématiques différentes auxuquelles je n'avais jamais été confronté, notamment :

• Interaction tactile : Concevoir une interface adaptée à une utilisation tactile, avec les paradigmes d'interaction associés (gestes, boutons, etc).
• Performance : Optimiser les performances de l'application pour garantir une expérience fluide, même sur une tablette aux ressources limitées.
• Design temps réel : Créer un système de rendu SVG dynamique capable d'animer et de faire apparaître des éléments tout en les laissant modifiables par l'utilisateur.
• Double écran : Gérer une expérience à double écran, avec une synchronisation en temps réel entre la table tactile et le vidéoprojecteur.

Pour répondre à ces défis, j'ai développé à l'intérieur de Compose ton Logo un système de rendu tirant parti de la puissance de React pour permettre une adaptabilité nécessaire au projet.

Un système de sérialisation et de communication inter-processus a également été mis en place pour permettre la communication entre les deux écrans, la sauvegarde des archives ainsi que le rendu pour l'envoi par e-mail.

Le parcours utilisateur

L'expérience a été pensée pour être intuitive et accessible. Le cheminement se décompose en trois étapes clés :

• Arrivée : Un écran de veille invite l'utilisateur à "Créer mon logo" tandis que le projecteur affiche la galerie de créations existantes.
• Composition : L'utilisateur saisit son texte (protégé par un module de censure) puis progresse via des onglets pour personnaliser les formes et les couleurs.
• Finalisation : Une fois la création terminée, le visiteur peut choisir de recevoir son logo par e-mail au format .png ou de l'envoyer vers le vidéoprojecteur pour l'ajouter à la galerie collective.

L'expérience installateur

Pour permettre au dispositif d'être réutilisable, une documentation détaillée a été produite pour permettre à l'installateur de mettre en place le dispositif.

^{Extraits de la documentation installateur}

Conclusion

Le projet s'est conclu par la livraison d'un dispositif fonctionnel et cohérent, parfaitement fidèle aux attentes du client pour la JPO du 7 mars 2026. Grâce à la complémentarité de nos compétences en design graphique et développement web, nous avons réussi à transformer une idée abstraite en une expérience physique immersive, ludique et intuitive.

^{Moi et Roxane lors de la présentation du projet le 7 mars 2026}