01
Conception
Story mapping, objectif SMART, identité visuelle et maquettes Figma du configurateur, avec des nudges éthiques liés à des biais (ancrage, effet IKEA, effet de défaut…).
✱ Portfolio 2026
Projet étudiant ✱ 2026
Un site pour composer, enregistrer et commander sa propre montre connectée, seul ou avec l'aide d'une IA.
Accéder au site (nouvel onglet)Contexte
BUT MMI, 2e année
Format
Configurateur de montres connectées en ligne
Mon rôle
UX/UI design, stratégie e-marketing, développement full-stack, déploiement
Technologies
Astro, Tailwind CSS, DaisyUI, SQLite, OpenRouter, Bun
Pour la SAÉ 301, je devais créer un configurateur pour TiK•TaK, une marque de montres connectées fabriquées en France, au style sobre et raffiné. Le site vise les femmes et les hommes de 25 à 50 ans qui achètent en ligne et veulent une montre qui leur ressemble. Mon objectif : 3 % des visiteurs qui ouvrent le configurateur doivent commander leur montre, entre décembre 2026 et février 2027, mesuré directement dans la base de données.
J'ai d'abord travaillé le parcours avec un story mapping, puis l'identité visuelle et les maquettes. J'y ai placé des nudges, chacun lié à un biais : la mention « Fabriquée en France · Pièce unique », une configuration déjà prête au départ, la connexion en un clic avec Google, l'IA pour ceux qui hésitent devant trop de choix, et un message final qui remercie par son prénom. Tous restent éthiques, sans fausse urgence ni stock inventé. Ensuite, j'ai modélisé et créé la base de données, développé le site avec Astro, et ajouté une IA qui compose une montre à partir d'une simple phrase. Enfin, j'ai mis le site en ligne sur un VPS.
Ce projet m'a appris à relier le design, les données et le code, et à garder une interface simple même quand il y a beaucoup de choix.
01
Story mapping, objectif SMART, identité visuelle et maquettes Figma du configurateur, avec des nudges éthiques liés à des biais (ancrage, effet IKEA, effet de défaut…).
02
Modélisation MCD et MPD, base SQLite pour les montres, les composants et les commandes, et une IA via OpenRouter qui configure le SVG de la montre.
03
Intégration en Astro, Tailwind et DaisyUI, aperçu de la montre en direct, connexion avec Google, puis déploiement sur un VPS.