LovBirdz - Refonte UX/UI
Refonte globale de LovBirdz, application mobile de quiz pour couples développée par Chouic (entreprise nantaise). L’objectif : moderniser l’interface, booster l’engagement par la gamification et optimiser la conversion via paywall pour renforcer sa position sur un marché compétitif.
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 & les performances de l’application mobile
Refonte stratégique de LovBirdz pour relancer l’engagement & 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 taux de conversion suite au retrait d’une application phare de l'éditeur sur Google. Un défi stratégique majeur pour repositionner LovBirdz grâce à une expérience fluide, immersive et personnalisée.
La refonte visait à moderniser l’interface, intégrer des mécaniques de gamification pour fidéliser les utilisateurs et optimiser les taux de conversion suite au retrait d’une application phare de l'éditeur sur Google. Un défi stratégique majeur pour repositionner LovBirdz grâce à une expérience fluide, immersive et personnalisée.
Services
Services
UX/UI design
Design interactif
Motion design
Équipe
Équipe
Équipe
Projet mené par Chouic avec une équipe pluridisciplinaire : 1 product owner, 1 tech lead, 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 de manière transversale sur la refonte UX, le design system, les animations interactives et les visuels marketing, en lien étroit avec les pôles dev et marketing.
Projet mené par Chouic avec une équipe pluridisciplinaire : 1 product owner, 1 tech lead, 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 de manière transversale sur la refonte UX, le design system, les animations interactives et les visuels marketing, en lien étroit avec les pôles dev et marketing.
02. Missions & approche stratégique
Repenser l’expérience pour fidéliser & convertir
En tant qu’UX/UI & motion designer sur le projet, Diana a pris une part active dans la refonte complète de LovBirdz. Elle a réarchitecturé les parcours utilisateurs, conçu les maquettes et prototypes interactifs et mené les recherches ainsi que les tests utilisateurs via Maze pour identifier et supprimer les points de friction. Son intervention a également porté sur la création du design system, l’intégration de mécaniques de gamification et la réalisation d’animations interactives (Rive). En parallèle, Diana a créé les illustrations in-app et événementielles, ainsi que les vidéos et visuels ASO (App Store Optimization) pour renforcer l'attractivité sur les stores. Enfin, elle a contribué à la refonte stratégique des paywalls pour maximiser la conversion, transformant l’application en une expérience fluide, engageante et alignée avec les objectifs business de Chouic.
Défis
Défis
LovBirdz, application en constante évolution, devait moderniser son interface et simplifier l'ergonomie de ses parcours pour les rendre plus intuitifs. L’enjeu consistait à stimuler l’engagement quotidien grâce à la gamification et à optimiser les écrans de vente (paywalls) pour accroître la conversion. Il s'agissait également de fluidifier la collaboration entre le pôle design, le pôle technique et le pôle marketing afin d'assurer une bonne cohérence visuelle et des itérations rapides.
LovBirdz, application en constante évolution, devait moderniser son interface et simplifier l'ergonomie de ses parcours pour les rendre plus intuitifs. L’enjeu consistait à stimuler l’engagement quotidien grâce à la gamification et à optimiser les écrans de vente (paywalls) pour accroître la conversion. Il s'agissait également de fluidifier la collaboration entre le pôle design, le pôle technique et le pôle marketing afin d'assurer une bonne cohérence visuelle et des itérations rapides.
Solutions
Solutions
Pour répondre à ces enjeux, l’expérience utilisateur a été repensée autour d’une nouvelle identité visuelle, d’une navigation simplifiée et d’un design system structuré pour faciliter le travail des développeurs. La gamification et les animations interactives ont dynamisé l'immersion. Les paywalls ont été optimisés par A/B testing, tandis que des ateliers collaboratifs et une documentation centralisée ont aligné l'ensemble des équipes sur les livrables.
Pour répondre à ces enjeux, l’expérience utilisateur a été repensée autour d’une nouvelle identité visuelle, d’une navigation simplifiée et d’un design system structuré pour faciliter le travail des développeurs. La gamification et les animations interactives ont dynamisé l'immersion. Les paywalls ont été optimisés par A/B testing, tandis que des ateliers collaboratifs et une documentation centralisée ont aligné l'ensemble des équipes sur les livrables.
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 déployée pour ce projet allie recherche utilisateur, conception systémique, tests itératifs et collaboration transversale entre les pôles produit, tech et marketing.
La méthodologie déployée pour ce projet allie recherche utilisateur, conception systémique, tests itératifs et collaboration transversale entre les pôles produit, tech et marketing.
Recherche & analyse utilisateur
Analyse des besoins via 10+ interviews et sessions de tests UX sur Maze pour cartographier les parcours, cibler les points de friction et guider la conception centrée utilisateur.
Tests utilisateurs
User research
Recherche & analyse utilisateur
Analyse des besoins via 10+ interviews et sessions de tests UX sur Maze pour cartographier les parcours, cibler les points de friction et guider la conception centrée utilisateur.
Tests utilisateurs
User research
Conception du design system
Structuration d’un système UI modulaire (composants standardisés, design tokens, adaptation aux 17 langues) pour garantir la cohérence visuelle et accélérer le développement front-end.
Design system
Scalabilité UI
Conception du design system
Structuration d’un système UI modulaire (composants standardisés, design tokens, adaptation aux 17 langues) pour garantir la cohérence visuelle et accélérer le développement front-end.
Design system
Scalabilité UI
Gamification & design interactif
Intégration de mécaniques de jeu (missions, streaks) et d'animations interactives vectorielles Rive pour dynamiser l’expérience, renforcer l'immersion et maximiser la rétention utilisateur.
Gamification mobile
Motion Rive
Gamification & design interactif
Intégration de mécaniques de jeu (missions, streaks) et d'animations interactives vectorielles Rive pour dynamiser l’expérience, renforcer l'immersion et maximiser la rétention utilisateur.
Gamification mobile
Motion Rive
Collaboration & itérations
Organisation d'ateliers transversaux et centralisation des assets sur Figma/Figjam pour assurer un flux de travail agile, des retours rapides et une bonne synergie design-tech-marketing.
Agilité UX
Workflow design
Collaboration & itérations
Organisation d'ateliers transversaux et centralisation des assets sur Figma/Figjam pour assurer un flux de travail agile, des retours rapides et une bonne synergie design-tech-marketing.
Agilité UX
Workflow design
04. Stratégie & conception produit
Optimiser l'engagement par le design & la gamification
La transformation de LovBirdz en une expérience mobile immersive repose sur la combinaison d'une stratégie UX rigoureuse, d'une interface utilisateur moderne et de mécaniques ludiques performantes.
UX/UI design & ergonomie mobile
UX/UI design & ergonomie mobile
Les parcours utilisateurs ont été restructurés pour intégrer de nouvelles fonctionnalités tout en maintenant une navigation fluide. L'interface mobile bénéficie d'une hiérarchie visuelle clarifiée, où la mascotte Chirpy accompagne l'utilisateur dès l'onboarding. Les palettes chromatiques ont été révisées pour garantir une accessibilité visuelle optimale, validés selon les normes RGAA/WCAG. Pour valider chaque étape, des tests UX sur Maze et des observations en présentiel ont été menés. Ces derniers ont permis d'évaluer la compréhension et l'ergonomie de l’app mobile. L'interface a été optimisée dès le format 320px (smartphones compacts) afin d'assurer une bonne expérience sur toutes les résolutions.
Les parcours utilisateurs ont été restructurés pour intégrer de nouvelles fonctionnalités tout en maintenant une navigation fluide. L'interface mobile bénéficie d'une hiérarchie visuelle clarifiée, où la mascotte Chirpy accompagne l'utilisateur dès l'onboarding. Les palettes chromatiques ont été révisées pour garantir une accessibilité visuelle optimale, validés selon les normes RGAA/WCAG. Pour valider chaque étape, des tests UX sur Maze et des observations en présentiel ont été menés. Ces derniers ont permis d'évaluer la compréhension et l'ergonomie de l’app mobile. L'interface a été optimisée dès le format 320px (smartphones compacts) afin d'assurer une bonne expérience sur toutes les résolutions.
Design system & architecture visuelle
Design system & architecture visuelle
Un design system atomique a été mis en place pour garantir l'homogénéité graphique de l'application. L'intégration des design tokens (variables CSS/style) a permis une synchronisation directe avec l'équipe de développement. Pour structurer le produit, l'écosystème a été complété avec 2 autres piliers : 1. Visual system : rassemble l'ensemble des illustrations, visuels marketing et éléments d'habillage de l'application. 2. In-game system : encadre spécifiquement les interfaces et mécaniques de jeu, soumises à des contraintes d'usages distinctes de la navigation générale.
Un design system atomique a été mis en place pour garantir l'homogénéité graphique de l'application. L'intégration des design tokens (variables CSS/style) a permis une synchronisation directe avec l'équipe de développement. Pour structurer le produit, l'écosystème a été complété avec 2 autres piliers : 1. Visual system : rassemble l'ensemble des illustrations, visuels marketing et éléments d'habillage de l'application. 2. In-game system : encadre spécifiquement les interfaces et mécaniques de jeu, soumises à des contraintes d'usages distinctes de la navigation générale.
Content system & localisation internationale
Content system & localisation internationale
Pour accompagner la diffusion et s'adapter à la charte éditoriale de LovBirdz, des contraintes de calibrage textuel strictes ont été définies afin d'anticiper la traduction en 17 langues. Un nombre maximal de caractères a été déterminé pour chaque composant et directement documenté dans le design system. Cette approche a prévenu tout dépassement de texte ou rupture de layout, garantissant un affichage précis sur les marchés internationaux.
Pour accompagner la diffusion et s'adapter à la charte éditoriale de LovBirdz, des contraintes de calibrage textuel strictes ont été définies afin d'anticiper la traduction en 17 langues. Un nombre maximal de caractères a été déterminé pour chaque composant et directement documenté dans le design system. Cette approche a prévenu tout dépassement de texte ou rupture de layout, garantissant un affichage précis sur les marchés internationaux.
Stratégie de gamification & rétention
Stratégie de gamification & rétention
Le pôle produit et design ont intégré des leviers de fidélisation clés : missions quotidiennes, questions du jour et séries de victoires (streaks). Les utilisateurs accumulent des pièces virtuelles pour débloquer des éléments de personnalisation pour Chirpy dans la boutique, faisant évoluer l'application de quiz vers un véritable compagnon relationnel.
Le pôle produit et design ont intégré des leviers de fidélisation clés : missions quotidiennes, questions du jour et séries de victoires (streaks). Les utilisateurs accumulent des pièces virtuelles pour débloquer des éléments de personnalisation pour Chirpy dans la boutique, faisant évoluer l'application de quiz vers un véritable compagnon relationnel.
Design interactif
Design interactif
Grâce à l'outil Rive, le pôle design et Diana ont conçu et intégré des animations vectorielles interactives, fluides et légères en code. Des micro-interactions aux réactions dynamiques de la mascotte, chaque mouvement a été pensé pour enrichir l'expérience sensorielle et guider l'utilisateur.
Grâce à l'outil Rive, le pôle design et Diana ont conçu et intégré des animations vectorielles interactives, fluides et légères en code. Des micro-interactions aux réactions dynamiques de la mascotte, chaque mouvement a été pensé pour enrichir l'expérience sensorielle et guider l'utilisateur.
Motion design & acquisition ASO
Motion design & acquisition ASO
En amont du lancement de la nouvelle version, un travail ciblé sur l'acquisition a été réalisé pour les stores (App Store et Google Play Store) : la création de 65+ vidéos marketing localisées. Ces contenus animés ont été conçus pour capter l'attention dès les premières secondes, valoriser les fonctionnalités clés et optimiser le taux de conversion au téléchargement.
En amont du lancement de la nouvelle version, un travail ciblé sur l'acquisition a été réalisé pour les stores (App Store et Google Play Store) : la création de 65+ vidéos marketing localisées. Ces contenus animés ont été conçus pour capter l'attention dès les premières secondes, valoriser les fonctionnalités clés et optimiser le taux de conversion au téléchargement.
Synergie UX/UI & pôle marketing (optimisation paywall)
Synergie UX/UI & pôle marketing (optimisation paywall)
Une collaboration étroite avec le pôle marketing a permis de refondre les écrans de vente premium (paywalls). À travers des campagnes d'A/B testing portant sur la microcopie, les combinaisons de couleurs et la hiérarchie visuelle des formules d'abonnement, l'équipe a clarifié la valeur de l'offre. Diana s'est également appuyée sur les analyses des tendances graphiques locales et les retours des traducteurs transmis par le pôle produit pour adapter les visuels aux spécificités de chaque pays. Cette démarche a permis de lever des freins à l'achat et d'augmenter le taux de conversion, tout en préservant le confort de navigation de l'utilisateur.
Une collaboration étroite avec le pôle marketing a permis de refondre les écrans de vente premium (paywalls). À travers des campagnes d'A/B testing portant sur la microcopie, les combinaisons de couleurs et la hiérarchie visuelle des formules d'abonnement, l'équipe a clarifié la valeur de l'offre. Diana s'est également appuyée sur les analyses des tendances graphiques locales et les retours des traducteurs transmis par le pôle produit pour adapter les visuels aux spécificités de chaque pays. Cette démarche a permis de lever des freins à l'achat et d'augmenter le taux de conversion, tout en préservant le confort de navigation de l'utilisateur.
05. Résultats & retours d'expérience
Design stratégique : une expérience optimisée pour la conversion & 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
La refonte menée par l'équipe Chouic et Diana a transformé LovBirdz en une application fluide, moderne et engageante, augmentant la rétention et les conversions. Le design system a réduit les temps de développement et facilité le déploiement global en 17 langues, conciliant rigueur UI et objectifs business.
Diana
DA & consultante UX/UI
La refonte menée par l'équipe Chouic et Diana a transformé LovBirdz en une application fluide, moderne et engageante, augmentant la rétention et les conversions. Le design system a réduit les temps de développement et facilité le déploiement global en 17 langues, conciliant rigueur UI et objectifs business.
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