Spécialiste Bateaux Amorceurs · Fabrication Française
01
Section d'accueil — Premier contact avec l'univers MB BaitBoat
hero · Page d'accueil
Design & Atmosphère
L'écran s'ouvre sur une photographie de terrain authentique : des mains qui tiennent une grosse carpe au-dessus d'une eau sombre, floue, réelle. Pas de studio, pas de stock photo — c'est du vécu. Le fond quasi-noir absorbe la lumière et donne à la scène une ambiance cinématographique et immersive. Au centre, le logo-badge circulaire de MB BaitBoat — inspiré des sceaux artisanaux vintage — flotte sur l'image avec ses mentions en courbe : "RÉNOVATION · MODIFICATION · ÉTUDE CONCEPTION & MOTORISATION 3D". Deux CTA contrastés clôturent l'écran : un bouton kaki plein "VOIR LA BOUTIQUE" et un bouton outline "MBBAITBOAT@GMAIL.COM".
Parti pris créatif
Dans un marché de niche où les acheteurs sont des pêcheurs passionnés et exigeants, l'authenticité vaut plus que n'importe quel packshot de studio. La photographie de terrain parle leur langue avant le premier mot. Le badge circulaire emprunte aux codes des marques artisanales américaines (outdoor, chasse, mécanique) — un langage visuel immédiatement compris par la cible. "BOUTIQUE OFFICIELLE — FRANCE" positionne la fabrication locale comme un argument commercial à part entière, pas comme une note en bas de page. La typographie condensée tout en majuscules renforce l'image d'un artisan robuste qui n'a pas le temps pour les fioritures.
Valeur pour le client
Ce hero remplit sa mission en moins de 3 secondes : qui est MB BaitBoat, ce qu'il fait, d'où il vient. La photo de prise réelle crée une identification émédiate chez le pêcheur qui arrive sur le site — il voit ses propres expériences reflétées. La double CTA maximise les conversions : le visiteur prêt à acheter va en boutique, celui qui hésite peut contacter Maxime directement. Le bandeau d'annonce défilant en haut — livraison, paiement sécurisé, impression 3D sur mesure — expose les arguments de vente avant même que l'utilisateur ne scrolle.
02
Barre de navigation principale — Architecture de l'information
navbar · Navigation principale
Design & Layout
La navigation adopte un fond noir absolu, cohérent avec la palette sombre du site. Le logo circulaire MB BaitBoat est positionné à gauche, accrochant l'œil sans dominer. Les liens de navigation — ACCUEIL · BOUTIQUE · NOTICES · BATEAUX D'OCCASION · MON COMPTE · CONTACT — sont en typographie condensée majuscule, lisibles et aérés. À l'extrémité droite, l'icône panier avec badge compteur vert kaki s'intègre naturellement dans la charte. L'élément actif "ACCUEIL" est discrètement souligné/mis en évidence sans agressivité visuelle.
Parti pris créatif
Chaque entrée de navigation a été pensée stratégiquement. "NOTICES" est une section rare dans l'e-commerce : elle positionne MB BaitBoat non comme un simple vendeur mais comme un référent technique qui documente et forme. "BATEAUX D'OCCASION" crée un espace communautaire et de confiance — un artisan qui aide à revendre les bateaux d'occasion, c'est un artisan investi dans l'écosystème de ses clients. Ce n'est pas une boutique, c'est une plateforme de spécialiste.
Valeur pour le client
Une navigation claire réduit le taux de rebond et guide naturellement vers l'achat. L'ajout des NOTICES transforme le trafic organique : un pêcheur qui cherche "comment installer un kit brushless" trouve la réponse sur le site, puis achète le kit. Le compte client intégré (Mon Compte) ouvre la porte aux commandes récurrentes et à la fidélisation — fondamental pour un artisan dont les clients reviennent au fil des saisons.
03
Page boutique avec mega-menu — Navigation produits avancée
boutique · Catalogue e-commerce
Design & Layout
La page boutique déploie un mega-menu en grille multi-colonnes sur fond sombre avec effet de profondeur (légère transparence) : ANATEC, BATEAU AMORCEUR, CAMÉRA, FORFAIT RÉVISION & RESTAURATION, KIT BRUSHLESS & SUPPORT MOTEUR, SPINING BAITS ÉPANDEUR. En dessous, la grille produits révèle des photographies de terrain camo — textures militaires kaki, équipements réels — avec noms de produits en typo condensée blanche toutes-caps et prix nets. Les filtres catégories en haut adoptent un design en pills arrondis, lisibles et tactiles.
Parti pris créatif
Un catalogue de 100+ références pour 13+ marques compatibles ne se navigue pas sans une architecture solide. Le mega-menu par type de produit (et non par marque uniquement) permet à l'acheteur de trouver ce dont il a besoin même sans connaître les marques. La photographie produit "terrain" — pièces sur caisse camo, moteurs montés, batteries dans leur environnement réel — crée une confiance immédiate : on voit exactement ce qu'on achète, sur le type de bateau qu'on a. Les prix nets sans fioritures reflètent la transparence d'un artisan qui n'a rien à cacher.
Valeur pour le client
Le mega-menu réduit le nombre de clics avant l'achat — critique sur mobile. Les filtres catégories permettent un accès direct sans connaissance préalable du catalogue. La bande d'annonce défilante en haut maintient les arguments de conversion en permanence (livraison, paiement sécurisé, fabrication française) sans parasiter la navigation. Pour un artisan auto-entrepreneur, chaque session convertie compte : une boutique bien architecturée est directement corrélée au chiffre d'affaires.
100+
Références produits
13+
Marques compatibles
3–7j
Délai de livraison
04
Tableau de bord compte client — Espace personnel WooCommerce
compte client · Dashboard
Design & Layout
Le menu du compte client adopte une liste verticale en accordéon sur fond blanc/gris très clair — lisible, sans surcharge. Chaque entrée (TABLEAU DE BORD, COMMANDES, TÉLÉCHARGEMENTS, ADRESSES, MOYENS DE PAIEMENT, DÉTAILS DU COMPTE, SE DÉCONNECTER) est en typographie condensée majuscule avec une icône à droite. L'état actif — COMMANDES — est mis en valeur par un rectangle kaki militaire, cohérent avec la palette du site : même dans l'espace le plus fonctionnel, l'identité de marque est présente.
Parti pris créatif
Exposer "TÉLÉCHARGEMENTS" dans le menu compte est un choix stratégique révélateur : les notices techniques sont des contenus premium réservés aux acheteurs. Ce système transforme les notices en valeur ajoutée exclusive — un argument d'achat supplémentaire. La section "MOYENS DE PAIEMENT" enregistrée dans le compte client (CB, PayPal, Apple Pay, Google Pay via Stripe) réduit la friction sur les achats récurrents — un pêcheur passionné revient régulièrement acheter des accessoires.
Valeur pour le client
Un espace client complet transforme des acheteurs occasionnels en clients fidèles. L'historique des commandes permet à Maxime de suivre ses clients, de personnaliser ses réponses et de créer une relation directe — impossible avec un marché de type Amazon. Les notices téléchargeables post-achat réduisent les demandes au SAV, permettant à Maxime de consacrer son temps à la production et à l'innovation plutôt qu'au support répétitif.
05
Page contact — Accès direct à Maxime, sans intermédiaire
contact · Page de contact
Design & Layout
La page contact adopte un layout bicolonne équilibré sur fond blanc épuré — intentionnellement en contraste avec le dark theme de la boutique. À gauche : les informations de l'entreprise structurées en blocs étiquetés (EMAIL, ENTREPRISE, LOCALISATION, LIVRAISON, RÉSEAUX SOCIAUX) avec un séparateur kaki discret entre les sections. À droite : un formulaire de contact minimaliste aux champs aérés. Le bouton "ENVOYER" — rectangle noir pleine largeur — est sans ambiguïté : c'est l'action principale, elle s'impose.
Parti pris créatif
Afficher ouvertement "Auto-entrepreneur · 41120 Cellettes, France" n'est pas une obligation légale mal assumée — c'est un argument de confiance assumé. Dans un marché de niche où les arnaques existent, connaître l'adresse physique du fabricant rassure. L'affichage direct de la livraison (3-7j, France Métropolitaine) dans la page contact anticipe les questions les plus posées. L'absence de chatbot, de FAQ robotisée ou de ticket automatique est un choix délibéré : Maxime répond en personne — et ça se voit dans la conception de cette page.
Valeur pour le client
La transparence totale des informations de contact est un facteur de conversion souvent sous-estimé. Un acheteur hésitant entre deux boutiques choisira celle dont il sait qu'un humain réel lui répondra. L'intégration des réseaux sociaux (Instagram + Facebook) dans la page contact crée des points de contact supplémentaires et prolonge la relation au-delà de la transaction. Pour un artisan solo, cette page est le visage humain de l'entreprise — et c'est précisément pourquoi elle fonctionne.
« Concevoir un e-commerce artisanal, c'est ne jamais oublier que derrière chaque commande, il y a une personne — et derrière chaque produit, un fabricant qui le connaît mieux que quiconque. Le design doit rendre cette proximité visible. »
Fabrication française
Design system ancré dans les codes artisanaux — authenticité terrain assumée à chaque niveau
E-commerce complet
WooCommerce avec compte client, téléchargements, bateaux d'occasion, paiement Stripe multi-méthodes
Mega-menu expert
Navigation par type de produit ET par marque — 100+ références structurées pour une UX fluide
Impression 3D
Pièces PETG résistantes UV/eau — capots, supports, tuyères conçus et testés sur le terrain
Kits motorisation
Brushless 800kv / 560kv, variateur 60A ventilé, support moteur exclusif MB BaitBoat
Batteries Li-Ion
2S et 3S, de 3500 à 24500 mAh, connecteur XT60 — compatibles 13+ marques de bateaux