Refonte e-commerce

Momkin Éditions

Une maison d’édition de romans islamiques inspirés d’histoires vraies : nouvelle charte, accueil qui vend vraiment les livres, accessibilité et référencement remis à plat, sans toucher aux commandes.

WordPressBlocksyWooCommercePHPCSS
Nouvelle page d’accueil de Momkin Éditions
17problèmes relevés au diagnostic, chacun avec son traitement
4,5:1contraste minimum de tous les textes (l’ancien orange était à 2,9:1)
0URL, extension ou donnée produit modifiée
7largeurs d’écran testées, de 320 à 1 600 px, sans défilement horizontal

Contexte & enjeux

Le client

Momkin Éditions publie les romans de Maher Yvant : quatre récits situés à Paris, au Caire, à Fès et à Médine, vendus en ligne avec WooCommerce et à des revendeurs.

L’objectif

Donner à la maison une image d’éditeur, et transformer l’accueil en vitrine qui vend : prix, stock, avis et ajout au panier visibles d’emblée.

Les lecteurs

Des lecteurs musulmans francophones, souvent sur téléphone, et des libraires qui commandent depuis l’Espace PRO.

Problème résolu
Avant

Un accueil sans prix ni bouton d’achat, quatre libellés de bouton différents, une FAQ inaccessible au clavier, un carrousel automatique et des contrastes insuffisants.

Après

Une charte d’éditeur, une vitrine branchée sur la boutique, un mode sombre cohérent, des polices auto-hébergées et un balisage SEO corrigé.

L’ancienne et la nouvelle version

Même boutique, mêmes produits, mêmes adresses : seule la manière de les présenter change.

Sur ordinateur

Avant · archive web, août 2025 Ancien accueil de Momkin Éditions : fond bleu, titre générique, un seul bouton orange
Après · octobre 2026 Nouvel accueil de Momkin Éditions : fond encre, titre qui dit ce que publie la maison, les quatre romans et les faits clés

Sur mobile

L’ancienne version provient de l’archive web (Wayback Machine) ; la nouvelle est le site en ligne.

Ce que j’ai réalisé

Diagnostic

  • 17 problèmes documentés
  • Code, contenus et extensions
  • Priorités et traitements
  • Rien supprimé sans raison

Charte « Encre & Caravane »

  • Palette de 15 couleurs
  • Fraunces + Inter auto-hébergées
  • Mode sombre « Encre de nuit »
  • Contrastes tous ≥ 4,5:1

Accueil qui vend

  • Vitrine lue dans WooCommerce
  • Prix, stock et notes réels
  • Ajout au panier direct
  • Pack des 4 romans mis en avant

Accessibilité

  • FAQ en details / summary
  • Avis sans défilement automatique
  • Focus clavier visible
  • Animations de décalage supprimées

Thème enfant propre

  • Chargé après Blocksy
  • Plus de !important de rattrapage
  • Pied de page dans le thème
  • Pages légales reliées

SEO & données structurées

  • Un H1 qui dit la promesse
  • Réglages Rank Math corrigés
  • Nom des produits nettoyé
  • Maillage interne de l’accueil

Charte « Encre & Caravane »

Palette de couleurs

Encre#0E2C36
Papier#FBF7F1
Sable#F3EDE3
Terre#C2552F
Safran#E0A03C
Lagon#1F7A8C

Logo & typographie

Titres Fraunces Dernier mois à Médine
Texte Inter Quatre romans pour s’inspirer et se cultiver.

Les bénéfices concrets

01

Un parcours d’achat raccourci

Prix, stock, note et ajout au panier sont sur l’accueil : le lecteur n’a plus à deviner où mène chaque bouton.

02

Une image d’éditeur

Typographie de livre, palette chaude et couvertures en vedette : le site ressemble enfin à ce qu’il vend.

03

Lisible par tous

Contrastes conformes, FAQ utilisable au clavier, aucun contenu qui défile tout seul.

04

Sans risque pour la boutique

Aucune extension retirée, aucune adresse changée, l’Espace PRO et ses remises fonctionnent comme avant.

Technologies utilisées

WordPress
Blocksy
WooCommerce
PHP
CSS
Rank Math

Processus de création

Diagnostic

Analyse du site en ligne, du thème, des extensions et des données structurées : 17 constats, chacun avec sa conséquence.

Charte web

Traduction de la planche de style en couleurs, typographies et composants, version claire et sombre.

Accueil

Neuf sections lues en direct dans WooCommerce : romans, maison, pack, auteur, avis, blog, FAQ.

Intégration

Thème enfant Blocksy, pied de page, pages éditoriales, boutique, fiche produit et tunnel de commande habillés.

Vérification

Fichiers PHP contrôlés, captures à sept largeurs, contrastes calculés, mode sombre vérifié.

Documentation

Un guide de maintenance : modifier un texte, ajouter un roman, faire évoluer la charte.

Ce qui fait la différence

Je commence par comprendre

Avant de redessiner, je relève ce qui fonctionne et ce qui coûte des ventes.

Je ne casse rien

Commandes, comptes revendeurs, adresses et extensions restent en place.

Une identité qui vous ressemble

La charte part de votre métier, ici celui d’éditeur, pas d’un modèle.

Un seul interlocuteur

Diagnostic, design, intégration et documentation : je m’occupe de tout.

Votre boutique mérite mieux ?

Je refonds votre site WooCommerce sans perdre vos commandes ni votre référencement. Je vous réponds sous 24 h.

  • Réponse sous 24 h
  • Devis gratuit
  • Commandes préservées