Apo Tech Care
Comment illustrer des thématiques qui tournent autour de l’application et du site web Apo Tech Care, qui traite de la migraine, de la recherche dans la santé et du fonctionnement de l’app.
Thème
Santé, Tech et Produit
Promotion de produit
Intro Vidéos
Rôle
Graphiste et Motion Designer
Missions
Vidéo Motion Design
Création d’une introduction vidéo
0. Contexte
Apo Tech Care est une startup en plein développement qui œuvre pour améliorer la vie des personnes atteintes de maladies chroniques, à l’origine pour la migraine – puis elle s’est développée vers d’autres pathologies comme l’alopécie ou la douleur de l’enfant non communicant. Afin d’aider ses patients, ATC prend la forme d’une application qui permet le référencement des symptômes et crises des patients afin de faciliter leur prise en charge par leurs soignants et de trouver des traitements adéquats à leurs besoins. Apo, le nom de la mascotte, est aussi un acronyme pour Assistant Personnel Obstiné. Car ce petit mochi est déterminé dans sa tâche : celle de soulager la charge mentale de ses patients.
Lorsque j’ai rejoint l’aventure, la problématique principale était de créer un support qui puisse expliquer simplement ce qu’est l’application et son but. Mon support de prédilection étant le motion design, quel autre moyen aurait été plus approprié pour donner vie à l’adorable mascotte mochi qu’est Apo ?
En premier lieu, abordons ces projets par ma mission principale : celle de la création de la vidéo motion de présentation de l’application. Puis je déclinerai mon propos par rapport aux illustrations réalisées pour le site web avec la question de l’inclusivité pour ensuite finir sur une note plus conceptuelle de représentation de symptômes et d’outils liés à la migraine.
1. Présenter l’application
Présenter son produit à son public : c’est probablement la priorité de toute entreprise développant ses services. C’était aussi le cas pour Apo. Dès mon arrivée, nous avons fixé le rétroplanning afin que cette mission soit menée à bien.
Tout d’abord, les questions du script et du story-board sont venues. Nous savions déjà où et comment serait diffusée la vidéo : d’abord sur les stores, avec format 16:9 principal et des déclinaisons verticales. Pour le reste, la diffusion de la vidéo 16:9 est priorisée. Au niveau temps, nous ne devions pas excéder 1m30 de vidéo. En parallèle de l’écriture, la question de la déclinaison de la charte graphique se pose aussi. Initialement développée à un usage principalement web et de développement web, elle n’abordait pas les points illustratifs et d’associations colorées : j’ai donc planché sur une proposition de mise en œuvre spécifique pour le motion.
En choix finaux pour l’écriture, le choix de présenter l’application par le spectre du patient, de son utilité et de son usage. Cette vidéo doit parler à la cible de l’application, leur montrer comment s’en servir et leur présenter les bénéfices de ces actions. Nous sommes partis du principe que si le message est compris par notre cible, alors il touchera ensuite les cibles secondaires : investisseurs, professionnels de santé.
Ensuite, il est venu le temps de l’animatique : avoir des premières images à présenter et donner un rythme. Découper l’audio et travailler les rythmes. La cible principale étant des personnes atteintes de migraines, il fallait éviter à tout prix que ce support puisse déclencher une crise. Un choix d’un rythme lent à modéré, d’images avec des contrastes modérés – assez présents pour garantir la lisibilité mais pas trop intenses pour l’œil – et modérer le flux d’informations.
Les échanges avec Céline se déroulaient principalement en visio : faire le point, visionner ensemble et faire des retours à chaud, puis le lendemain à froid par messages. Une fois l’animatique validée, le tunnel de création du motion a commencé. Ajuster la voix-off et les timings des animations, le rythme, les points-clés.
Afin de rendre le format final encore plus inclusif, le choix d’intégrer des sous-titres a été fait : d’une part en français pour les personnes ou les diffusions où le son serait amené à être altéré, voire absent – puis une autre en anglais : ATC a une vocation à être diffusé à l’international, il était donc essentiel que l’on ai une vidéo avec des sous-titres anglais.
2. Tous vulnérables face à la maladie : Inclusivité dans les visuels
Dans cette partie, je vais un peu plus m’attarder sur les questions de choix graphiques effectuées durant ce projet.
Dans la vidéo, tous les visuels s’appuient sur un principe de flat design ; peu de détails, des formes en aplats, lisibles et facilement identifiables. Au premier abord, cela peut sembler aller contre le principe d’empathie, de mettre l’humain d’abord. Il y a un point à noter, ces supports s’adresseront à des personnes qui sont malades et potentiellement très sensibles. Des stimulus trop saturés ou trop complexes peuvent leur déclencher des crises ou les aggraver.
Donc, je me suis aussi appuyée sur l’empathie dégagée par Apo afin de le rapprocher un peu plus du patient et d’apporter cette empathie. Tout le jeu se basera sur ses expressions, la mascotte étant simplement parée de gros yeux et d’une bouche. On peut aussi lui attribuer des accessoires pour lui donner un air « comme les humains », avec une blouse, une loupe…
Côté site, le souhait était d’avoir des images minimalistes avec un sens précis. J’ai donc usé de codes très simples, avec un système de lignes et de points pour symboliser la donnée. Tout est simplifié afin d’aller à l’essentiel. Le choix d’arrondir les angles est là pour casser le côté très strict des formes basiques et donner un côté organique aux illustrations. Le système d’ATC est voulu pour être vivant et en évolution constante, tout comme les données.
Puis il y aura aussi des icônes plus travaillées, comme des bulles de notification, des calendriers, des instruments de statistiques… Le tout complété par une palette colorée composée majoritairement de bleus désaturés et de quelques pointes de rouge et d’orange, pour mettre en évidence des éléments importants. Cet ensemble ramène à des sémantiques types des interfaces de téléphones. Le but d’user de codes connus de tous est de pouvoir communiquer à n’importe qui, sans se soucier de la barrière de la langue – Apo ayant une volonté d’être à l’international. Chaque culture étant différente, une sur-présence de symboles peut fausser les interprétations.
3. Donner de la tangibilité à des concepts abstraits
Enfin, un petit défi m’a été lancé : celui de rendre compte dans un temps de motion court, de 30 secondes, d’un symptôme de la migraine mais aussi d’un sentiment patient : celui d’être dans le flou, dans une sorte de brouillard. Autant sur la question de la maladie, quand une migraine oculaire vous prend, la vision peut en être troublée – que sur la question des parcours de soins et de complexité administrative, qui décourage et perd les patients.
La question du « flou » a été très intéressante à traiter : recherchons-nous vraiment l’idée d’un flou visuel à illustrer ou est-ce autre chose ? Après réflexion, la question trouvait une réponse toute autre : outre l’effet du symptôme, le sentiment du patient était un peu différent. La question de la charge mentale se matérialise par la sur-abondance d’informations. En effet, il existe beaucoup de dispositifs de diagnostic, de suivi et de soins pour traiter la migraine. Là où certains outils ont des fonctions bien distinctes, d’autres sont plus proches en termes d’usages – ou alors plus complexes à saisir.
Le but du projet dans lequel s’inscrit ce motion était la création d’une mini websérie, avec pour objectif d’éclairer les patients sur certaines procédures, outils ou d’autres évènements liés à la migraine. Le tout, expliqué par des experts dans leurs domaines. C’est ainsi que le concept de l’introduction vidéo trouva sa place, en illustrant la charge mentale importante et en venant la clarifier grâce à l’apparition d’un professionnel de santé.
Des images valent mieux que des mots, je vous laisse avec l’aperçu visuel de ce petit défi !
4. Finalités
Comment on envisage ses visuels quand ils s’adressent à des personnes atteintes de pathologie ? L’important est avant tout d’effectuer un petit diagnostic utilisateur : quels sont ses déclencheurs ? Comment se manifeste sa pathologie ? Qu’est-ce qui l’empêche de vivre correctement ? Comprendre sa cible est primordial pour bien réaliser ce travail. On a fait le choix d’une vidéo motion avec des rythmes posés, en ayant l’équilibre entre un dynamisme assez présent pour continuer à visionner et aussi assez lent pour laisser le temps à l’information de s’assimiler, sans déclencher de crise.
Avec un peu de recul sur ce projet, je modifierai un peu mon approche, notamment dans la représentation des humains en me laisser le temps et la place d’une réelle expérimentation graphique. Ne pas laisser la technique me brider dans mes méthodes dans un premier temps – car par la suite, cette contrainte rentrera en compte pour le final. De plus, si j’en avais eu les moyens, prendre le temps de contacter ou de sonder plus de personnes atteintes par la pathologie afin de mieux comprendre « l’essence » de la migraine – notamment sur des questions d’émotions et de ressentis.
Finalement, Apo a été une véritable porte d’entrée pour moi vers le milieu de la santé, un secteur entier se présentait à moi dans sa découverte, sa compréhension – son exploration au final. J’ai aussi été amenée à expérimenter un fonctionnement totalement en distanciel : l’écosystème, les modes de communication, la manière de travailler et des méthodes de suivi. Ce fut aussi ma première fois où je travaillais uniquement avec des personnes externes à mon domaine d’expertise. Ainsi, j’ai pris le temps d’expliquer mes méthodes, de trouver des moyens de fonctionner et de communiquer sur ces projets autrement. Ce fut une expérience professionnelle et humaine extrêmement enrichissante, à laquelle je repense encore avec le sourire.
Retour à la page précédente