Portfolio Product UI · e-commerce

Bienvenue, voici mon travail.

Je cherche à rejoindre une équipe sérieuse sur des sujets Product Design, UI et e-commerce, avec un profil très terrain : interface, intégration front-end, logique métier, optimisation et compréhension des contraintes réelles.

FigmaProduct UIDesign systemWordPressWooCommerceMagento 2HTML/CSS/JSPHPPhotoshopPremiere ProIllustratorClickUpChatGPT assistant code FigmaProduct UIDesign systemWordPressWooCommerceMagento 2HTML/CSS/JSPHPPhotoshopPremiere ProIllustratorClickUpChatGPT assistant code

Projets par terrain d’intervention.

Je classe les projets par nature de problème : Product UI & e-commerce, front-end, gestion de site existant, visualisation produit et production graphique. L’objectif est de montrer une capacité d’exécution crédible, pas un faux discours UX hors-sol.

Projet principal · WordPress / WooCommerce

DarkPads

Refonte complète pour reprendre la main sur un site contraint par Magento : fusion du site public et du site pro, parcours B2B/B2C, traduction FR/EN, design system, WooCommerce, plugins sur mesure et interface pensée pour être maintenable en interne.

WooCommerce B2B/B2C HT/TTC SEO Design system
Mockup DarkPads desktop et mobile

Ce que DarkPads devait régler.

Le sujet n’était pas juste esthétique. Il fallait récupérer de la souveraineté, simplifier la gestion interne et créer une base duplicable pour faire évoluer la boutique sans dépendre d’une agence à chaque modification.

Prix HT/TTC dynamiqueAfficher la bonne information selon le type de client sans complexifier l’interface.
Logique B2B/B2CFusionner l’expérience pro et particulier avec une connexion plus simple.
Choix produit plus lisibleRendre tailles, variantes et options compréhensibles avant l’ajout au panier.
Back-office plus exploitableCréer une structure transmissible, modifiable et utilisable par l’équipe.

Magento contraint vs WordPress maîtrisé.

Le passage à WordPress ne sert pas à “faire plus simple” par principe. Il répond à un blocage concret : reprendre la main sur la structure, le design, les paiements, les contenus, le SEO et les évolutions futures.

Magento verrouillé

Dépendance agence pour modifier la structure.
Design modifié via surcharges CSS plutôt qu’en profondeur.
Nouveaux plugins de paiement compliqués ou coûteux.
Mises à jour sensibles, outils vieillissants, bugs récurrents.

WordPress en gestion interne

Main directe sur la structure, les contenus et l’interface.
Outils modernes, paiements mieux intégrés et évolutions rapides.
Navigation plus fluide et expérience client plus claire.
Base duplicable et transmissible aux collègues.

Avant / après comme preuve visuelle.

À gauche : l’ancien environnement et ses limites. À droite : la nouvelle direction, plus immersive, plus premium et plus exploitable.

Ancien site DarkPads
Nouvelle direction DarkPads
Magento 2 · site à fort volume

Makadamm

Makadamm est une marque française majeure dans la roue artisanale haut de gamme. Le site repose sur Magento 2 et un configurateur produit interactif conséquent : environ 70 modèles configurables, chacun avec ses options spécifiques.

ContexteBack-office Magento développé par une agence externe.
Mon rôleAdministration du site, identification et correction de bugs, ajout/modification de produits, suivi de stabilité du configurateur.
EnjeuMaintenir une plateforme e-commerce à impact, avec un vrai poids business, malgré des contraintes techniques fortes.
Image à préparer : configurateur Makadamm, fiche produit ou capture back-office anonymisée
Première refonte WordPress

VNoise

Le site VNoise était sous Magento, avec des limites de stabilité et de fonctionnalités. J’ai proposé de récupérer le nom de domaine, fermer l’accès Magento et reconstruire le site sur WordPress. C’était mon premier site complet : template maison, personnalisation Elementor et quelques lignes de code additionnel.

La direction graphique venait de mon employeur ; mon travail a surtout porté sur l’exécution, la structure, la mise en ligne et la reprise de visibilité. Le site tourne encore, même s’il n’est pas exploité à son plein potentiel en interne.

Mockup VNoise desktop et mobile
WordPress · besoin métier

The Temple

Site basé sur un thème existant, enrichi avec des modules utiles : planning, filtres, tarifs/formules et simplification de l’accès aux informations pour les élèves et les familles.

Planning filtrable Tarifs Responsive WordPress
Image à préparer : planning desktop/mobile, module tarifs, administration
Photo portrait à remplacer
Solène Product UI · e-commerce · front-end
Parcours & évolution

Un parcours construit sur le terrain.

Je n’ai pas commencé dans un studio produit ou une startup tech. J’ai appris progressivement en travaillant sur des besoins réels : communication, print, vidéo, e-commerce, intégration front-end et logique produit.

2018

Cinambule · service civique

Première immersion créative : Photoshop, Premiere Pro, communication visuelle et premiers réflexes de production graphique.

Suite

Diamantin · univers Makadamm

Montée en compétence dans le même environnement : Makadamm, VNoise et DarkPads. Production graphique, print, web, e-commerce et contraintes produit au quotidien.

Aujourd’hui

Évolution vers l’interface produit

Magento 2, WooCommerce, UI produit, intégration front-end, logique métier, optimisation et expérience utilisateur appliquée à des boutiques actives.