01
Structure
Architecture, organisation des contenus, back-office et coordination.
Projets & études de cas
Concevoir,reprendre,faire évoluer.
Des sites e-commerce aux outils internes, je pars d’un besoin réel : rendre l’interface plus claire, le travail plus simple et la solution plus durable.
Explorer
Filtrer par thématique
4 sélections affichées
Tous les projets
Quatre disciplines, un même fil conducteur.
Chaque bloc ouvre une sélection complète et montre une manière différente de relier design, technique et usage.
01
Sites & E‑commerce
Concevoir, migrer et faire évoluer des sites utiles, pensés pour l’achat et l’autonomie.
02
Gestion de plateforme
Administrer un écosystème Magento, son catalogue et son configurateur dans la durée.
03
Solutions sur mesure
Transformer des règles métier en plugins et interfaces simples à administrer.
04
Lab & prototypage
Explorer la 3D, l’outillage et le prototypage pour comprendre un produit autrement.Sites & E‑commerce
Concevoir des sites utiles avant de chercher l’effet.
Trois projets, trois niveaux d’intervention : une refonte complète, une migration et un site vitrine pensé pour l’autonomie.
01 — Site e-commerce
DarkPads
Reprendre en interne une plateforme devenue trop dépendante de son agence et construire une base B2B/B2C durable.
Contexte
Passer d’un site verrouillé à un outil maîtrisé.
DarkPads est une marque française de systèmes de freinage — plaquettes, patins et disques de frein — pour amateurs et professionnels du vélo. Le site Magento était difficile à faire évoluer et entretenait une forte dépendance à l’agence.
J’ai proposé une refonte complète sous WordPress et WooCommerce afin de réunir DarkPads et DarkPads Pro, simplifier l’administration et redonner de l’autonomie à l’équipe.
Mon rôle
Carte blanche sur toute la chaîne.
Du cadrage à la maintenance, j’ai piloté le projet et ses choix structurants.
02
Expérience
UI, parcours d’achat, responsive, traduction et design system.
03
Développement
Front-end, thème, plugins, PHP, JavaScript, CSS et WooCommerce.
04
Performance
SEO, optimisation et préparation des évolutions futures.
Objectifs
Une plateforme unique, claire et évolutive.
Réunir les deux activités avec des parcours et des rôles adaptés.
Réduire les frictions pour les particuliers et les professionnels.
FR et EN, puis ES, DE et IT sans reconstruire la structure.
Faciliter les modifications et limiter le recours à une agence.
Méthode
Les grandes étapes du projet.
-
01
Audit
Identifier les blocages Magento, les dépendances et les besoins des équipes.
-
02
Architecture
Réunir les parcours B2C et B2B dans une base WordPress maintenable.
-
03
Design system
Définir les composants, les règles d’interface et le comportement responsive.
-
04
Développement
Construire le thème, configurer WooCommerce et intégrer la logique métier.
-
05
Optimisation
Préparer le SEO, les langues, les performances et les évolutions futures.
Problèmes & réponses
Des réponses directement liées aux limites observées.
Pilotage
Limite avant : Modifications dépendantes de l’agence et délais de communication.
Amélioration après : Projet repris en interne, documenté et modifiable rapidement.
Architecture
Limite avant : DarkPads et DarkPads Pro séparés, avec des parcours difficiles à maintenir.
Amélioration après : B2C et B2B réunis sur une base unique avec des rôles adaptés.
Expérience
Limite avant : Connexion, paiement et navigation peu fluides, surtout sur mobile.
Amélioration après : Parcours simplifiés, interface responsive et composants cohérents.
Évolutivité
Limite avant : Plugins limités, développements longs et évolutions coûteuses.
Amélioration après : Socle WooCommerce prêt pour cinq langues et de nouvelles fonctionnalités.
Avant / après
Même marque, changement complet de maîtrise et d’expérience.
Les captures sont présentées dans un cadre identique pour rendre la comparaison immédiate.
Avant
Magento
Une identité forte, mais un socle difficile à modifier et peu confortable à administrer.
Après
WordPress / WooCommerce
Une interface plus actuelle, responsive et surtout une base que l’équipe peut faire évoluer.
02 — Site e-commerce
VNoise
Migrer un site Magento limité vers une solution WordPress plus simple, stable et exploitable.
Avant
Magento
Une vitrine courte, difficile à enrichir et encore liée au fonctionnement Magento.
Après
WordPress
Une page plus complète pour présenter les produits, les marques, les preuves et le contact.
Contexte
Un premier vrai projet WordPress.
J’ai proposé la migration pour récupérer le domaine, simplifier la gestion et relancer la présence en ligne de la marque.
Mon intervention
Traduire une direction visuelle en site fonctionnel.
Le design global venait de mon employeur. J’ai créé le thème, personnalisé Elementor, développé les ajustements CSS et code, puis organisé les contenus.
Migration
Ce que le changement de plateforme a réellement apporté.
Technique
Limite avant : Un environnement Magento lourd pour les besoins réels de la marque.
Amélioration après : Un thème WordPress plus simple à maintenir et à faire évoluer.
Autonomie
Limite avant : Une forte dépendance pour les modifications et la gestion du domaine.
Amélioration après : Le domaine et les contenus sont de nouveau maîtrisés en interne.
Visibilité
Limite avant : Une présence en ligne affaiblie et un référencement limité.
Amélioration après : Le référencement a progressé après la migration.
Activité
Limite avant : Un site qui ne soutenait plus suffisamment les ventes.
Amélioration après : Les ventes sont revenues sur une plateforme stabilisée.
Domaine récupéré
La marque a repris la maîtrise de son environnement.
SEO relancé
La visibilité a progressé après la migration.
Ventes revenues
Le site stable a de nouveau généré des ventes.
Potentiel restant
Faute de temps interne, le site reste sous-exploité.
03 — Site vitrine & outil métier
The Temple
Moderniser la présence d’une école d’arts martiaux installée depuis vingt ans, sans créer une dépendance technique supplémentaire.
Contexte
Une structure reconnue, mais un site devenu insuffisant.
The Temple est une association emblématique pour les pratiquants d’arts martiaux traditionnels et de sports de combat. Le site précédent ne donnait plus les outils nécessaires à sa visibilité ni à la présentation claire de ses disciplines.
Mission
Moderniser, clarifier et transmettre.
J’ai travaillé avec le responsable de la structure sur la navigation, l’expérience utilisateur et le SEO. Le délai était court : j’ai sélectionné un builder adapté, configuré le modèle puis organisé de courtes sessions de formation pour rendre l’équipe autonome.
Navigation repensée
Les disciplines, horaires et informations essentielles sont plus faciles à trouver.
Visibilité travaillée
La structure des contenus et les fondamentaux SEO ont été repris.
Planning & tarifs
Les deux outils sur mesure ont été développés à partir des besoins de ce projet.
Autonomie accompagnée
Choix du builder, paramétrage et formation légère du responsable.
Identité en situation
Du site à la rue, puis au textile.
L’identité a aussi vécu sur des supports physiques : campagne JCDecaux diffusée à Toulouse et recherches de vêtements pour la communauté.
Gestion de plateforme
Faire fonctionner, comprendre et faire évoluer l’existant.
Ici, le travail ne se résume pas au design : il s’agit de tenir une plateforme stratégique dans la durée et de relier besoins métier, contraintes techniques et expérience utilisateur.
04 — Gestion de plateforme
Makadamm
J’ai progressivement récupéré l’administration et la gestion des sites Makadamm et Makadamm Pro, jusqu’à devenir leur référente opérationnelle au quotidien.
modèles configurables
et leurs options de compatibilité
références produit
structurées et maintenues
plateformes
Makadamm et Makadamm Pro
prise en main
puis autonomie progressive
Le vrai enjeu
Intervenir dans un CMS complexe sans être développeuse Magento.
Magento est puissant, mais sa logique, ses modules et ses dépendances rendent chaque modification sensible. Mon enjeu a été d’en comprendre suffisamment le fonctionnement pour corriger des bugs, appliquer de nouvelles règles de design en code et respecter la structure conçue à l’origine par les développeurs.
Je reste lucide sur mon périmètre : je sais investiguer, surcharger et tester ce qui relève de mon niveau, puis préparer une demande claire pour l’agence lorsque l’intervention touche au cœur de la plateforme.
Mon quotidien
Une responsabilité large, entre production et continuité de service.
Administration & produits
Création, mise à jour et contrôle des fiches, catégories, attributs et règles de catalogue.
Corrections & bugs
Diagnostic, surcharge et correction des comportements accessibles sans réécrire le cœur Magento.
Recettage & tests
Vérification des parcours, paiements, modules, compatibilités et mises en production.
Suivi d’agence
Préparation des demandes, priorisation, échanges techniques et validation des livraisons.
Documentation & formation
Création de procédures et transmission aux collègues pour sécuriser les opérations courantes.
Support interne
Réponse aux blocages quotidiens et recherche de solutions adaptées au contexte métier.
Configurateur produit
Création de gammes, codes, visuels, options, menus et maintenance de la cohérence produit.
Production visuelle
Refonte des images de gamme en respectant le cahier des charges et les contraintes du configurateur.
MagentoModule PHPKonfig App
Pièce centrale
Le configurateur produit.
Le configurateur est un module PHP externe développé par une agence. Il fait le lien entre le back-office Magento de Makadamm et l’application Konfig App. J’ai été formée par son créateur, puis mon périmètre s’est élargi avec la confiance gagnée.
J’ai d’abord repris les images et leur correspondance avec les produits. J’ai ensuite créé mes propres codes pour intégrer de nouvelles gammes, puis modifié la structure elle-même en ajoutant des menus et de nouvelles possibilités de navigation.
Dates clés
De la recette à l’autonomie et au pilotage.
-
Migration & recette
Participation à la migration Magento 1 vers Magento 2, puis recette complète des parcours critiques.
-
Configurateur
Formation auprès de son créateur et premières intégrations de modèles, visuels et compatibilités.
-
Autonomie complète
Accès élargi au back-office, prise en charge opérationnelle et création d’une gamme VTT de 11 modèles.
-
Maintenance continue
Corrections, tests, documentation et amélioration progressive des méthodes de travail.
-
Rôle de cheffe de projet
Préparation, planification et coordination de plusieurs évolutions, dont quatre nouveaux modèles.
-
Modernisation UI
Application de nouvelles règles de design et réflexion sur un futur Makadamm 3.0, sans migration engagée à ce jour.
Solutions sur mesure
Partir de la règle métier, pas de la technologie.
Ces outils ne cherchent pas à impressionner par leur complexité. Leur valeur vient de la justesse avec laquelle ils répondent à un besoin quotidien.
05 — Outils métier
Des fonctions conçues pour le réel.
Comprendre la contrainte, formaliser la règle, construire l’interface puis transmettre un outil que l’équipe peut réellement utiliser.
Besoin Règle Interface Autonomie
01
The Temple
Planning des cours
- Besoin
- Présenter plusieurs disciplines, salles et horaires sans multiplier les tableaux statiques.
- Réponse
- Un planning filtrable, lisible sur mobile et administrable directement dans WordPress.
- Effet
- L’équipe met à jour l’information sans reprendre la mise en page.
02
The Temple
Tarifs administrables
- Besoin
- Rendre des formules complexes compréhensibles et faciles à actualiser.
- Réponse
- Des blocs tarifaires structurés autour des publics, disciplines et modalités de paiement.
- Effet
- Les visiteurs comparent plus vite et la structure reste autonome.
03
DarkPads
Rôles & prix B2B/B2C
- Besoin
- Faire cohabiter particuliers, détaillants et grossistes avec des règles commerciales différentes.
- Réponse
- Des rôles clients, lots, paliers, prix HT/TTC et parcours adaptés au profil connecté.
- Effet
- Une seule plateforme, sans dupliquer le catalogue ni brouiller l’expérience.
04
Opérations internes
Automatisations ciblées
- Besoin
- Réduire les manipulations répétitives, les oublis et les écarts de traitement.
- Réponse
- De petites automatisations reliées aux règles réelles de l’équipe.
- Effet
- Moins de tâches manuelles et un fonctionnement plus fiable.
Lab & prototypage
Apprendre par l’objet, le test et la fabrication.
Cette rubrique ne me présente pas comme un bureau d’études. Elle montre une curiosité technique appliquée à des besoins concrets, du petit outillage à la visualisation produit.
06 — Exploration technique
Du prototype à la roue complète.
Six modélisations pour montrer une progression : concevoir une pièce utile, relever un objet réel, l’assembler et préparer de nouveaux usages numériques.
01 · Conception produit
Entonnoir tubeless
Conçu de A à Z avec Materiel-velo.com, ce petit accessoire permet de verser le liquide tubeless proprement. Il se visse directement sur la valve pour assurer une liaison hermétique et intègre un démonte-obus.
- Recherche d’usage
- Conception paramétrique
- Prototype imprimé
- Partenariat métier
02 · Conception produit
Bloc-pads
Également conçu avec Materiel-velo.com, ce bloc remplace temporairement les plaquettes lorsque la roue est retirée. Il protège l’étrier et empêche les pistons de se refermer accidentellement.
- Besoin atelier
- Forme compacte
- Impression 3D
- Tests d’ajustement
03 · Outillage atelier
Support mural pour rayons
Aucune solution existante ne correspondait à l’organisation de l’atelier. Après plusieurs croquis et essais, j’ai conçu un support en trois parties capable de porter plusieurs kilogrammes de rayons.
Soixante-dix pièces ont été imprimées, puis complétées par des clips d’étiquetage pour identifier les références.
- 70 pièces imprimées
- Trois composants
- Charge réelle
- Déclinaison d’étiquettes
04 · Rétroconception
Moyeu arrière
C’est sur ce moyeu que j’ai réellement appris la précision du relevé. À partir de la pièce physique, j’ai mesuré puis retranscrit les cotes, volumes et détails nécessaires à une représentation fidèle.
- Prise de cotes
- Géométrie complexe
- Détails mécaniques
- Animation préparée
05 · Rétroconception
Rayon Legacy Carbon
Le rayon carbone a été recréé à partir de la pièce réelle, avec la même logique de relevé dimensionnel. Sa finesse impose de travailler proprement les proportions et les raccords plutôt que de compter sur l’effet visuel.
- Longueur 28 cm
- Relevé physique
- Embouts détaillés
- Composant réutilisable
06 · Projet de synthèse
La roue complète
Mon projet le plus important en 3D : création et assemblage de tous les composants, rayonnage complet et calage de l’ensemble. Il rassemble la précision acquise sur les pièces précédentes et une vision plus globale du produit.
- Assemblage complet
- Rayonnage
- Positionnement
- Base pour configurateur
La suite