LovBirdz - Refonte UX/UI
LovBirdz, application mobile de quiz pour couples développée par Chouic (entreprise nantaise spécialisée dans les applications mobiles et jeux d’ambiance), a entamé en 2023 une refonte pour optimiser son expérience utilisateur. L’enjeu ? Moderniser son design, enrichir l’engagement via des mécaniques de gamification et optimiser les conversions pour renforcer sa position sur un marché dynamique et compétitif. Une transformation visant à offrir une expérience plus intuitive, immersive et performante.
Année.s
2023-2025
Année.s
2023-2025
Année.s
2023-2025
Année.s
2023-2025
Durée
2 ans
Durée
2 ans
Durée
2 ans
Durée
2 ans
Secteur d'activité
Divertissement
Secteur d'activité
Divertissement
Secteur d'activité
Divertissement
Secteur d'activité
Divertissement
Produit
App mobile
Produit
App mobile
Produit
App mobile
Produit
App mobile
01. Contexte & objectifs
Refonte stratégique de LovBirdz pour relancer l’engagement et les performances de l’application mobile
Refonte stratégique de LovBirdz pour relancer l’engagement et les performances de l’application mobile
La refonte visait à moderniser l’interface, intégrer des mécaniques de gamification pour fidéliser les utilisateurs et optimiser les conversions après le retrait d’une des applications phare de l’entreprise par Google. Un défi clé : positionner LovBirdz sur un marché concurrentiel tout en garantissant une expérience immersive, intuitive et personnalisable.
La refonte visait à moderniser l’interface, intégrer des mécaniques de gamification pour fidéliser les utilisateurs et optimiser les conversions après le retrait d’une des applications phare de l’entreprise par Google. Un défi clé : positionner LovBirdz sur un marché concurrentiel tout en garantissant une expérience immersive, intuitive et personnalisable.
Services
Services
UX/UI design
Design interactif
Motion design
Équipe
Équipe
Équipe
Projet mené en équipe avec 1 product owner, 1 tech lead et 2 développeurs full-stack, 1 directrice artistique, 2 UX/UI designers (dont Diana), 1 responsable marketing, 1 sound designer externe et 17 traducteurs. Diana est intervenue dans la refonte des parcours utilisateurs, la création du design system et la conception des animations interactives, en collaboration avec les équipes marketing et technique.
Projet mené en équipe avec 1 product owner, 1 tech lead et 2 développeurs full-stack, 1 directrice artistique, 2 UX/UI designers (dont Diana), 1 responsable marketing, 1 sound designer externe et 17 traducteurs. Diana est intervenue dans la refonte des parcours utilisateurs, la création du design system et la conception des animations interactives, en collaboration avec les équipes marketing et technique.
02. Missions & approche stratégique
Repenser l’expérience pour fidéliser et convertir
En tant qu’UX/UI & motion designer, Diana a participé à la refonte complète de LovBirdz en optimisant les parcours utilisateurs, concevant des écrans et prototypes et réalisant des recherches et tests utilisateurs via Maze pour cibler les points de friction. Elle est intervenue dans la création d’un design system cohérent, intégré des mécaniques de gamification et des animations interactives (Rive), tout en réalisant des illustrations in-app et événementielles, des vidéos et des screenshots ASO pour les stores afin d’améliorer l’attractivité. Enfin, les paywalls ont été repensé pour maximiser les conversions, transformant l’application en une expérience intuitive, engageante et performante, tout en assurant l’alignement des équipes design, technique et marketing.
Défis
Défis
LovBirdz, une application mobile en constante évolution, devait moderniser son interface et simplifier ses parcours utilisateurs pour les rendre plus intuitifs. L’enjeu était d’enrichir l’engagement via des mécaniques de gamification et d’optimiser les paywalls pour améliorer les conversions. Enfin, il fallait renforcer la collaboration entre les équipes design, technique et marketing pour garantir une cohérence visuelle et des itérations fluides.
LovBirdz, une application mobile en constante évolution, devait moderniser son interface et simplifier ses parcours utilisateurs pour les rendre plus intuitifs. L’enjeu était d’enrichir l’engagement via des mécaniques de gamification et d’optimiser les paywalls pour améliorer les conversions. Enfin, il fallait renforcer la collaboration entre les équipes design, technique et marketing pour garantir une cohérence visuelle et des itérations fluides.
Solutions
Solutions
L’expérience utilisateur a été repensée avec une nouvelle identité visuelle, une navigation claire (tapbar intuitive, onboarding guidé par “Chirpy”) et développé un design system pour standardiser les composants et faciliter la collaboration. La gamification (missions quotidiennes, streaks, personnalisation de le mascotte) et des animations interactives ont dynamisé l’immersion et l’engagement. Les paywalls ont été optimisés grâce à des A/B tests (design, wording, hiérarchie visuelle), tandis que des ateliers collaboratifs et une documentation centralisée (Paper, Figma/Figjam) ont permis d’aligner les équipes pour des mises à jour plus efficaces.
L’expérience utilisateur a été repensée avec une nouvelle identité visuelle, une navigation claire (tapbar intuitive, onboarding guidé par “Chirpy”) et développé un design system pour standardiser les composants et faciliter la collaboration. La gamification (missions quotidiennes, streaks, personnalisation de le mascotte) et des animations interactives ont dynamisé l’immersion et l’engagement. Les paywalls ont été optimisés grâce à des A/B tests (design, wording, hiérarchie visuelle), tandis que des ateliers collaboratifs et une documentation centralisée (Paper, Figma/Figjam) ont permis d’aligner les équipes pour des mises à jour plus efficaces.
1.
03. Méthodologie & processus de travail
Design agile & UX au service de l’engagement utilisateur
Design agile & UX au service de l’engagement utilisateur
La méthodologie pour ce projet allie recherche utilisateur approfondie, conception systémique, tests itératifs et collaboration transversale.
La méthodologie pour ce projet allie recherche utilisateur approfondie, conception systémique, tests itératifs et collaboration transversale.
Recherche & analyse utilisateur
Comprendre les attentes et les besoins via 10+ interviews et tests Maze pour identifier les points de frictions. Cartographie des parcours et définition des cibles pour guider la conception centrée utilisateur.
Empathie
Tests UX
Recherche & analyse utilisateur
Comprendre les attentes et les besoins via 10+ interviews et tests Maze pour identifier les points de frictions. Cartographie des parcours et définition des cibles pour guider la conception centrée utilisateur.
Empathie
Tests UX
Conception du design system
Création d’un système modulaire (composants standardisés, design tokens, règles d'adaptation aux 17 langues) pour garantir une interface cohérente et accélérer les cycles de développement technique
Cohérence
Scalabilité
Conception du design system
Création d’un système modulaire (composants standardisés, design tokens, règles d'adaptation aux 17 langues) pour garantir une interface cohérente et accélérer les cycles de développement technique
Cohérence
Scalabilité
Gamification & design interactif
Intégration de missions, de streaks et d'animations interactives via Rive pour dynamiser l’engagement, renforcer l'immersion et fidéliser durablement les utilisateurs.
Immersion
Interactivité
Gamification & design interactif
Intégration de missions, de streaks et d'animations interactives via Rive pour dynamiser l’engagement, renforcer l'immersion et fidéliser durablement les utilisateurs.
Immersion
Interactivité
Collaboration & itérations
Ateliers transversaux et documentation centralisée pour aligner design, technique et marketing. Un flux de travail agile garantissant des feedbacks rapides et des livrables cohérents.
Agilité
Transparence
Collaboration & itérations
Ateliers transversaux et documentation centralisée pour aligner design, technique et marketing. Un flux de travail agile garantissant des feedbacks rapides et des livrables cohérents.
Agilité
Transparence
04. Stratégie & conception produit
Optimiser l'engagement par le design et la gamification
Nous avons transformé Lovbirdz en une expérience immersive en combinant stratégie UX, interface moderne et mécaniques de jeu. Un travail global allant du design system à l'animation interactive pour booster la rétention et les conversions.
UX/UI design
UX/UI design
Nous avons optimisé les parcours utilisateurs en prenant en compte l’ajout de nouvelles fonctionnalités, pour garder une navigation fluide et intuitive. L'interface a été modernisée grâce à une hiérarchie visuelle claire. Dès l'ouverture, la mascotte Chirpy accompagne les utilisateurs pour une prise en main immédiate et chaleureuse. De plus, les couleurs in-game on été modifié afin de garantir une bonne lisibilité en terme d’accessibilté. Pour valider nos choix, nous avons mené des tests utilisateurs via l'outil Maze, des observations et des interviews en présentiel. Ces tests de prototypes nous ont permis de vérifier la compréhension des mécaniques de jeu et l'ergonomie de la boutique. Le design a été optimisé dès le format 320 px (écrans mobiles étroits) pour garantir une accessibilité totale, tout en intégrant une nouvelle identité visuelle dynamique adaptée aux phases de jeu.
Nous avons optimisé les parcours utilisateurs en prenant en compte l’ajout de nouvelles fonctionnalités, pour garder une navigation fluide et intuitive. L'interface a été modernisée grâce à une hiérarchie visuelle claire. Dès l'ouverture, la mascotte Chirpy accompagne les utilisateurs pour une prise en main immédiate et chaleureuse. De plus, les couleurs in-game on été modifié afin de garantir une bonne lisibilité en terme d’accessibilté. Pour valider nos choix, nous avons mené des tests utilisateurs via l'outil Maze, des observations et des interviews en présentiel. Ces tests de prototypes nous ont permis de vérifier la compréhension des mécaniques de jeu et l'ergonomie de la boutique. Le design a été optimisé dès le format 320 px (écrans mobiles étroits) pour garantir une accessibilité totale, tout en intégrant une nouvelle identité visuelle dynamique adaptée aux phases de jeu.
Design system
Design system
Mise en place d'un système de composants atomiques standardisés pour garantir une bonne cohérence entre les écrans. L'utilisation de design tokens (variables de style) permet une synchronisation fluide avec les développeurs, tandis que cette structure modulaire facilite la maintenance et l'évolution du produit sur iOS et Android. Pour plus de clarté, l'écosystème a été scindé en deux piliers complémentaires : un “visual system” regroupant l'ensemble des illustrations et éléments graphiques de l'application et un “in-game system” spécifique. Ce dernier permet de gérer les interfaces et mécaniques de jeu, dont les contraintes d'affichage et d'interaction diffèrent de la navigation générale de l'application.
Mise en place d'un système de composants atomiques standardisés pour garantir une bonne cohérence entre les écrans. L'utilisation de design tokens (variables de style) permet une synchronisation fluide avec les développeurs, tandis que cette structure modulaire facilite la maintenance et l'évolution du produit sur iOS et Android. Pour plus de clarté, l'écosystème a été scindé en deux piliers complémentaires : un “visual system” regroupant l'ensemble des illustrations et éléments graphiques de l'application et un “in-game system” spécifique. Ce dernier permet de gérer les interfaces et mécaniques de jeu, dont les contraintes d'affichage et d'interaction diffèrent de la navigation générale de l'application.
Content system
Content system
En complément de la charte éditoriale adaptée à l'univers du couple et de l’identité de marque de LovBirdz, nous avons instauré des contraintes de calibrage rigoureuses pour anticiper la traduction en 17 langues. L'objectif : garantir des textes lisibles et harmonieux, que ce soit en allemand ou en coréen. Pour sécuriser l'interface, un nombre de caractères maximum a été défini pour chaque composant et directement intégré au design system. Cette approche permet de prévenir tout dépassement de texte ou problème d'affichage, assurant ainsi une expérience utilisateur de qualité sur tous les marchés internationaux.
En complément de la charte éditoriale adaptée à l'univers du couple et de l’identité de marque de LovBirdz, nous avons instauré des contraintes de calibrage rigoureuses pour anticiper la traduction en 17 langues. L'objectif : garantir des textes lisibles et harmonieux, que ce soit en allemand ou en coréen. Pour sécuriser l'interface, un nombre de caractères maximum a été défini pour chaque composant et directement intégré au design system. Cette approche permet de prévenir tout dépassement de texte ou problème d'affichage, assurant ainsi une expérience utilisateur de qualité sur tous les marchés internationaux.
Stratégie de gamification
Stratégie de gamification
Intégration de mécaniques de fidélisation telles que les missions, les questions du jour et les streaks. Les utilisateurs peuvent désormais collecter des monnaies virtuelles pour personnaliser leur mascotte dans une boutique dédiée, transformant une application de quiz en un véritable compagnon relationnel.
Intégration de mécaniques de fidélisation telles que les missions, les questions du jour et les streaks. Les utilisateurs peuvent désormais collecter des monnaies virtuelles pour personnaliser leur mascotte dans une boutique dédiée, transformant une application de quiz en un véritable compagnon relationnel.
Design interactif
Design interactif
L'utilisation de l'outil Rive a permis d'intégrer des animations interactives vectorisées, fluides et performantes. Des retours visuels dynamiques aux réactions aléatoires de la mascotte Chirpy, chaque mouvement est pensé pour susciter une émotion et guider l'utilisateur. En complément, +65 vidéos marketing localisées ont été réalisées pour les différents stores d'applications (App Store et Play Store). Ces contenus visuels adaptés à chaque langue visent à capter l'attention dès les premières secondes pour maximiser les téléchargements et optimiser les taux de conversion à l'international.
L'utilisation de l'outil Rive a permis d'intégrer des animations interactives vectorisées, fluides et performantes. Des retours visuels dynamiques aux réactions aléatoires de la mascotte Chirpy, chaque mouvement est pensé pour susciter une émotion et guider l'utilisateur. En complément, +65 vidéos marketing localisées ont été réalisées pour les différents stores d'applications (App Store et Play Store). Ces contenus visuels adaptés à chaque langue visent à capter l'attention dès les premières secondes pour maximiser les téléchargements et optimiser les taux de conversion à l'international.
Motion design
Motion design
Avant d’entamer la refonte globale de l'app et le déploiement de la nouvelle version, un travail de visibilité a été mené sur les stores d'applications (App Store et Play Store) : la réalisation de +65 vidéos marketing localisées. Ces contenus visuels ont été conçus pour capter l’attention dès les premières secondes afin de maximiser les téléchargements et optimiser les taux de conversion à l’international.
Avant d’entamer la refonte globale de l'app et le déploiement de la nouvelle version, un travail de visibilité a été mené sur les stores d'applications (App Store et Play Store) : la réalisation de +65 vidéos marketing localisées. Ces contenus visuels ont été conçus pour capter l’attention dès les premières secondes afin de maximiser les téléchargements et optimiser les taux de conversion à l’international.
Collaboration ux/ui design & marketing
Collaboration ux/ui design & marketing
Travail en étroite collaboration avec l'équipe marketing pour optimiser les écrans de vente (paywalls) et booster les conversions. En nous appuyant sur une démarche d'A/B testing (variations de contenus éditoriaux, de palettes chromatiques et de hiérarchie visuelle des offres premium), nous avons clarifié la proposition de valeur pour l'utilisateur et levé les freins à l'achat. Pour soutenir le déploiement international, nous avons mené des études de tendances graphiques locales et collaboré avec les traducteurs pour adapter les codes verbaux à chaque marché (localisation). Cette synergie a permis de concilier efficacement les objectifs business et le respect de l'expérience utilisateur, fluidifiant le parcours vers l'abonnement tout en optimisant l'attractivité de l'application sur les stores (ASO).
Travail en étroite collaboration avec l'équipe marketing pour optimiser les écrans de vente (paywalls) et booster les conversions. En nous appuyant sur une démarche d'A/B testing (variations de contenus éditoriaux, de palettes chromatiques et de hiérarchie visuelle des offres premium), nous avons clarifié la proposition de valeur pour l'utilisateur et levé les freins à l'achat. Pour soutenir le déploiement international, nous avons mené des études de tendances graphiques locales et collaboré avec les traducteurs pour adapter les codes verbaux à chaque marché (localisation). Cette synergie a permis de concilier efficacement les objectifs business et le respect de l'expérience utilisateur, fluidifiant le parcours vers l'abonnement tout en optimisant l'attractivité de l'application sur les stores (ASO).
05. Résultats & retours d'expérience
Design stratégique : une expérience optimisée pour la conversion et la croissance internationale
comps standardisés
comps standardisés
comps standardisés
vidéos réalisées
vidéos réalisées
vidéos réalisées
tests UX menés
tests UX menés
tests UX menés
Diana
DA & consultante UX/UI
Le projet a permis de transformer Lovbirdz en une expérience de jeu fluide et engageante. Grâce à l'optimisation des parcours et à l'intégration de la gamification, nous avons constaté une amélioration de la rétention et des taux de conversion sur les offres premium. La mise en place du design system a accéléré les cycles de conception et de développement, permettant un déploiement serein dans 17 langues. Ce fut un défi passionnant alliant rigueur technique et créativité pour célébrer l'épanouissement des couples.
Diana
DA & consultante UX/UI
Le projet a permis de transformer Lovbirdz en une expérience de jeu fluide et engageante. Grâce à l'optimisation des parcours et à l'intégration de la gamification, nous avons constaté une amélioration de la rétention et des taux de conversion sur les offres premium. La mise en place du design system a accéléré les cycles de conception et de développement, permettant un déploiement serein dans 17 langues. Ce fut un défi passionnant alliant rigueur technique et créativité pour célébrer l'épanouissement des couples.
Voir nos autres réalisations
Voir nos autres réalisations
Voir nos autres réalisations
On vous a gardé la meilleure poire du panier
Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.
Design
interactif
UI
design
UX
design
Product
design
Brand
design
Design
system
On vous a gardé la meilleure poire du panier
Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.
Design
interactif
UI
design
UX
design
Product
design
Brand
design
Design
system
On vous a gardé la meilleure poire du panier
Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.
Design
interactif
UI
design
UX
design
Product
design
Brand
design
Design
system
On vous a gardé la meilleure poire du panier
Chaque projet mérite soin et attention. On l’accompagne, l’optimise et le fait éclore en réussite.
Design
interactif
UI
design
UX
design
Product
design
Brand
design
Design
system