Aller au contenu

✱ Portfolio 2026

Visuel du projet TiK•TaK

Projet étudiant ✱ 2026

TiK•TaK.

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)
Retour aux projets

Fiche projet

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

L'intention.

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.

Le processus.

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…).

02

Données & IA

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

Développement

Intégration en Astro, Tailwind et DaisyUI, aperçu de la montre en direct, connexion avec Google, puis déploiement sur un VPS.

Le rendu.

Version desktop

Version desktop du projet TiK•TaK

Version mobile

Version mobile du projet TiK•TaK

Identité visuelle

Identité visuelle du projet TiK•TaK
Identité visuelle du projet TiK•TaK, détailIdentité visuelle du projet TiK•TaK, détail