Cembra Money Bank

Cembra Money Bank nous a confié l’amélioration de son processus d’onboarding pour sa carte de crédit immédiate. Nous nous sommes concentrés sur l’augmentation du taux de conversion et du nombre de demandes de cartes de crédit réussies tout en rendant le processus plus convivial.

Défi

Surmonter les obstacles à l’onboarding avec une solution évolutive

Cembra était confrontée à un défi majeur : le processus d’onboarding connaissait un taux élevé d’abandon, principalement en raison de problèmes UX et UI. Ces difficultés étaient exacerbées par des contraintes techniques et des exigences internes spécifiques en matière de conformité et de gestion des risques. Nous étions conscients de la nécessité de développer une solution globale qui ne se contente pas seulement de résoudre ces points problématiques, mais qui réponde également aux exigences uniques des différents partenaires, tout en maintenant une cohérence avec l’identité de marque. Par ailleurs, cette solution devait être facilement évolutive en vue de futures extensions, afin de permettre l’intégration transparente de nouveaux partenaires de vente au détail.

Client

Cembra Money Bank

Services

Prototypage, Wireflow, Wireframe, conception de prototypes, conception UX/UI, recherche utilisateur, connaissance du client.

Date

2023

L'approche

Approche fondée sur les données et les connaissances

Notre priorité était d’optimiser le parcours client et éliminer les points de frictions en utilisant les résultats de notre audit et des tests utilisateurs. Grâce à Figma, nous avons conçu des maquettes et un schéma de navigation pour visualiser l’expérience utilisateur optimale. Dans ce processus, nous avons notamment simplifié les écrans d’attente et redéfini les combinaisons de questions pour une meilleure ergonomie. Nous nous sommes également concentrés sur des adaptations de texte centrées sur le client pour rendre le flux plus facile à comprendre et plus engageant.

wireframes designed by ennostudio for migros bank showing a customer interaction
simulation fs a mobile phone audit made by ennostudio for cembra banking

Audit de conception

La boussole qui nous guide vers un processus d'onboarding réussi

Lors de l’audit, nous nous sommes concentrés sur la logique du parcours afin de garantir une navigation intuitive et une organisation cohérente et harmonieuse du contenu. Nous vérifions également que les utilisateurs sachent à quoi s’attendre ensuite pour qu’ils puissent naviguer en toute confiance, notamment lorsqu’ils sont orientés vers des services tiers.

Une attention particulière est accordée aux éléments d’interface utilisateur nécessaires pour guider les utilisateurs, tels que les CTA, les formulaires et les champs de saisie, ainsi qu’aux supports visuels comme les illustrations et les icônes. Notre objectif est d’aligner chaque interaction avec les schémas UX bien établis que les utilisateurs attendent, tout en garantissant une expérience confortable, notamment en ce qui concerne les normes d’accessibilité et d’utilisabilité.

Enfin, nous examinons le contenu et les messages pour s’assurer que le langage est clair, compréhensible et direct, tout en répondant également aux besoins des utilisateurs.

simulation fs a mobile phone audit made by ennostudio for cembra banking

Audit de conception

La boussole qui nous guide vers un processus d'onboarding réussi

Lors de l’audit, nous nous sommes concentrés sur la logique du parcours afin de garantir une navigation intuitive et une organisation cohérente et harmonieuse du contenu. Nous vérifions également que les utilisateurs sachent à quoi s’attendre ensuite pour qu’ils puissent naviguer en toute confiance, notamment lorsqu’ils sont orientés vers des services tiers.

Une attention particulière est accordée aux éléments d’interface utilisateur nécessaires pour guider les utilisateurs, tels que les CTA, les formulaires et les champs de saisie, ainsi qu’aux supports visuels comme les illustrations et les icônes. Notre objectif est d’aligner chaque interaction avec les schémas UX bien établis que les utilisateurs attendent, tout en garantissant une expérience confortable, notamment en ce qui concerne les normes d’accessibilité et d’utilisabilité.

Enfin, nous examinons le contenu et les messages pour s’assurer que le langage est clair, compréhensible et direct, tout en répondant également aux besoins des utilisateurs.

Processus créatif

Eliminer les points de friction et optimiser le wireflow

Notre priorité était d’optimiser le parcours client et éliminer les points de frictions en utilisant les résultats de notre audit et des tests utilisateurs. Grâce à Figma, nous avons conçu des maquettes et un schéma de navigation pour visualiser l’expérience utilisateur optimale. Dans ce processus, nous avons notamment simplifié les écrans d’attente et redéfini les combinaisons de questions pour une meilleure ergonomie. Nous nous sommes également concentrés sur des adaptations de texte centrées sur le client pour rendre le flux plus facile à comprendre et plus engageant.

Processus créatif

Eliminer les points de friction et optimiser le wireflow

Notre priorité était d’optimiser le parcours client et éliminer les points de frictions en utilisant les résultats de notre audit et des tests utilisateurs. Grâce à Figma, nous avons conçu des maquettes et un schéma de navigation pour visualiser l’expérience utilisateur optimale. Dans ce processus, nous avons notamment simplifié les écrans d’attente et redéfini les combinaisons de questions pour une meilleure ergonomie. Nous nous sommes également concentrés sur des adaptations de texte centrées sur le client pour rendre le flux plus facile à comprendre et plus engageant.

wireframes designed by ennostudio for migros bank showing a customer interaction

Stratégie Produit

Amélioration de l'expérience utilisateur et de l'interface

Sur la base du wireflow optimisé, nous nous sommes concentrés sur des améliorations concrètes de l’UX et de l’UI. Nous avons modifié la barre de progression pour une meilleure orientation et nous avons inclus des conseils interactifs sur les outils ainsi que des explications étape par étape pour l’assistance aux utilisateurs. Nous avons également introduit des illustrations et des icônes accrocheurs pour renforcer l’attrait visuel. De plus, notre équipe a rafraîchi le design de l’interface et mis en place des éléments de marque spécifiquement adaptés aux partenaires détaillants et s’intégrant de manière transparente dans la solution en marque blanche.

cembra product design navigation detail

Couleurs

#004d8c

#80b03a

#848484

#dddddd

#ffffff

Police

Vista Sans OT

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."

Connaissances

Augmenter les conversions grâce à une expérience Onboarding transparente

Nous avons créé un processus d’onboarding hautement optimisé, visuellement attrayant et centré sur l’utilisateur, qui a permis d’améliorer de manière significative les conversions et de réduire les taux d’abandon. En résolvant les problèmes d’UX et d’UI, nous avons créé un parcours fluide pour les clients, les guidant sans effort à travers chaque étape du processus.

cembra mockups designed by ennostudio for migros bank showing a customer interaction

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.