Bluecode

Bluecode est une application de paiement mobile pour les paiements basés sur un compte courant sans carte de crédit. Elle offre protection des données, sécurité et avantages tels que des réductions et du cashback. L’application convient aux utilisateurs* dans le commerce de détail, les stations-service ou les centres de loisirs, ainsi qu’aux commerçants en tant qu’alternative de paiement par carte peu coûteuse.

Le défi

Retour aux utilisateurs avec un nombre croissant de fonctions

Bluecode a beaucoup évolué au fil des ans et a continuellement élargi son éventail de fonctions. Cela a toutefois abouti à un produit complexe qui a perdu de sa convivialité.

Défi I – Optimisation de la fonction de paiement: Une intégration intuitive et conviviale de nouvelles options de paiement dans un écosystème existant avec des dépendances techniques ainsi que le défi de communiquer la valeur ajoutée et le fonctionnement des nouvelles méthodes de paiement de manière compréhensible pour les utilisateurs.

Défi II – Mise en œuvre d’un service au-delà du paiement: Bluecode souhaite convaincre ses utilisateurs* non seulement avec la fonction de paiement, mais aussi avec des services supplémentaires. Il était donc essentiel d’identifier le meilleur concept de « service au-delà du paiement » et de l’intégrer de manière transparente dans le processus de paiement existant.

Client

Bluecode

Services

Audit UX, Analyse Client, Conception UX/UI, Conception de produits

Date

2024

Lien vers le projet

Défi I・Optimisation de la fonction de paiement

Définition du problème sur la base d’une recherche exploratoire

Au début de la phase de découverte, nous avons analysé les groupes de discussion existants et les interviews des utilisateurs afin d’identifier les défis et les problèmes actuels de l’application Bluecode.

Lors de la session de cocréation qui a suivi, nous avons défini les défis et les exigences avec l’équipe produit de Bluecode. Nous avons ensuite esquissé les processus existants dans des diagrammes de flux et analysé les potentiels d’optimisation.

visual representation of working material being developed to conceptualize and define the app structure
the main function, the merchant search on a mobile screen as well as two other design alternatives , developed thorughout the course of the project

Défi I・Optimisation de la fonction de paiement

Idéation & Wireframing sur la base de la co-création

Sur la base des sessions de co-working, nous avons d’abord développé des wireframes qui ont été affinés en co-création avec l’équipe de conception de Bluecode. Dans les prototypes finaux, nous avons réduit la complexité et la charge cognitive en intégrant de manière intuitive différentes options de paiement. Nous avons également créé diverses possibilités d’interaction afin d’identifier l’option de paiement optimale.

Four mobile screens displaying variants of the payment function: the firs-one describing a wheel-like payment selection, the second and third one describe two variants for horizontal swiping, the forth one describes a wallet like payment option
a photo displaying all the parties being involved in the testing process, from test person, to researcher, to the seller simulating the interaction as well as two people documenting the process and simulating the cashier-interaction in real time

Défi I・Optimisation de la fonction de paiement

Feedback par le biais d'une recherche utilisateur basée sur le contexte

Pour obtenir un retour d’information basé sur une interaction authentique entre les utilisateurs et le prototype, nous avons misé sur des tests proches de la réalité :

Wizard-of-Oz-Testing : nous avons testé les nouveaux processus de paiement avec de vrais clients Bluecode à une caisse simulée afin d’analyser le comportement de paiement et les différents flux de manière réaliste.

Tests sous couverture : pour vérifier la compréhension des nouvelles fonctions par les caissiers, nous avons testé les prototypes dans des magasins réels et mis en évidence les obstacles potentiels et les zones d’ombre.

Le feed-back des tests a été intégré en continu dans le flux et les prototypes ont été affinés par des tests utilisateurs supplémentaires. Les designs révisés ont ensuite été intégrés dans l’application Bluecode.

Challenge II・Mise en œuvre d'un service au-delà du paiement

Définition & Priorisierung Services au-delà du paiement

Pour notre deuxième défi, nous avons effectué une analyse de la concurrence. Celle-ci nous a permis de comprendre quels services étaient déjà en circulation afin d’identifier et de définir des « services au-delà du paiement » potentiels.

Notre équipe de recherche d’utilisateurs a mené une enquête in-app auprès de 132 utilisateurs actuels de Bluecode afin de classer par ordre de priorité les principales fonctionnalités de « Service Beyond Payment » et d’affiner l’USP de Bluecode. L’enquête a fourni des informations précieuses sur les facteurs et les obstacles à l’utilisation et a permis d’établir une feuille de route pour le développement futur. Résultat : la carte de fidélité numérique permettant de collecter des points et des bonus était la plus attrayante pour les utilisateurs.

a screenshot of the suer research tool used to conduct the customer survey to get insights on customers loyalty expectations
a visual of three mobile screens of the designed loyalty flow, stacked on-top of each other

Challenge II・Mise en œuvre d'un service au-delà du paiement

Intégration transparente des cartes de fidélité numériques

Après avoir défini le concept de carte de fidélité numérique comme favori dans l’enquête auprès des utilisateurs, nous avons mené une analyse concurrentielle et un audit sur l’utilisation et l’intégration de cette fonctionnalité.

Le défi consistait à intégrer de manière transparente les cartes de fidélité et les interactions de passage en caisse dans le processus de paiement, afin que les utilisateurs de cartes de fidélité puissent facilement cumuler leurs points. Pour ce faire, nous avons créé des wireframes qui ont été transformés en prototypes interactifs.

Nous avons testé les nouvelles fonctions avec des utilisateurs actuels de cartes de fidélité numériques, comparé des designs alternatifs à l’aide de tests A/B et adapté le prototype final sur la base des réactions.

a foru-screen-step-flow for the payment process of users owning a loyalty card: the first screen automatically selects the right loyalty card, the second one let's the users manually select the right merchant card, the third one let's the users manually select the right payment method, the fourth one is a payment success screen with further options for the user

Couleurs

#004899

#1d6de4

#112953

#e0f265

#fbfbfb

Police

Outfit

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

Le développement UX/UI centré sur l’utilisateur comme facteur de réussite

Notre collaboration avec Bluecode était basée sur des tests utilisateurs continus. Chaque itération de conception a été validée par des utilisateurs, à l’aide de différentes méthodes et souvent avec plusieurs concepts par phase de test, afin de trouver la solution idéale. Grâce aux tests et aux enquêtes précoces, nous avons pu nous assurer que les solutions développées correspondaient toujours aux besoins réels des utilisateurs. En résumé, l’engagement de Bluecode en faveur d’une expérience réellement centrée sur l’utilisateur a marqué la collaboration et posé les bases d’une expérience validée par l’utilisateur.

an extract of two mobile screens from the app's payment user flow

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.