Comment Jujotte a sculpté l'expérience et l'identité visuelle de Oneflash
En tant qu'UX designers, notre terrain de jeu ne s'arrête pas aux bordures nettes d'un écran de smartphone. Il s'infuse dans la réalité physique, parfois stressante, de l'utilisateur final. Comment concevoir un écosystème numérique de conversion quand l'utilisateur cible est dans l'urgence absolue, avec moins de 5 % de batterie restante?
Quand l’urgence devient un gage de pragmatisme
en design
Le point de départ ? Une urgence technologique : l'arrêt programmé du format App Instant par Google. Plutôt que de subir cette contrainte, Oneflash a choisi de s'associer à Jujotte pour prendre de la hauteur, rebâtir une base moderne solide et repenser intégralement l'accès à la recharge nomade à travers une toute nouvelle WebApp.Pas le temps de tergiverser, mais la nécessité de prendre des directions franches, guidées par les nombreux retours existants.
"On se posera des questions quand on aura du temps, là on a besoin de certitudes et d’efficacité"
.svg)
De panier moyen
La statistique de performance commerciale générée chez les commerçants équipés d'une borne Oneflash.
Pour rationalisés les parcours
Le périmètre applicatif de la web app entièrement harmonisé visuellement et fonctionnellement.
30 jours en 2 sprints
pour tout remettre à plat et mettre en ligne les différentes modifications aussi bien UX que UI.
Une prestation sous le signe de l’efficacité
Accompagner un nouvel usage, dans un temps record
Pour Oneflash, l'expérience utilisateur est indissociable du monde réel. L'utilisateur type de la solution est souvent anxieux, pressé et captif d'un environnement bruyant (un festival, une gare, un restaurant). Notre rôle a été de concevoir des parcours d'une clarté absolue pour éliminer toute friction cognitive. Louer une batterie externe dans une borne physique via une application web est un nouvel usage. L'utilisateur n'a pas de repères installés. Si l'on ajoute à cela le stress de la déconnexion imminente (le fameux voyant rouge des 5 %), la clarté de l'interface doit être absolue. L'UX ne doit pas simplement être fluide, elle doit être limpide.
L'onboarding immédiat (Zéro friction de téléchargement)
Le choix de la WebApp élimine la barrière du téléchargement sur les stores, un arbitrage salvateur quand la batterie est faible. Le parcours d'entrée a été nettoyé : le scan du QR code ouvre instantanément l'application. Une fois sur la plateforme, chaque nouvel écran remplit un rôle précis et conduit l'utilisateur, de la façon la plus fluide possible, jusqu’au déblocage de la batterie externe dans la borne.
💡 Erreur critique : Exiger une création de compte fastidieuse (formulaire, mot de passe, validation d'e-mail) à un utilisateur qui a 2 % de batterie. L'apport de l'UX a été de concevoir un onboarding sans friction, accessible instantanément sur n'importe quel smartphone et dans n'importe quel navigateur, éliminant le besoin de télécharger quoi que ce soit.
Rassurer grâce à une UI “à la hauteur”
Oneflash a choisi de jouer avec des couleurs acidulées qui, si on les manie avec imprudence, peuvent rapidement conduire vers des écrans rappelant les codes du "discount". L’enjeu pour ce nouvel acteur sur un marché émergent était de trouver la ligne de crête parfaite entre l’originalité/le dynamisme et la rassurance/la confiance. Une fois les éléments visuels forts reposés, nous avons cherché à pousser les curseurs au maximum pour rendre l’expérience la plus mémorable possible.
Homogénéiser le site avec la nouvelle app
Pour adresser les grands comptes de la distribution ou des réseaux de franchises (IKEA, Decathlon, la RATP ou Westfield), tout en arborant fièrement l’identité pensée pour le grand public, nous avons dû remettre à plat l’identité visuelle pour en extraire son essence. Nous avons par ailleurs repensé le site vitrine pour valoriser les chiffres qui marquent, les retours d'expérience (REX) qui parlent et les actions opérationnelles qui rassurent.
La psychologie du ROI : gamifier le closing commercial
Toujours dans une logique d’adressage B2B, la seule réassurance esthétique ne suffit pas. Il faut parler couramment la langue des affaires : le Retour sur Investissement (ROI).
Jujotte a conçu et intégré un Simulateur de ROI interactif directement dans le parcours de lecture du site:
• Le prospect renseigne simplement son volume de visiteurs quotidiens et son panier moyen.
• L'algorithme UX calcule instantanément le gain financier potentiel, basé sur les metrics réelles éprouvées de Oneflash : un taux de conversion moyen de 3 % du trafic et une augmentation mécanique de 23 % du volume des paniers d'achats des utilisateurs rechargés.
Cette fonctionnalité interactive transforme une simple démonstration produit en un argumentaire commercial implacable et chiffré, placé juste avant la prise de rendez-vous.
Les arbitrages de Jujotte : Ce que nous avons refusé
de faire
Le pragmatisme d’une agence Produit se mesure également à sa capacité à poser des limites claires pour sécuriser les plannings de livraison.
Non aux cinématiques 3D au scroll
L'équipe de Oneflash avait initialement imaginé une animation complexe où la batterie descendait au fil du scroll pour venir se brancher mécaniquement sur un smartphone. Un effet "Apple-style" superbe sur le papier, mais qui nécessite de compiler des centaines de frames ou des fichiers Lottie lourds.
Notre arbitrage UX : Nous avons opposé un refus pragmatique. Une WebApp de recharge s'ouvre dans l'urgence, souvent par un utilisateur à qui il reste 2 % de batterie. Charger des scripts lourds à ce moment précis est une erreur critique. Nous avons préféré une rotation 3D ultra-légère en Cell Shading et des micro-transitions SVG instantanées .
Le refus du catalogue multi-produits
Non à la multiplication des fiches produits : Le brief d'origine laissait la porte ouverte à la conception d'un catalogue présentant les différents modèles historiques de bornes Oneflash.
Notre arbitrage UX : Constatant que la stratégie commerciale de la startup pivotait vers l'arrêt des anciennes versions pour se concentrer exclusivement sur la borne robuste S24 (24 emplacements), nous avons refusé de concevoir un parcours de navigation multi-produits.
La clarification du message sur le site
Non au message 100 % grand public sur la Hero : La première structure du site mettait massivement en avant le triptyque "Scanner, charger, reposer", très orienté vers l'utilisateur final.
Notre arbitrage UX : Le site vitrine de Oneflash a un objectif unique : générer des leads auprès de directeurs de magasins, de franchises et de grands comptes (B2B).
Nous avons refusé de laisser le discours B2C cannibaliser la proposition de valeur commerciale.
Chaque écran a une raison d’être.
"Concevoir une WebApp dans un délai aussi court nous a plongés dans le même état d'esprit que l'utilisateur final : celui à qui il reste 2 % de batterie, qui n'a plus le temps de flâner et qui exige de l'efficacité immédiate."
Une expérience challengeante pour l’équipe
Dans cette course contre la montre, impossible de travailler en silos. Chaque choix doit être validé par l’équipe et par l’intégrateur. La transparence est aussi importante que la réactivité et l’agilité. L'expérience doit être globale. Pour Jujotte, cette urgence a été un formidable accélérateur d'empathie. Elle nous a forcés à éliminer tout le superflu et à rationaliser chaque composant de manière chirurgicale, pour mettre le design au seul service de la performance brute de l'usage.
