Scanner Pro est présent sur l'App Store depuis 2009, assez longtemps pour passer d'une simple app de numérisation à un outil professionnel très complet, avec plus de fonctionnalités que la plupart des utilisateurs n'en exploreront jamais. Cette maturité est une force, mais l'équipe voulait s'assurer que cet outil professionnel sérieux reste accueillant et humain.

La récente refonte globale de Scanner Pro avait pour mission de combler cet écart. 

L'une de ses décisions les plus discrètes s'est révélée l'une des plus visibles : Scanny, un petit cube bleu fait de lumière, qui vit désormais dans l'univers de Scanner Pro. 

Nous avons parlé avec Halyna Voloshanenko, responsable du design chez Readdle, de la naissance de Scanny.

Créer un lien avec les utilisateurs

L'idée de Scanny a grandi naturellement avec la refonte. « L'objectif principal était d'accroître la notoriété de la marque et de renforcer le lien émotionnel avec l'utilisateur pendant la refonte globale », explique Halyna Voloshanenko. « Nous voulions renouveler notre façon de communiquer avec nos utilisateurs. Avec une mascotte, il est beaucoup plus facile de faire passer des messages marketing et d'attirer un nouveau public. »

L'ancienneté de Scanner Pro rendait le défi encore plus grand. 

Près de vingt ans après son lancement, l'app est allée bien au-delà de la simple numérisation pour devenir un outil professionnel riche en fonctionnalités : puissant, mais pas toujours facile à apprivoiser. « Nous voulions rendre ce produit professionnel complexe plus facile à appréhender, plus émotionnel et plus humain », explique-t-elle. « C'est ce désir qui a lancé à la fois la refonte et la recherche d'un moyen d'apporter de l'émotion à l'app. Nous avons compris qu'une mascotte pouvait nous y aider. Elle ne réinvente pas le produit, mais le rend beaucoup plus accueillant. »

Telle que l'équipe l'a définie, la mission était précise : rendre l'interface plus facile à prendre en main, et faire de chaque nouvelle version une visite guidée plutôt qu'une simple liste de changements.

La naissance de Scanny

Scanny n'est pas né du jour au lendemain. « Au total, nous avons créé quatre concepts complets », raconte Halyna Voloshanenko. « Nous avons choisi le quatrième, car c'est celui qui traduisait le mieux l'essence de notre technologie sans attirer inutilement l'attention. Cette direction correspondait parfaitement au produit : épurée, moderne et minimaliste. »

Avant même d'imaginer ces concepts, l'équipe a regardé ce qui se faisait ailleurs. « Nous avons étudié le marché : la chouette de Duolingo, le chat de Monobank, les personnages de Headspace et de Gentle Streak », précise-t-elle. L'objectif était de comprendre les différents rôles qu'une mascotte peut jouer avant de choisir celui qui convenait à Scanner Pro. « Nous voulions analyser précisément où une mascotte est utilisée, quel rôle elle joue dans le produit et dans quels canaux de communication elle apparaît. 

Dans beaucoup de ces apps, toute l'identité de marque est construite autour du personnage. Nous, au contraire, cherchions notre propre équilibre : une mascotte qui joue un rôle secondaire et vient compléter, en toute discrétion, l'interface sérieuse de notre outil. »

Qui est vraiment Scanny ?

Demandez à Halyna Voloshanenko de décrire Scanny en quelques mots, et elle privilégie le calme plutôt que le mignon : « Scanny, c'est le calme, la fiabilité, la modernité et un accompagnement tout en douceur. » Chaque choix visuel devait être attrayant et incarner l'une de ces qualités.

La forme de cube arrondi a été choisie pour son côté accessible. « Pour rendre une technologie austère plus humaine, nous avons choisi une forme minimaliste, mais sans angles vifs », explique-t-elle. « Ces arrondis tout doux transforment un simple cube en assistant accueillant et serviable, et rappellent aussi la forme des icônes de l'écran d'accueil de l'iPhone. » Le bleu profond, lui, fait l'inverse : il ancre Scanny dans l'univers d'un outil sérieux. « Pour conserver l'esprit d'un outil professionnel sérieux, nous avons opté pour un bleu profond. C'est le prolongement direct de notre style visuel, qui vise à inspirer confiance. »

