UI/UX Designer

Préparer une recherche utilisateur, mener des entretiens sans orienter les réponses et transformer ce que vous avez entendu en constats exploitables.

Une jeune entreprise veut lancer un service de réservation en ligne pour les salons de coiffure, les couturiers et les réparateurs de téléphones d'Abidjan et de Lomé. Avant de dessiner quoi que ce soit, elle veut comprendre comment les clients et les artisans s'organisent aujourd'hui. Vous rédigez un plan de recherche : questions à éclaircir, profils à rencontrer, méthode et calendrier. Vous préparez un guide d'entretien, puis vous menez au moins cinq entretiens, en personne ou à distance, avec des clients et des artisans de votre entourage ou de votre cohorte. Vous analysez les entretiens en regroupant les observations par thèmes et vous rédigez une synthèse : habitudes actuelles, frustrations, contournements, moments clés. En soutenance, vous présentez les cinq constats qui vous semblent les plus importants pour la suite du produit.

Donner forme aux résultats de la recherche avec des personas fondés sur des faits, des cartes de parcours et des problèmes formulés avec précision.

À partir de votre synthèse de recherche, vous donnez un visage aux utilisateurs du futur service. Vous construisez trois personas, deux côté clients et un côté artisans, en vous appuyant uniquement sur ce que vous avez observé : objectifs, contexte d'usage, contraintes comme l'équipement ou la connexion, frustrations et motivations. Chaque affirmation doit pouvoir être reliée à un entretien. Vous dessinez ensuite la carte du parcours actuel d'un client qui cherche, réserve puis se rend à un rendez-vous, avec ses étapes, ses canaux, ses émotions et ses points de rupture. Vous en tirez quatre ou cinq problèmes formulés sous forme de questions, par exemple : comment aider un client à savoir si l'artisan est disponible sans l'appeler ? Vous priorisez ces problèmes avec votre mentor, qui joue le fondateur de l'entreprise.

Organiser les contenus et les fonctions du produit de façon compréhensible, puis dessiner les écrans clés en basse fidélité.

Vous passez des problèmes aux solutions. Vous listez les contenus et les fonctions nécessaires, puis vous organisez un tri de cartes avec au moins cinq participants pour comprendre comment ils regroupent naturellement ces éléments. À partir des résultats, vous proposez l'arborescence de l'application et les principaux parcours : trouver un artisan, réserver un créneau, annuler, et côté artisan, gérer son agenda. Vous dessinez ensuite dans Figma les wireframes des écrans clés en basse fidélité, en niveaux de gris, pour vous concentrer sur la structure et non sur l'esthétique. Vous reliez les écrans entre eux pour que le mentor puisse suivre chaque parcours. En soutenance, vous expliquez comment vos choix répondent aux problèmes priorisés au sprint précédent.

Définir une direction visuelle cohérente avec la marque et les utilisateurs, puis l'appliquer aux écrans clés avec une grille, une échelle typographique et une palette maîtrisées.

Le fondateur veut une application chaleureuse, qui inspire confiance et reste lisible en plein soleil sur un téléphone d'entrée de gamme. Vous proposez deux pistes visuelles sous forme de planches d'ambiance, puis vous en approfondissez une après discussion avec votre mentor. Vous définissez une grille pour le mobile et pour l'ordinateur, une échelle typographique, une palette avec ses contrastes vérifiés et une règle d'espacement. Vous appliquez cette direction à cinq écrans clés issus de vos wireframes, en haute fidélité. Vous soignez la hiérarchie de l'information, les états des boutons et des champs, et la cohérence d'un écran à l'autre. Chaque choix visuel doit pouvoir être justifié par un besoin des utilisateurs ou par l'image de la marque.

Transformer les écrans en un système réutilisable : variables, composants à variantes, règles d'usage et documentation que des développeurs peuvent suivre.

L'entreprise va recruter un deuxième designer et deux développeurs. Pour que le produit reste cohérent, vous construisez son design system dans Figma. Vous traduisez vos fondations visuelles en variables : couleurs, typographie, espacements, rayons, avec un mode clair et un mode sombre. Vous créez ensuite une bibliothèque de composants avec leurs variantes et leurs états : boutons, champs de formulaire, cartes d'artisan, créneaux horaires, barre de navigation, messages d'erreur. Vous documentez chaque composant : quand l'utiliser, quand ne pas l'utiliser, comportement et exemples. Vous reconstruisez enfin vos cinq écrans uniquement à partir de la bibliothèque, ce qui vous permet de repérer les manques. En soutenance, votre mentor vous demandera de créer un nouvel écran en direct avec vos composants.

Construire un prototype réaliste des parcours principaux, avec ses interactions et ses états, et préparer une transmission claire aux développeurs.

Avant de lancer le développement, le fondateur veut montrer le produit à des investisseurs et à des artisans pilotes. Vous construisez un prototype interactif. Dans Figma, vous prototypez les trois parcours principaux de bout en bout : rechercher un artisan et réserver, annuler ou déplacer un rendez-vous, et côté artisan, accepter une demande. Vous prévoyez les états qui rendent l'expérience crédible : chargement, liste vide, erreur de connexion, créneau qui vient d'être pris par quelqu'un d'autre. Vous utilisez les interactions et les animations avec mesure, pour aider à comprendre et non pour impressionner. Vous préparez ensuite la transmission aux développeurs : annotations, comportements attendus, cas limites et liens vers les composants. En soutenance, une personne extérieure au projet doit pouvoir réaliser une réservation dans le prototype sans aide.

Vérifier par des tests que le produit fonctionne pour ses utilisateurs, y compris ceux en situation de handicap, et l'améliorer en conséquence.

Votre prototype est prêt ; il reste à vérifier qu'il fonctionne vraiment. Vous préparez un protocole de test : objectifs, scénarios réalistes, profils des participants et indicateurs comme le taux de réussite, le temps passé et les hésitations. Vous menez au moins cinq tests modérés, puis vous classez les problèmes observés par gravité et par fréquence. En parallèle, vous réalisez un audit d'accessibilité des écrans selon les critères WCAG : contrastes, taille des zones tactiles, ordre de lecture, libellés des champs, messages d'erreur, compatibilité avec un lecteur d'écran. Vous corrigez le prototype et le design system en fonction des tests et de l'audit. En soutenance, vous montrez les écrans avant et après en expliquant chaque modification.

Mener la refonte d'un produit réel pour un besoin client issu d'une mission Formuloo, de la recherche aux maquettes prêtes pour le développement, puis passer la soutenance finale.

Pour ce dernier sprint, Formuloo vous confie **un besoin client réel issu d'une de ses missions** : la refonte d'un parcours existant dans un produit en service, par exemple des écrans de Formuloo School elle-même ou l'application d'un client. Vous commencez par cadrer la mission avec le responsable du produit et votre mentor : objectifs, utilisateurs, indicateurs de réussite et contraintes techniques. Vous analysez l'existant, vous menez une recherche courte auprès de vrais utilisateurs, puis vous concevez et testez la nouvelle version dans Figma, en vous appuyant sur le design system du produit ou en le faisant évoluer. Vous livrez des maquettes prêtes pour le développement et une étude de cas. Vous présentez votre refonte au responsable du produit, puis vous passez la soutenance finale devant un jury Formuloo, qui revient aussi sur votre portfolio.