Awhere :

Découvrez comment nous avons conçu une application mobile autour de la gamification, pour transformer un parcours d'orientation en jeu auquel on a envie de jouer chaque jour.

UX/UI
Gamification
Avatars
React Native

Client: Awhere
Secteur: EdTech / Orientation professionnelle
Livrables: Application mobile (iOS & Android)
Date de livraison: juillet 2026
Expertises mobilisées: UX/UI, design d'expérience, gamification, développement mobile

Awhere voulait lancer une application mobile d'orientation professionnelle pour les étudiants et les jeunes, autour d'une expérience ludique et engageante.

Or ce public a une exigence particulière : il a grandi avec les meilleures applis pour mobile et se fait un avis sur une interface en quelques secondes. Un design daté ou générique, et l'app est désinstallée avant même d'avoir prouvé sa valeur. Pour un sujet aussi peu « fun » que l'orientation, le design n'est pas seulement un habillage : c'est le produit.

L'enjeu pour Awhere ? Faire du design l'argument numéro un, celui qui donne envie d'ouvrir l'app, d'y progresser et d'y revenir.

Le vrai défi était du côté du design : comment rendre un parcours d'orientation aussi addictif qu'une app de jeu, sans jamais paraître gadget ?

Il fallait concevoir une expérience gamifiée cohérente de bout en bout, avec une progression lisible, des récompenses gratifiantes et un avatar qu'on s'approprie. Tout cela avec un niveau de finition digne des applications grand public. Chaque écran, chaque animation, chaque micro-interaction devait booster l'engagement.

Mais derrière cette interface ludique, il fallait une gestion des comptes et des données rigoureuse. Tout l'enjeu du design était donc de rendre la sécurité fluide et presque invisible, pour qu'elle ne casse jamais l'immersion.

1.Direction artistique et système de design
Dès le départ nous avons posé une direction artistique claire autour d'un design system cohérent : couleurs, typographie, composants, animations. Une identité visuelle forte et homogène, qui donne à l'app un look ultra reconnaissable, écran après écran.
2.Un parcours d'entrée soigné jusque dans les détails
Nous avons conçu tout le parcours d'entrée (inscription, connexion, vérification par OTP, réinitialisation de mot de passe, consentement RGPD) comme une expérience à part entière. Même les étapes « techniques » (sécurité, conformité) ont été imaginées pour rester fluides et engageantes, plutôt que contraignantes.
3.Un espace profil gamifié et personnalisable
Nous avons centré l'expérience autour d'un espace profil entièrement gamifié : système de gems, progression, niveau scolaire, avatar personnalisable et préférences. Autant d'éléments visuels et interactifs qui donnent au jeune un espace qui lui ressemble, et une raison de revenir.

Des points de synchronisation hebdomadaires

Chaque semaine, un point d'étape nous permettait de valider les avancées, d'ajuster les priorités et de préparer les prochains sprints.

Prototypage sur Figma

Avant de coder, l'ensemble des parcours et des écrans a été maquetté et prototypé de manière interactive. Awhere a ainsi pu tester concrètement l'expérience, ressentir les animations et les transitions, ajuster l'UX et valider la direction artistique très en amont.

Des environnements de test en continu

Au fur et à mesure du développement, nous mettions à disposition du client des environnements de pré-production (Staging). Dès qu'un écran ou une interaction était prêt, le client pouvait le manipuler en conditions réelles et nous faire ses retours pour itérer rapidement sur le rendu.

Le client garde le contrôle total, à chaque étape, et voit son produit prendre forme en temps réel : pas de tunnel, pas de mauvaise surprise à la livraison.

Pour livrer une expérience mobile riche en animations et en interactions, fluide et cross-platform, nous avons sélectionné plusieurs technologies :