Le seul vrai moyen d'expression de Scanny, c'est la lumière. « Son principal outil d'interaction est un faisceau lumineux », explique Halyna Voloshanenko. « D'un côté, c'est une métaphore directe et claire du processus de numérisation. De l'autre, cette douce lueur est sa façon de montrer qu'il prend soin de vous : elle vous dit visuellement qu'il veille sur vos documents et vous facilite le quotidien. »

Même son histoire est liée au produit. « La numérisation et l'amélioration d'une image se font étape par étape, pixel par pixel », explique-t-elle. « C'est pourquoi Scanny était à l'origine un simple pixel plat, qui a pris vie pour se transformer en cube dynamique en volume. »

Ce que l'équipe a écarté comptait autant que ce qu'elle a gardé. 

Le public de Scanner Pro se compose surtout de professionnels adultes de 30 ans et plus, ce qui a défini les garde-fous dès le départ. « Nous avons voulu éviter tout ce qui est trop enfantin, trop cartoon ou trop expressif », explique Halyna Voloshanenko. « Pour ne pas transformer le travail sur des documents en divertissement et préserver la confiance dans un outil sérieux, nous avons renoncé à l'anthropomorphisme classique : pas de bras, pas de jambes, pas d'expressions faciales complexes. »

D'un brainstorming Crazy 8s à Figma et Rive 

Le chemin jusqu'au cube final s'est fait en trois étapes. 

D'abord, la recherche : repérer où les concurrents utilisaient des mascottes et à quels points de contact de Scanner Pro une mascotte pourrait trouver sa place. C'est ce qui a fixé les contraintes techniques et les critères de la suite. 

Ensuite, le brainstorming : l'équipe a rassemblé ses propres associations autour de la numérisation, organisé une session Crazy 8s pour générer rapidement des idées, puis évalué les résultats selon des critères comme le lien avec la marque, l'adéquation à l'interface, le potentiel d'animation et l'adaptabilité aux campagnes. Trois pistes ont passé ce filtre.

La dernière étape revenait à l'équipe design. 

« Anya, notre designer marketing, a fait un travail remarquable », se souvient Halyna Voloshanenko. « Elle a pris chacune des trois pistes retenues, en a tiré un concept et l'a présenté à l'équipe. 

Pendant les présentations, nous avons discuté ensemble de chaque option en passant en revue tous les avantages et les inconvénients. » Plutôt qu'un gagnant évident, le quatrième concept est né du meilleur des trois. « Il n'y a pas eu de virage brutal, plutôt une évolution », précise-t-elle. « Après avoir travaillé sur les trois premiers concepts, nous avons réalisé qu'aucun n'était parfait à lui seul. Nous avons donc simplement réuni les meilleures solutions des trois itérations. »

Selon elle, la décision la plus difficile ne portait pas tant sur le choix du concept que sur le niveau de détail à donner à Scanny. « Nous cherchions un équilibre subtil : créer la forme la plus simple possible, facile à animer et qui ne surcharge pas une interface sérieuse, mais qui ait tout de même du caractère et ne paraisse pas ennuyeuse. »

Les premiers croquis ont été faits à la main pendant la session Crazy 8s, mais tout le reste s'est fait dans Figma, avec Procreate pour les explorations rapides. 

La contrainte la plus forte est apparue avec l'arrivée de l'équipe motion : Scanny est conçu pour devenir à terme une animation Rive interactive dans l'app et sur le site, et Rive peut afficher des effets, comme des dégradés et des lueurs complexes, qui ne se transposent pas toujours fidèlement depuis une maquette Figma. « La contrainte principale était de n'utiliser dans Figma que des effets et des solutions visuelles que le motion designer pourrait reproduire à 100 % lors de l'animation, pour que le personnage soit identique partout », explique Halyna Voloshanenko. 

Il a donc fallu tester et ajuster des détails comme la lueur du faisceau et les transitions douces de la forme, pour qu'ils restent cohérents partout, y compris en mode clair et en mode sombre.

