Retour aux projets
Design sprint — Bootcamp

Happn — le déclic des profils compatibles

Comment renforcer le sentiment d'affinité commune, pour créer un déclic émotionnel et faire ressortir les profils compatibles ?

01 — Le brief

Un challenge pour Happn

L'équipe Produit d'Happn nous a sollicitées pour repenser la manière dont l'application met en valeur la compatibilité entre deux profils.

02 — Problématique

Des badges d'affinité qui passent inaperçus

Aujourd'hui, Happn propose des badges aux utilisateurs pour compléter leur profil, mais ils passent inaperçus et ne suscitent pas de likes.

Relation amoureuse
Il aime aussi Beyoncé
Vous avez 3 hobbies en commun
Elle vous a liké

Trois objectifs à garder en tête :

Compatibilité
Réexaminer le concept du badge.
Émotionnel
Améliorer le sentiment de réciprocité entre les profils.
Unicité
Offrir une meilleure différenciation.
03 — Recherche

Comprendre le rapport des utilisateurs aux applications de rencontre

Notre recherche visait à comprendre l'attraction, les affinités et la notion de réciprocité telles que vécues par les utilisateurs d'applications de rencontre.

4 entretiens semi-directifs — 45 min
Via Google Meet
3 femmes · 1 homme
25 – 40 ans
5/5 habitués des apps de rencontre
Paris & Toulouse
✅ 5/5Envie de partager et découvrir des activités ensemble, pour apprendre à se connaître en s'amusant.
« Si la personne est fan de karting : go karting. Ou alors un escape game. Je pense qu'on comprend mieux la personne comme ça. »— Déborah
  • Évite les moments gênants
  • Apporte de la nouveauté et permet de mieux connaître l'autre
✅ 4/5Le style de vie et l'humour sont des critères clés pour juger de la compatibilité et vivre une expérience positive.
« Parfois on a des indices sur le profil : il y a un humour un peu absurde. Ok, on a clairement le même humour. »— Antoine
  • Permet de filtrer les profils avec des critères rédhibitoires
  • Crée de la complicité
⚠️ 4/5Les utilisateurs sont frustrés par un manque d'engagement une fois le crush obtenu.
« Je ne comprends pas le principe. Je matche avec 5-6 personnes et 5 ne répondent pas. Ça me gonfle à force. »— Marie
  • Rend l'expérience chronophage et peu productive
  • Déshumanise l'expérience / l'interaction
04 — Reformulation du problème
« Comment apporter de la complicité et de l'alchimie à une expérience de Crush plus « humaine » ? »
Objectif : +10% de crushes
Objectif : +15% de messages échangés
05 — S'inspirer des autres

S'inspirer des meilleurs

Nous avons benchmarké deux applications pour nourrir notre réflexion.

Hinge : compatibilité & icebreakers
Nous avons remarqué que Hinge met en avant deux profils compatibles en rapprochant leurs photos. L'application propose aussi des icebreakers pour lancer la première discussion, et permet une personnalisation avancée du profil.
Inspiration Hinge — compatibilité et icebreakers
Mapstr : des lieux à découvrir
Nous avons étudié la façon dont Mapstr présente des lieux à découvrir, en particulier la notion « à essayer / déjà testé ».
Inspiration Mapstr — carte des lieux et fiche lieu
06 — Idéation

Brainstorming

À partir des informations recueillies pendant notre phase de recherche et de notre benchmark, nous avons réalisé un atelier Crazy 8 pour générer rapidement des idées pour notre future solution.

Ce que nous avons gardé :

Sketch — récapitulatif des points communs
Un récapitulatif des points communs
Sketch — proposition de rendez-vous facilitée
Une proposition de rendez-vous facilitée
Sketch — liste d'envies d'activités
Une liste d'envies d'activités à faire ensemble
07 — Nos solutions

Cinq leviers pour rendre l'affinité visible

Cinq fonctionnalités distinctes pour rendre la compatibilité lisible, créer un déclic émotionnel, et accompagner la conversation vers une vraie rencontre.

Le badge de compatibilité
Repensé pour être immédiatement lisible sur un profil.
Mockup — le badge de compatibilité
De nouveaux éléments de profil
Mettant en avant les points communs plutôt que les seules photos.
Mockup — nouveaux éléments de profil
Des icebreakers
Nous avons mis en place des propositions d'icebreakers afin de faciliter l'envoi du premier message.
Mockup — icebreakers
Une proposition de rendez-vous
Faciliter les RDV en donnant clés en main des idées d'adresses ou d'activités à faire à deux.
Mockup — proposition de rendez-vous
Mise en avant des centres d'intérêt communs
Des petites « pastilles d'affinité » visibles dès le premier coup d'œil, avant même d'ouvrir le profil complet.
Mockup — affinités mutuelles sur mini-profils
08 — Tests utilisateurs

Cinq tests d'utilisabilité

5 tests d'utilisabilité — 30 min
Via Google Meet
4 femmes · 1 homme
24 – 25 ans
4/5 habitués des apps de rencontre
Paris
✅ 4/5Ont compris et se sont montrés intéressés par les éléments de profil « à découvrir / à faire ».
« J'aime bien parce que ça montre à quel point la personne est ouverte d'esprit. »— Estelle
  • Aiment découvrir de nouvelles choses avec quelqu'un
  • Donne des idées de rendez-vous potentiels
✅ 4/5Ont compris et se sont montrés intéressés par les icebreakers et la proposition de rendez-vous.
« Je trouve que le message est top, ça évite de commencer par « Salut, ça va ? ». Les questions toutes prêtes donnent des idées. »— Marie
  • Fait gagner du temps
  • C'est ludique et ça aide à mieux se connaître
⚠️ 4/5N'ont pas vu le badge en haut de l'écran.
« Je trouve ça vraiment bien. Je suis encline à le recommander parce que c'est vraiment puissant. Ça fait gagner des heures. »— Hortense
  • Leur attention se porte sur la photo
⚠️ 5/5Étaient perdus quant à la signification des « pastilles d'affinité » sur les cartes de profil.
« 1 point commun avec la nana de droite, les 3 autres. On a fait la même fac toutes les deux ? »— Lucas
  • Ne savent pas à quoi correspondent les différentes icônes
09 — Itérations

Des ajustements après tests

Les tests utilisateurs ont confirmé l'intérêt du badge de compatibilité, mais ont fait remonter des axes d'amélioration clairs.

Modifier le badge d'affinités mutuelles
Pour rendre le badge plus visible aux utilisateurs, nous avons décidé de le placer sous la photo de profil, la deuxième zone regardée par nos testeurs après la photo. Nous avons aussi décidé de le laisser déroulé, les testeurs ne comprenant pas qu'ils pouvaient cliquer pour en voir plus.
Mockup — badge d'affinités mutuelles repositionné
Mettre en avant quelques éléments de profil
Nous avons remonté certains éléments que les testeurs trouvaient intéressants plus haut dans le profil.
Mockup — éléments de profil mis en avant
Unifier les icônes
Nous avons ajouté une icône « sparkle » pour symboliser l'alchimie qui peut exister entre deux personnes, afin qu'il n'y ait plus de confusion.
Mockup — pictogrammes unifiés avec icône sparkle
10 — Restitution

Le prototype final a été présenté au Head of Product Design de Happn, avec une démonstration du parcours de bout en bout. La piste retenue pour une prochaine itération : un concept baptisé « Special Spark », pour aller encore plus loin dans la mise en scène du déclic entre deux profils.

Présentation du concept Spécial Spark à l'équipe Happn
Restitution finale devant l'équipe Happn
Autre projet
Intranet du STN
Autre projet
Deezer