Le client
An Najm Éditions publie des textes de savants de la Sounna en questions-réponses, bilingues arabe – français, avec vocabulaire et exercices corrigés. La boutique tourne sous WordPress, Kadence et WooCommerce.
Refonte e-commerce
An Najm Éditions
Un éditeur de livres islamiques bilingues arabe – français : un accueil qui présente enfin le catalogue, une charte rendue lisible, un référencement construit de zéro et une librairie cohérente du hero au paiement.
WordPressKadenceWooCommercePHPCSS
7:1contraste des boutons, contre 2,2:1 auparavant
67tests automatisés sur les sections de l’accueil, tous réussis
0extension ajoutée et aucune ligne de JavaScript
5largeurs d’écran vérifiées, de 320 à 1 440 px
Le projet
Contexte & enjeux
L’objectif
Faire de l’accueil une vraie porte d’entrée vers la librairie, et donner au site les bases de référencement qui lui manquaient.
Les lecteurs
Des familles et des étudiants francophones qui apprennent leur religion et l’arabe, et des revendeurs qui commandent par lots.
Problème résolu
Avant
Aucun prix ni bouton d’achat sur l’accueil, des boutons blanc sur or à 2,2:1, un titre principal sans mot-clé, aucune meta description ni donnée structurée.
Après
Un accueil qui lit le catalogue en direct, une charte conservée mais lisible, un titre, des métadonnées et un JSON-LD propres, et une identité unique de la librairie au paiement.
Refonte
L’ancienne et la nouvelle version
La dernière version archivée avant la refonte, face au site en ligne aujourd’hui.
Sur mobile
L’ancienne version provient de l’archive web (Wayback Machine) : c’est la plus récente qui s’affiche correctement.
Prestations
Ce que j’ai réalisé
Diagnostic
- Catalogue relevé via WooCommerce
- Contrastes mesurés
- Titres et balisage audités
- Domaine canonique vérifié
Accueil branché sur la boutique
- Vitrine de couvertures réelles
- Collections avec leurs comptes
- Derniers ajouts et meilleures ventes
- Sections vides masquées sans JS
Lisibilité
- Boutons or sur marine à 7:1
- Un « or encre » pour les fonds clairs
- Textes secondaires à 6,7:1
- Cibles tactiles de 44 px
SEO de zéro
- H1 avec les mots-clés du métier
- Title, meta et Open Graph
- JSON-LD Organisation et site
- Textes alternatifs des couvertures
Librairie & blog
- Gabarit de librairie dédié
- Fiches produit harmonisées
- Blog et articles restylés
- Auteur affiché correctement
Paiement & conformité
- Page de paiement réparée
- Mentions de livraison corrigées
- Pages d’information rédigées
- Espace revendeur
Charte graphique
Charte conservée, rendue lisible
Palette de couleurs
Marine#2C3E50
Marine profond#1A252F
Or#D4A574
Or clair#E6BF8A
Or encre#8A6038
Crème#FEFCF8
Logo & typographie
Titres
Crimson Text
Les Leçons importantes
Interface
Inter
Croyance, jurisprudence, Coran
Arborescence
Ce qui a été repris
Accueil
Hero, réassurance, collections, derniers ajouts, méthode, meilleures ventes, avis et articles.
Librairie
Collections en pastilles, recherche et tri natifs, cartes identiques à celles de l’accueil.
Articles
Liste et articles dans la même identité que la librairie.
Fiches produit
Couverture, auteur, caractéristiques du livre et ajout au panier, dans la charte de la librairie.
Impact
Les bénéfices concrets
01
Le catalogue dès l’accueil
Couvertures, collections et nouveautés sont lues dans WooCommerce : chaque produit ajouté apparaît sans retoucher la page.
02
Une marque plus lisible
Le marine et l’or sont conservés, mais utilisés là où ils se lisent : l’identité gagne en clarté sans changer.
03
Visible sur Google
Un titre qui dit ce que vend la maison, des métadonnées et des données structurées là où il n’y avait rien.
04
Un site d’un seul tenant
Accueil, librairie, articles et paiement partagent les mêmes composants et la même charte.
Stack technique
Technologies utilisées
WordPress
Kadence
WooCommerce
PHP
CSS
JSON-LD
Méthode
Processus de création
Diagnostic
Le site en ligne, le catalogue réel et le thème enfant : points forts à garder et faiblesses chiffrées.
Direction artistique
Charte conservée, couleurs réaffectées selon les fonds, une seule étoile en ornement : an-najm signifie l’étoile.
Accueil
Dix sections alimentées par des shortcodes PHP, styles limités à l’accueil, sections vides masquées en CSS.
Tests
67 tests sur un banc simulant WordPress, rendus navigateur à cinq largeurs, contrastes calculés.
Mise en ligne
Installation par FTP, avec un retour arrière possible en moins de deux minutes.
Extension au site
Librairie, fiches, blog, paiement, pages d’information et espace revendeur dans la même identité.
Pourquoi KITO
Ce qui fait la différence
Des constats mesurés
Contrastes, titres, catalogue : chaque décision part d’un chiffre relevé sur votre site.
Votre identité respectée
Je corrige ce qui gêne la lecture sans effacer ce qui fait votre marque.
Réversible
Fichiers d’origine sauvegardés, installation documentée, retour arrière prévu.
Un seul interlocuteur
Diagnostic, design, développement et suivi : je reste votre contact du début à la fin.
Votre boutique en ligne est-elle à la hauteur de vos livres ?
Je refonds votre site WooCommerce en gardant votre identité et vos commandes. Je vous réponds sous 24 h.
- Réponse sous 24 h
- Devis gratuit
- Retour arrière prévu