Aller au contenu
Portfolio. Solène Revert

E-commerce · B2B/B2C · UX/UI

DarkPads.

← Tous les projets

Sites & E‑commerce

Concevoir des sites utiles avant de chercher l’effet.

Une sélection de projets web avec des niveaux d’intervention différents : refonte complète, migration et 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.

  • WordPress
  • WooCommerce
  • PHP
  • JavaScript
  • CSS
  • HTML
  • Figma
  • Photoshop
  • ClickUp
Page d’accueil actuelle du site DarkPads

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.

Détail du projetRôle, objectifs, méthode et réponses apportées+

Mon rôle

Carte blanche sur toute la chaîne.

Du cadrage à la maintenance, j’ai piloté le projet et ses choix structurants.

01

Structure

Architecture, organisation des contenus, back-office et coordination.

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.

B2C + B2B

Réunir les deux activités avec des parcours et des rôles adaptés.

Connexion simplifiée

Réduire les frictions pour les particuliers et les professionnels.

5 langues prévues

FR et EN, puis ES, DE et IT sans reconstruire la structure.

Équipe autonome

Faciliter les modifications et limiter le recours à une agence.

Méthode

Les grandes étapes du projet.

  1. 01

    Audit

    Identifier les blocages Magento, les dépendances et les besoins des équipes.

  2. 02

    Architecture

    Réunir les parcours B2C et B2B dans une base WordPress maintenable.

  3. 03

    Design system

    Définir les composants, les règles d’interface et le comportement responsive.

  4. 04

    Développement

    Construire le thème, configurer WooCommerce et intégrer la logique métier.

  5. 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

darkpads.fr
Ancienne page d’accueil DarkPads sur Magento
Ancien site DarkPads sur mobile

Une identité forte, mais un socle difficile à modifier et peu confortable à administrer.

Après

WordPress / WooCommerce

darkpads.fr
Nouvelle page d’accueil DarkPads sur WordPress
Nouveau site DarkPads sur mobile

Une interface plus actuelle, responsive et surtout une base que l’équipe peut faire évoluer.

Nouvelle page catalogue DarkPads
Catalogue et recherche produit
Nouvelle fiche produit DarkPads sur mobile
Fiche produit mobile
Projet suivant VNoise