Comment donner envie de s’occuper de son orientation quand le sujet paraît compliqué, stressant et rébarbatif ? Chez Hopteo, nous avons travaillé à transformer cet effort en une expérience mobile ludique et satisfaisante : des actions courtes, une progression visible et des découvertes qui donnent envie de continuer. Ce travail relie conception produit, gamification, développement mobile et optimisation de la conversion.
J’ai contribué à cette conception et à sa réalisation au sein de l’équipe Hopteo. Cette expérience produit et mobile nourrit aujourd’hui mon accompagnement chez Klaapp : partir d’un usage difficile, comprendre ce qui freine l’utilisateur et construire une expérience qui lui donne une raison d’avancer.
Hopteo : plus de 50 000 familles accompagnées
50 000+ familles accompagnées dans leur orientation.
4,7/5 : la note sur les stores mise en avant par Hopteo.
Ces repères sont présentés sur le site officiel Hopteo, consulté le 8 septembre 2026. Ils donnent une mesure de la portée et de l’accueil du produit.
À cette échelle, l’expérience doit parler à des familles aux situations très différentes. Certains jeunes ont déjà une idée et veulent l’approfondir. D’autres ne savent pas par où commencer. Le produit doit accueillir ces deux situations sans demander à chacun de maîtriser d’emblée le vocabulaire des diplômes, des métiers et des admissions.
La vision produit : rendre l’effort gratifiant
L’orientation reste une décision sérieuse. Notre travail a porté sur la façon de l’aborder : passer d’une recherche que l’on repousse à une activité dans laquelle il devient facile de se lancer et agréable de progresser.
Une longue liste de questions peut donner l’impression d’un examen supplémentaire. Un catalogue de formations peut déplacer toute la difficulté vers l’utilisateur. Nous avons travaillé une autre entrée : proposer une action accessible, montrer ce qu’elle apporte, puis ouvrir la prochaine étape.
La satisfaction vient de cette relation entre effort et résultat. Exprimer un intérêt permet de préciser son profil. Terminer une séquence fait avancer le parcours. Découvrir une piste donne une raison de consulter une formation. L’interface rend ces liens visibles pour que chaque interaction participe à un projet d’orientation.
Notre fil conducteur : donner envie d’avancer tout en aidant la personne à mieux comprendre ses possibilités. C’est ce qui relie le ton, les illustrations, les gestes, les récompenses et le contenu de fond.
La gamification au service d’un parcours d’orientation
L’accueil matérialise un chemin avec des étapes, des jalons et des coffres. Au lieu de présenter toutes les possibilités au même niveau, il rend la prochaine action identifiable. Le jeune voit où agir et retrouve un repère lorsqu’il revient dans l’application.
Les cartes à swiper transforment ensuite une partie du parcours en prises de position courtes. Une illustration situe le sujet, un libellé exprime l’idée et les actions sont faciles à reconnaître. L’accès au détail permet d’approfondir avant de répondre ; le retour sur le dernier geste évite qu’une erreur tactile devienne une préférence définitive.
La mécanique de récompense prend son sens lorsqu’elle accompagne une découverte utile. Un coffre et une animation donnent du relief au moment ; les pistes de formations, les idées de métiers ou la synthèse du profil donnent une raison de poursuivre.
Cette articulation demande de doser le rythme. Une animation trop longue finit par ralentir une action répétée. Un écran trop dense casse la légèreté du geste. Un enchaînement trop rapide ne laisse plus le temps de réfléchir. Le travail de conception consiste à ajuster cette cadence, jusque dans les transitions et les retours visuels.
Optimiser la conversion dès l’onboarding
Nous avons travaillé la conversion comme une continuité entre la promesse, les premiers pas, la découverte de la valeur et l’offre d’accompagnement. L’écran de souscription dépend de tout ce qui le précède : l’utilisateur doit comprendre ce que le produit lui apporte et pourquoi il aurait intérêt à aller plus loin.
Faire comprendre la valeur avant de multiplier les demandes
L’entrée dans Hopteo montre le produit et formule une promesse accessible : découvrir des formations, des parcours et des métiers qui correspondent à la personne. La conception de l’onboarding organise ensuite les informations nécessaires pour personnaliser cette expérience.
Le bon arbitrage porte sur l’utilité de chaque étape. Une question sur le contexte scolaire peut changer le parcours à proposer. Une explication peut rassurer sur la suite. Une saisie supplémentaire doit, elle aussi, justifier l’effort demandé. Nous relions donc le contenu de chaque écran à la décision qu’il permet de prendre et à la valeur qu’il prépare.
Observer les passages entre les étapes
L’application dispose d’un suivi des étapes d’onboarding, de leur complétion et des sorties. Le parcours commercial distingue également l’affichage d’une offre, l’action sur son bouton et le résultat de l’achat. Cette précision permet de chercher le bon problème avant de modifier une interface.
| Moment du parcours | Ce que le suivi permet d’observer | Question produit à examiner |
|---|---|---|
| Entrée dans l’app | Affichage de l’entrée et démarrage de l’onboarding | La promesse donne-t-elle une raison de commencer ? |
| Personnalisation | Étapes vues, réponses et sorties | Une consigne ou une demande arrive-t-elle trop tôt ? |
| Première activité | Démarrage, progression et fin d’une séquence | La personne comprend-elle comment avancer ? |
| Présentation de l’offre | Offre vue, action et fermeture | La valeur de l’accompagnement est-elle claire à ce moment ? |
| Achat | Démarrage, réussite ou échec | Le frein vient-il de l’offre ou du parcours de paiement ? |
Par exemple, une offre beaucoup consultée mais peu sélectionnée appelle une lecture de sa proposition de valeur. Des achats commencés puis échoués demandent d’abord un examen du paiement. Changer la couleur d’un bouton ne répond pas à ces deux situations de la même manière.
L’optimisation consiste à relier les signaux à l’expérience réelle, choisir une modification précise et examiner ensuite son effet sur la progression et la conversion.
Transformer la progression en résultats compréhensibles
Le profil rassemble l’avancement et les résultats dans une vue que l’utilisateur peut retrouver. Les indicateurs distinguent notamment la progression dans l’orientation de la construction d’une liste de vœux. Cette séparation aide à comprendre ce qui a été exploré et ce qui reste à concrétiser.
La présentation d’un parcours scolaire rend ensuite une possibilité plus tangible : situation actuelle, formation envisagée et poursuite d’études. On passe d’un domaine qui intéresse le jeune à une trajectoire qu’il peut examiner et discuter.
L’enjeu produit dépasse la consultation d’un écran. Une famille doit pouvoir reprendre une piste, comprendre ce qu’elle implique et poursuivre la discussion. Nous concevons donc les vues de synthèse comme un prolongement de l’exploration : elles donnent une forme utilisable à ce qui a été découvert au fil des interactions.
Derrière l’expérience ludique, une réalisation mobile exigeante
Une interface vivante exige de la précision dans le développement. Le geste, la réponse enregistrée, la progression et le résultat affiché doivent rester cohérents, y compris lorsque le réseau ralentit ou que l’utilisateur interrompt sa session.
Des interactions fluides et réutilisables
L’application s’appuie sur React Native. Les cartes mobilisent la gestion des gestes et les animations avec Reanimated : déplacement, seuil de validation, retour d’une carte et enchaînement de la pile constituent un comportement complet.
La réutilisation de cette interaction pour plusieurs types de contenus apporte deux bénéfices. Le jeune retrouve un geste familier ; l’équipe peut faire évoluer ce comportement dans un composant commun. Les contenus et les règles changent selon la séquence, tout en conservant une continuité d’usage.
Une progression qui reste cohérente avec le serveur
Un coffre ouvert ou une étape terminée correspond à un état du produit. L’application conserve des informations locales pour la continuité de l’interface, tandis que le serveur reste la référence pour la progression et les récompenses. Les réponses de l’API mettent à jour l’état affiché.
Prenons une fin de séquence : le produit doit enregistrer ce qui a été accompli, récupérer la progression validée et présenter la suite. Si l’enregistrement échoue, afficher une réussite définitive créerait un décalage au prochain lancement. Concevoir ce passage implique donc aussi l’attente, l’erreur et la possibilité de réessayer.
Les sessions sont organisées en états explicites : ouverture, exercice en cours, sauvegarde, erreur et complétion. Ce cadre relie les maquettes aux situations réelles. Il rend les parcours plus faciles à faire évoluer qu’une accumulation de conditions indépendantes dans chaque écran.
Une mesure intégrée au parcours
Le suivi différencie un swipe, une annulation, une ouverture de détail et une séquence terminée. Ces actions racontent des usages différents. Une personne peut beaucoup swiper sans approfondir ; une autre peut prendre davantage de temps et consulter plusieurs pistes.
Cette lecture permet de rapprocher la qualité de l’expérience des objectifs du produit. L’activation, la conversion et la progression utile doivent être examinées ensemble pour choisir les prochaines améliorations.
Ce que cette expérience apporte aux projets Klaapp
Hopteo montre comment le produit, l’UX et le développement mobile peuvent travailler dans une même direction : rendre accessible un sujet complexe, créer une expérience satisfaisante et préparer son amélioration dans la durée.
Chez Klaapp, j’apporte cette expérience aux projets dans lesquels l’adoption compte autant que les fonctionnalités : application d’apprentissage, outil métier, service par abonnement ou parcours que les utilisateurs abandonnent avant d’en comprendre la valeur.
Le travail commence par une séquence concrète. Que promet-on ? Quel effort demande-t-on ? À quel moment la personne obtient-elle quelque chose d’utile ? Que se passe-t-il si elle hésite, interrompt ou reprend ? Les réponses orientent le prototype, le développement et la mesure.
Nos autres produits illustrent des enjeux complémentaires : Fillzz relie données, navigation et conversion, tandis que Pandook associe réservation et gestion complète des clubs.
Votre application apporte de la valeur, mais ses utilisateurs n’arrivent pas jusqu’à elle ? Nous pouvons vous aider à examiner l’onboarding, repérer les frictions et concevoir les évolutions à tester. Découvrez notre accompagnement en création de produit ou en refonte d’un existant, puis parlons de votre parcours utilisateur.
Questions fréquentes
Quel a été le rôle de Valentin sur Hopteo ?
Valentin a contribué à la conception produit, à l’expérience utilisateur, à la gamification et au développement mobile au sein de l’équipe Hopteo. Ce cas présente une expérience professionnelle qui nourrit son travail actuel de cofondateur de Klaapp.
Comment rendre une application sérieuse plus ludique ?
En rendant les actions accessibles, la progression visible et les résultats gratifiants. Hopteo combine notamment cartes, étapes et découvertes pour aider l’utilisateur à avancer. La mécanique doit rester reliée au bénéfice recherché et respecter le temps de réflexion nécessaire.
Comment travailler la conversion d’une application mobile ?
En examinant le parcours complet : promesse, onboarding, première activité utile, présentation de l’offre et achat. Un suivi distinct de ces étapes permet de cibler les frictions, puis d’évaluer les changements sur la progression et la conversion.
Sources et crédits
- Hopteo — présentation du produit, familles accompagnées et note affichée, consulté le 8 septembre 2026.
- Les captures montrent les interfaces Hopteo fournies pour ce portfolio ; la couverture les présente dans une composition de mockups. Les chiffres des profils visibles sont des données de démonstration.
Valentin Merault est cofondateur de Klaapp. Il intervient sur le cadrage, le produit, l’IHM et l’expérience utilisateur. Découvrir le studio.