Un vrai projet transversal

Scanny n'est pas l'œuvre de la seule équipe design. « Nous avions une équipe transversale : le head of product, des product managers, des product designers et moi-même en tant que responsable du design », explique Halyna Voloshanenko. « Nous avons aussi fait appel aux designers créatifs de l'entreprise et à un consultant indépendant pour bénéficier d'un regard extérieur neuf. »

Malgré le nombre de personnes impliquées, le processus s'est déroulé sans heurts. « Il n'y a pas eu de désaccords sérieux ni de débats houleux », note-t-elle. « Comme nous avions clairement fixé les contraintes et choisi les métaphores dès le départ, toute l'équipe partageait la même vision. Les retours internes nous ont surtout aidés à peaufiner les détails, pas à changer de cap. »

Avant de finaliser la palette d'émotions de Scanny, l'équipe l'a confronté à de vrais utilisateurs, sur de vraies captures d'écran App Store et des visuels marketing. « Nous avons testé la mascotte sur des captures d'écran App Store et des créations marketing », explique Halyna Voloshanenko. « Les résultats ont été positifs et ont confirmé notre hypothèse. Ce n'est qu'après que nous sommes passés à la finalisation de ses émotions et de ses états supplémentaires. »

Son nom, et là où il apparaît en premier

Le nom est presque trop simple pour qu'on s'y attarde. « Le nom Scanny vient du mot scan, mais il sonne doux et sympathique, ce qui souligne son rôle d'assistant accueillant », explique Halyna Voloshanenko.

En interne, l'accueil a été enthousiaste. « L'équipe est ravie », confie-t-elle. « Scanny met parfaitement en valeur notre nouvelle vision et notre nouvelle interface. Il apporte un bel équilibre au produit : Scanner Pro reste un outil professionnel, mais il paraît désormais beaucoup plus accueillant et humain. »

Readdle le déploie progressivement, un emplacement après l'autre. « Nous avons opté pour un déploiement progressif afin de ne pas submerger les utilisateurs pendant la refonte », explique Halyna Voloshanenko. Scanny apparaîtra d'abord sur le site de Scanner Pro et dans les captures d'écran de l'App Store, puis dans l'app elle-même, en commençant par les écrans d'abonnement. L'équipe garde encore quelques surprises : « Nous ne dévoilons pas encore tous les détails, car nous voulons surprendre agréablement nos utilisateurs. »

Avec le recul, Halyna Voloshanenko est surtout fière de ce que l'équipe a choisi de ne pas faire. « Ce dont je suis le plus fière, c'est que nous n'avons pas suivi la voie des mascottes classiques avec un visage et des expressions, et que nous avons réussi à exprimer un caractère uniquement par la forme épurée d'un cube 3D et le mouvement de la lumière », explique-t-elle. « Scanny est exactement tel que nous l'avions imaginé : subtil. Il ne détourne pas l'attention du travail sur les documents, il complète l'interface de façon très naturelle. »

Si elle pouvait refaire une chose, ce ne serait pas une décision de design. « Je conseillerais sans doute à mon moi du passé de multiplier son estimation de temps initiale par trois, au minimum », confie-t-elle. « Au début, créer un personnage semblait assez simple, quelque chose qu'on boucle facilement. Mais, comme souvent en design, faire quelque chose de vraiment simple et compréhensible est le plus difficile. »

Ce qu'elle espère que les gens ressentiront est, au fond, tout aussi simple. « J'espère que lorsque les utilisateurs verront Scanny dans l'app, dans les publicités ou sur le site, ils reconnaîtront en lui la technologie de numérisation elle-même : intelligente, rapide et facile à comprendre », confie-t-elle. « Nous voulons que les mouvements fluides de la mascotte et sa douce lueur rendent l'utilisation de l'app plus vivante quand on travaille sur des documents. »

Scanny est déjà en ligne sur le site de Scanner Pro et dans ses captures d'écran App Store, et il arrivera bientôt dans l'app. Ouvrez l'œil : il est en route.