Et Fier de l’Être — E-commerce textile (PrestaShop)

UI e-commerce : home, liste, fiche produit

Boutique e-commerce mettant à l’honneur les gentilés des villes françaises (textile personnalisé). Rôle : UI Designer en stage chez Phototendance (3 mois), en binôme avec un développeur. Périmètre : home, PLP, PDP, panier, tunnel d’achat, design system léger et handoffvers PrestaShop.

Client

Phototendance

Services

UI Design Wireframes & Zoning Design System (léger) Prototypage (Adobe XD) Handoff développeur (PrestaShop) Benchmark e-commerce

Industries

E-commerce · Textile · Personnalisation

Date

Septembre 2020 – Novembre 2020

Et Fier de l’Être — fiche produit : visuel, options
Et Fier de l’Être — fiche produit : visuel, options
Et Fier de l’Être — fiche produit : visuel, options

Contexte — boutique textile avec personnalisation par ville/gentilé. Problème — parcours standard PrestaShop peu adapté à la personnalisation (variantes/attrib., lisibilité des options). Objectifs — rendre l’exploration simple (ville → produit), clarifier la fiche produit et sécuriser le tunnel d’achat. Rôle & livrables — wireframes → maquettes (Adobe XD) → design system léger (couleurs, composants, états) → handoff dev.

Et Fier de l’Être — page d’accueil : proposition de valeur, catégories et entrées vers les villes/gentilés.
Et Fier de l’Être — page d’accueil : proposition de valeur, catégories et entrées vers les villes/gentilés.
Et Fier de l’Être — page d’accueil : proposition de valeur, catégories et entrées vers les villes/gentilés.
Et Fier de l’Être — liste produits : filtres par ville/gentilé, tri et cartes produit lisibles.
Et Fier de l’Être — liste produits : filtres par ville/gentilé, tri et cartes produit lisibles.
Et Fier de l’Être — liste produits : filtres par ville/gentilé, tri et cartes produit lisibles.
Et Fier de l’Être — filtres.
Et Fier de l’Être — filtres.
Et Fier de l’Être — filtres.

🎯 Résultats • Parcours clarifié (PLP → PDP → Checkout) ; informations clés visibles au bon moment (prix, tailles, délais, retours). • Design system léger → composants réutilisables et handoff développeur plus fluide sur PrestaShop. 🧠 Ce que j’ai appris Adapter l’UI aux contraintes d’un CMS e-commerce, prioriser la lisibilité en fiche produit, documenter des composants et collaborer efficacement avec un développeur en contexte réel.

Chaque collaboration commence par une bonne discussion. N’hésitez pas à me contacter pour échanger sur vos besoins et vos idées.

Chaque collaboration commence par une bonne discussion. N’hésitez pas à me contacter pour échanger sur vos besoins et vos idées.

Chaque collaboration commence par une bonne discussion. N’hésitez pas à me contacter pour échanger sur vos besoins et vos idées.

Create a free website with Framer, the website builder loved by startups, designers and agencies.