BOOKVA

Contexte

Construire une boutique où un vaste choix de livres ne devient jamais une recherche fastidieuse. Le client doit vite s’y retrouver dans les catégories, comparer les offres et aller jusqu’à la commande, avec des pages de service pour l’accompagner.

L’enjeu

Allier l’atmosphère d’une librairie à une structure commerciale efficace. L’accueil présente l’offre, tandis que le catalogue, la fiche produit et le panier donnent assez d’informations pour passer à l’étape suivante.

Nos choix

1. Le catalogue comme colonne vertébrale

   Nous avons conçu les catégories, la navigation et la recherche. Un même parcours relie l’accueil, le catalogue et la page du livre, pour que la vitrine ne soit jamais coupée de l’achat.

2. Des gabarits réutilisables

   L’accueil, le catalogue et les fiches produit partagent une interface cohérente. Le livre, sa description et les actions gardent une hiérarchie claire d’une rubrique à l’autre.

3. Commande et services

   Le périmètre incluait le panier, la commande, l’espace client, les pages de service et les demandes de livres particulières — en complément du parcours habituel par le catalogue.

4. Une typographie à double rôle

   Des polices éditoriales donnent à la boutique son caractère de librairie, tandis qu’un texte neutre sert la navigation et les informations produit. Le hero actuel utilise sa propre composition expressive.

Notre réalisation

1. Architecture de la boutique

   Nous avons organisé des livres en plusieurs langues et des produits venus d’Europe dans un catalogue clair, et défini les catégories, la navigation, la recherche et les accès pour trouver un livre, les offres et les commandes spéciales.

2. Design et réalisation

   Nous avons conçu l’UX/UI et le système visuel, l’accueil, le catalogue et les gabarits produit, puis réalisé des pages responsive qui relient la présentation de l’offre aux actions concrètes du client.

3. Parcours d’achat et de service

   Nous avons relié recherche, fiche produit, panier et commande, et ajouté l’espace client, les pages de service, les demandes de recherche de livres et les points de contact.

4. Paramétrage, tests et lancement

   Nous avons paramétré la boutique, testé tout le parcours d’achat et les pages responsive, puis assuré le lancement. Le résultat est un vrai site e-commerce en fonctionnement, pas une série de maquettes.

Système visuel

La boutique associe son bleu canard principal à un accent jaune sur des surfaces blanches. Il faut distinguer le système du catalogue et le premier écran remanié : le site en ligne utilise des familles de polices différentes pour chacun.

Texte de la boutique

Roboto 400 · 16 px

Titres / titres de livres

Playfair Display 400 / Lora 400

Titres de section

42 px → 36 px sous 1024 → 24 px sous 768

Légendes décoratives

Italianno 400 · 36 / 22 / 18 px

Hero actuel

Caveat 600: 64 / 56 px; Libre Baskerville 700: 36 / 22 px

Texte du hero

Inter 400 · 18 / 16 px

Conteneur de la boutique

1222 px maximum

Arrondis

Cartes 10 px ; boutons et champs 35 px

Parcours et contenus

Accueil et sélections → catégorie ou recherche → fiche du livre → panier → commande. Les demandes particulières ont leur propre parcours de service, et l’espace client relie l’acheteur à ses commandes.

Promotion

Nous avons optimisé le site pour le référencement, configuré les comptes Yandex Direct et Google Ads, puis lancé la publicité et la promotion dans les moteurs de recherche.

Le résultat

BOOKVA dispose d’une boutique en ligne clés en main et lancée. Catalogue, recherche, fiches produit, panier et commande forment un seul parcours, de la découverte de l’offre jusqu’à l’achat. L’espace client et les pages de service complètent l’ensemble ; architecture, design, développement, paramétrage et lancement ont été menés dans un même projet.

Outils et réalisation

WordPress · WooCommerce · Elementor Pro · thème Woodmart · PHP · JavaScript / jQuery · FlyingPress · Google Site Kit · Yandex Metrica avec suivi e-commerce