Un vrai projet, dont cette version n’a finalement pas été retenue par le client. Mais tout le parcours, des wireframes aux maquettes, est là.
Le besoin : « Besoin d’objets à votre image ? »
Apparelo personnalise des vêtements et des objets : t-shirts, sweats, mugs, stylos, casquettes… au logo d’une entreprise, d’une asso, d’une école ou d’un événement.
Le défi : ces clients ne commandent pas comme sur une boutique en ligne classique. Ils veulent 250 t-shirts, 100 mugs, des masques pour une soirée d’intégration ou un salon, avec leur logo, et ils ont besoin d’un devis, pas d’un panier avec paiement immédiat.
Penser le parcours avant l’écran
J’ai commencé par un parcours utilisateur rapide, puis par des wireframes de chaque section, numérotées par priorité :
- l’accueil, avec l’en-tête et le pied de page communs ;
- le contact et le devis express ;
- l’À propos ;
- le devis complet ;
- la boutique (textiles, objets, idées packs) ;
- l’espace administrateur.
Un devis plutôt qu’un panier
Le cœur du projet, c’est le parcours de devis :
- Le devis express, accessible depuis toutes les pages par un bouton dans le menu : quelques mots sur son projet, et c’est parti.
- Le devis complet : on parcourt le catalogue, on ajoute ses articles avec leurs quantités, puis on retrouve un récapitulatif clair avant d’envoyer sa demande, logo à l’appui.
Un catalogue qui parle à tout le monde
La boutique se parcourt en trois entrées : Textiles, Objets et Idées packs. Chaque produit est représenté par un pictogramme au trait, dans une carte aux coins arrondis : simple, homogène, et lisible même quand on n’a pas encore de photos produits.
Les idées packs sont la petite trouvaille du projet : des sélections prêtes à l’emploi selon l’occasion. Start-up, week-end d’intégration, diplômes, festival, sport, éco-responsable… On choisit son contexte, et le pack propose les bons articles.
Et derrière, l’admin
Côté Apparelo, un espace administrateur liste toutes les demandes de devis (date, numéro, organisme, contact) et ouvre le détail de chacune dans une fenêtre : qui demande, pour quel organisme, quels articles, en quelles quantités.
L’identité
Un logo en forme de « A » pointu, comme une flèche ou un col, une palette sobre (blanc, gris chaud, et un vert d’eau pour les actions), de grandes photos d’ambiance (textiles pliés, cintres, cartons) et un bandeau de logos clients pour rassurer : « Ils nous font confiance ! ».
Et alors ?
Cette version n’a pas été retenue, mais elle montre ce que j’aime dans l’UX : partir de la façon dont les gens achètent vraiment, ici par devis et par quantités, plutôt que de plaquer un modèle de boutique tout fait.