Racl'Eat
- Création numérique
maquette UX/UI · Figma · parcours utilisateur guidé · point de friction · point de satisfaction · zone de livraison · click & collect · identité visuelle · charte graphique · typographie · UX writing · voix de marque · call-to-action · hiérarchie visuelle · architecture de l’information · produit variable · produit additionnel · panier moyen · taux de conversion · mobile first · design d’interface · barre de progression · proposition de valeur
J’ai participé à la conception d’une maquette UX/UI mobile pour Racl’Eat, une enseigne fictive de restauration spécialisée dans la raclette à emporter ou livrée à domicile. Réalisé en groupe sur Figma, ce projet consistait à concevoir un site de commande en ligne complet en format mobile, centré sur un parcours utilisateur court et guidé, avec une identité visuelle forte et un UX writing soigné.
– Définition du concept et de l’identité de l’enseigne
La première étape a été de construire la proposition de valeur de Racl’Eat, commander une raclette de qualité en moins de 5 minutes, et de définir ses valeurs de marque : générosité, authenticité, convivialité. Ces choix ont orienté toutes les décisions d’identité visuelle : palette noir et or chaud, typographie expressive, visuels immersifs à l’ambiance montagnarde et feutrée.
– Cartographie du parcours utilisateur et gestion des points de friction
Nous avons soigneusement cartographié le parcours utilisateur en identifiant les points de friction et les points de satisfaction. Le principal point de friction, la zone de livraison, a été traité avec soin : un écran dédié redirige vers le click & collect si l’utilisateur est hors zone, sans frustration inutile. Les points de satisfaction ont été amplifiés : offre midi à -20%, mise en avant du best-seller, parcours fluide et rassurant.
– Architecture de l’information et structure des gammes
Nous avons structuré l’offre en trois gammes distinctes : Box Raclette composables, Sandwichs Fondants et Plats Réconfortants. Les produits additionnels, boissons et desserts, sont intégrés via des écrans suggestifs permettant d’augmenter le panier moyen sans alourdir l’expérience.
– Conception des écrans et UX Writing
L’ensemble des écrans a été conçu dans Figma en suivant les principes du parcours guidé : chaque action appelle clairement la suivante, les call-to-action sont distincts et engageants (« Allez hop, à table ! », « Miam, suivant ! », « C’est parti !!! »). L’UX writing a été travaillé pour donner à l’interface une voix de marquechaleureuse, complice et légèrement décalée, en parfaite cohérence avec le positionnement convivial de Racl’Eat. La barre de progression lors de la composition de la box rassure l’utilisateur sur l’avancement de sa commande et limite l’abandon.
– Posture réflexive
Ce projet m’a sensibilisée à l’importance de chaque micro-décision de design. Rendre une interface jolie ne suffit pas : il s’agit avant tout de résoudre des problèmes d’usage, d’anticiper les blocages et d’accompagner l’utilisateur sans le contraindre. La gestion du point de friction de la zone de livraison l’illustre parfaitement : bien placé et bien formulé, il devient presque transparent. L’UX writing m’a également révélé sa puissance comme outil de construction de la relation client : chaque mot porte la voix de la marque et influence directement le taux de conversion.
Ce projet m’a permis de maîtriser les méthodes et outils du design d’interface mobile, de la conception UX à la réalisation UI en passant par l’UX writing. Confrontée à un brief précis avec des contraintes fonctionnelles multiples, j’ai su travailler en équipe pour livrer une maquette complète, cohérente et aboutie. Ce projet démontre ma capacité à co-concevoir un produit numérique, à défendre des choix de parcours utilisateur argumentés et à produire une identité visuelle forte, adaptée à la cible et aux objectifs de conversion.
