happy.news

Happy.news est une plateforme conviviale pour créer des cartes de vœux personnalisées avec des images, des vidéos et des GIFs – transformant les moments de vie en souvenirs à partager. Ce qui la distingue, c’est son temps de réponse, qui permet de véritables échanges chaleureux. Lorsque l’équipe de happy.news nous a contactés pour améliorer l’expérience utilisateur et réduire les abandons, nous étions ravis de soutenir cette belle mission avec notre expertise en design.

Le défi

Notre mission: plus de clarté, plus de connexion, plus d’émotion

La base était déjà solide – il s’agissait maintenant d’apporter des ajustements pertinents. Happy.news disposait d’une identité visuelle bien établie, notre rôle n’était donc pas de réinventer la marque, mais d’améliorer l’expérience tout en respectant les éléments existants du design.

En plus de renouveler l’interface avec de nouvelles applications des couleurs et des polices de la marque, nous avons retravaillé des aspects clés de l’expérience utilisateur — notamment la fonction de réponse, que nous avons rendue plus intuitive et plus émotionnelle. L’un des défis principaux : rester fidèle aux éléments visuels existants tout en rendant l’interface plus vivante et plus conviviale. Un équilibre délicat entre cohérence et innovation pertinente – un défi qui nous a tout de suite passionnés.

Client

happy.news

Services

Audit UX, Parcours client, Design de produit, Design UX/UI, Rédaction UX

Date

2024

Lien vers le projet

L'approche

Importance du mobile : Design UX pour une véritable fidélisation des utilisateurs

Avec plus de 78 % du trafic provenant d’appareils mobiles, une chose était évidente dès le départ : une approche mobile-first devait guider notre travail.

Nous avons commencé par un audit UX approfondi, en analysant les parcours utilisateurs les plus critiques, sur desktop comme sur mobile. Grâce à une combinaison d’analyses existantes et de nos propres expertises UX, nous avons identifié des points de friction, des problèmes d’utilisabilité et des obstacles à l’engagement. Mais notre objectif allait plus loin : traduire ces constats en recommandations concrètes et actionnables. Le résultat : un parcours plus fluide, plus intuitif, et surtout plus engageant sur le plan émotionnel.

Screenshot of the happy.news platform on desktop and smartphone – The desktop shows a birthday celebration with a cake and candles; the smartphone displays a digital greeting card with animal illustrations and the text “It’s a Boy!”
efore and after view of the happy.news landing page, showcasing UI/UX improvements
Un aperçu de la landing page – avant et après la refonte
Before and after view of the happy.news message inbox on phone screens

Améliorations UX

Optimiser le tableau de bord “Your News” pour plus de clarté et d’engagement

Pour le tableau de bord “Your News”, nous avons repensé la mise en page afin de rendre l’expérience à la fois plus simple à naviguer et plus engageante émotionnellement. Nous avons simplifié l’affichage des statistiques, les rendant plus lisibles instantanément, tout en ajoutant des icônes ludiques qui renforcent le lien émotionnel.

Pour améliorer l’orientation et la hiérarchie de l’information, nous avons introduit une structure modulaire en cartes. Cela a permis de mieux organiser les contenus et de rendre l’interface plus cohérente. Une amélioration clé fut le remplacement de la longue liste de réponses à faire défiler. À la place, nous avons regroupé les différents types de réponses (vidéo, audio, texte) en cartes interactives – rendant l’ensemble plus dynamique et plus agréable à utiliser.

Four phone screens showing the user flow within the happy.news app
Parcours utilisateur du tableau de bord “Your News” jusqu’à la vue détaillée

Améliorations UX

Refondre le parcours de réponse pour plus de satisfaction et un taux de réponse accru

L’un des plus grands points de friction résidait dans le processus de réponse – un moment censé créer du lien, mais qui paraissait confus et désordonné. L’interface était surchargée : trop de couleurs, peu de contraste, des pages longues à faire défiler remplies de texte. Cela provoquait une surcharge cognitive et freinait l’engagement.

Nous avons résolu cela en réduisant le nombre d’appels à l’action, en simplifiant la palette de couleurs pour une meilleure accessibilité, et en éliminant les éléments visuels superflus. Surtout, nous avons introduit un parcours en style “assistant” – une question claire par écran, guidée pas à pas avec une barre de progression visible. Nous avons également conçu un “North Star Flow” prospectif : une expérience de type messagerie, plus humaine, qui remplace les formulaires statiques par des interactions fluides et intuitives. Le résultat : un parcours transformé – plus simple, plus engageant, et plus efficace.

Before and after view of the happy.news response configuration screen on phone devices
Four phone screens showing the user flow from the "Your News" overview to the detailed dashboard within the happy.news app
“North Star Flow” – de l’ouverture de la carte à la rédaction et l’envoi de la réponse
two mobile screens showing the receiving news in the happy.news app

Ajustements stratégiques

Du désordre à la clarté: une refonte ciblée pour plus d’impact

Nous avons renforcé et rationalisé la plateforme happy.news grâce à des améliorations UX et design ciblées, optimisant à la fois l’expérience utilisateur et l’alignement de marque sans compromettre son identité.

  • Focus sur la marque: un design visuel épuré et une palette de couleurs réduite ont affiné le branding tout en améliorant la clarté.
  • Meilleure lisibilité: une meilleure hiérarchie visuelle et un contraste renforcé ont amélioré la lecture sur tous les appareils.
  • Parcours utilisateur optimisé: une navigation affinée et des interactions plus intuitives ont réduit les frictions et fluidifié l’expérience.
  • Engagement renforcé: vidéos en plein écran, éléments interactifs et visuels audacieux ont stimulé l’interaction et prolongé la durée de visite.

Couleurs

#224459

#5c8392

#a3bdc6

#dce6ea

#f5d5ad

Police

Roboto

A Á B C D E É F G H I Í J K L M N O Ó Ö Ő P Q R S T U Ú Ü Ű V W X Y Z

a á b c d e é f g h i í j k l m n o ó ö ő p q r s t u ú ü ű v w x y z 1 2 3 4 5 6 7 8 9 0

Aa

Légère

Aa

Standard

Aa

Gras

Le petit prince s'en fut revoir les roses: "Vous n'êtes pas du tout semblables à ma rose, vous n'êtes rien encore, leur dit-il. Personne ne vous a apprivoisées et vous n'avez apprivoisé personne. Vous êtes comme était mon renard. Ce n'était qu'un renard semblable à cent mille autres. Mais j'en ai fait mon ami, et il est maintenant unique au monde."

Enseignements

Bien plus qu’une mise à jour – une vraie montée en puissance UX

Notre collaboration avec happy.news a été bien plus qu’un simple renouvellement visuel. Nous avons livré une expérience utilisateur profondément améliorée : navigation plus fluide, interactions plus naturelles, et un design au service de l’émotion et de l’utilité.
Chez ENNOstudio, nous croyons en un design qui performe – clair, réfléchi, aligné sur les besoins réels. Transformer des cartes de vœux numériques en expériences engageantes et mémorables, c’est exactement le type de défi qui nous anime.

Laptop screen displaying the happy.news website

Quelques exemples de notre travail

Consultez notre portfolio

Quelques-unes des expériences mémorables que nous avons déjà créées avec nos clients.

Bientôt disponible !

Nous ne pouvons divulguer aucune information concernant ce projet pour le moment. Si vous voulez être sûr de ne pas le manquer lorsque nous le publierons, envoyez-nous un courriel.