Projet d’articulation · HEIG-VD
Breitling Nova League
En collaboration avec Breitling SA.
Conception d’une application web de formation et de gamification pour les revendeurs Breitling
Avec mon groupe, nous avons conçu une expérience continue, interactive et compétitive pour préparer les revendeurs à la Breitling Cup tout au long de l’année.
- Gestion de projet
- UX/UI Design
- Gamification
Nova League
- Horlogerie
- Conception et développement
- Projet de groupe
- 2025
Les outils utilisés
01
Gestion de projet
Jira, Google Workspace, Teams
02
Rapport
InDesign
03
Présentation
Figma Slides
04
Branding
Adobe Illustrator, Adobe Photoshop, Adobe InDesign, Figma Design, FigJam
05
Développement
Laravel, Vue.js, Inertia.js, Tailwind CSS, SQLite, Github
06
UX/UI et idéation
Figma Design, FigJam, Miro
01Le projet
Contexte
Breitling forme son réseau international de revendeurs à travers sa plateforme de formation et la Breitling Cup. Le système de qualification existant se concentrait sur une période courte, encourageant les participants à regrouper leurs formations et augmentant les risques de fraude. Notre mandat consistait à répartir la formation sur toute l’année, renforcer la motivation et sélectionner équitablement les meilleurs participants. En quatre semaines, nous avons développé le concept de la Breitling Nova League et un prototype fonctionnel intégrant formation, compétition et suivi de progression.
Ma contribution
- Coordination de l’équipe et suivi de l’avancement sur Jira.
- Participation aux analyses et à la définition de la solution.
- Conception de l’expérience, des parcours, des maquettes haute fidélité et du prototype Figma.
- Rédaction et mise en page de nombreuses parties du rapport final sur InDesign.
- Conception du support et préparation de la restitution finale.
02La problématique
Le défi
Comment transformer une qualification ponctuelle en une expérience de formation continue qui motive les revendeurs Breitling à progresser toute l’année, tout en garantissant une compétition équitable ?
L’enjeu était de trouver un équilibre entre apprentissage et compétition, pour permettre à chacun de progresser à son rythme tout en encourageant une participation régulière.
03Le processus
- 01
Analyser
Étude du brief, de la documentation fournie par Breitling et de la plateforme existante pour identifier les limites de la qualification, les besoins des revendeurs et les contraintes techniques.
- 02
Organiser
Répartition des responsabilités, planification des livrables et suivi quotidien sur Jira pour coordonner les différents volets du projet.
- 03
Concevoir
Création de personas, définition de la problématique UX, puis élaboration du sitemap et des parcours utilisateurs.
- 04
Prototyper
Réalisation des maquettes basse fidélité, puis de 32 maquettes haute fidélité et d’un prototype cliquable sur Figma.
- 05
Tester et améliorer
Tests utilisateurs en présentiel pour identifier les difficultés de navigation et de lisibilité, puis ajustements ciblés des maquettes.
- 06
Développer et documenter
Coordination avec les volets technique et branding, rédaction du rapport final et préparation de la présentation au mandant.
Du wireframe au prototype
32 maquettes haute fidélité
04La solution
Une plateforme de formation gamifiée qui prolonge l’expérience Breitling tout au long de l’année
La Nova League rassemble apprentissage, challenges et progression dans une expérience cohérente, pensée pour les revendeurs et pour les responsables de marché.
01 · Expérience utilisateur
Des parcours clairs, accessibles et motivants
L’application s’organise autour du tableau de bord, du parcours de formation, du profil et de la Breitling Cup. J’ai conçu l’architecture, les parcours, les maquettes et le prototype interactif. Les tests ont ensuite permis d’améliorer les composants, la lisibilité et la fluidité de navigation.
02 · Formation & gamification
Des modules mensuels qui entretiennent la progression
Chaque mois associe trois FormaQuiz à un challenge final. Les séquences mêlent théorie, questions interactives et feedback. Les classements individuels et par boutique, les bonus, les séries et les badges nourrissent l’engagement. Seul le meilleur score est conservé lorsqu’un challenge est recommencé.
03 · Branding
Une identité propre, ancrée dans l’univers Breitling
Le nom « Nova » évoque l’émergence d’un talent et sa progression. L’identité associe la signature historique de la marque à un langage plus dynamique pour la League. La charte définit couleurs, typographie, composants et ton de communication, avec des badges hexagonaux bleu marine et jaune.
04 · Réalisation technique
Un MVP fonctionnel et documenté
Le front-end repose sur Vue.js, Inertia.js et Tailwind CSS, le back-end sur Laravel et la base de données sur SQLite. Le MVP comprend les parcours de formation, les FormaQuiz, les challenges, le suivi de progression et les classements.
- LARAVEL
- VUE.JS
- INERTIA.JS
- TAILWIND CSS
- SQLITE
- GITHUB
Un projet intensif en
4 semaines
5 personnes, 32 maquettes et un MVP fonctionnel.
05Avec du recul
Ce projet m’a permis de travailler sur une problématique concrète avec une marque internationale. Il a demandé une coordination constante entre UX/UI, branding, gamification, développement et communication, tout en maintenant une vision commune.
Ce que j’ai appris
- 01
En tant que cheffe de projet, j’ai appris à organiser les tâches, suivre l’avancement et maintenir la cohérence entre les contributions de l’équipe.
- 02
Passer de l’analyse aux parcours, puis aux maquettes et aux tests m’a montré l’importance de confronter les choix de conception aux usages réels.
- 03
Concevoir une interface implique d’anticiper les fonctionnalités à développer et de collaborer étroitement avec les responsables techniques.
- 04
La rédaction du rapport m’a appris à expliquer les décisions prises et à rendre la démarche compréhensible pour le mandant.
- 05
Avec quatre semaines pour concevoir, développer et présenter une solution, il était essentiel de distinguer les fonctionnalités prioritaires des améliorations futures.
- 06
Le projet m’a montré l’importance d’aligner l’expérience utilisateur, l’identité visuelle et les fonctionnalités pour proposer un produit cohérent.