Logo, charte et boutique WooCommerce de 200+ produits pour House of Green.
Création de l'identité visuelle et du site e-commerce d'une boutique de produits CBD : logo et charte graphique, WooCommerce construit avec Gutenberg, plus de 200 produits intégrés, paiement par carte via Viva et paiement en cryptomonnaies via NOWPayments, dans un cadre de vente réservé aux majeurs.
H.O.G, House of Green : une marque CBD partie de zéro.
House of Green — H.O.G pour les intimes — est une société basée à Paris qui vend en ligne des produits à base de CBD et leurs accessoires : fleurs, pre-rolls, hash, cigarettes CBD, cosmétiques, feuilles, plateaux, briquets et merchandising, sélectionnés auprès de marques reconnues du secteur. La boutique livre en France métropolitaine, à La Réunion, en Guadeloupe et en Martinique, avec une option de retrait.
Au départ du projet, la marque n'avait ni logo, ni charte, ni site. Il fallait tout construire : une identité capable de tenir face aux packagings très colorés des produits distribués, puis une boutique WooCommerce capable d'absorber un catalogue de plusieurs centaines de références, dans un secteur où le paiement en ligne et la conformité demandent une attention particulière.
J'ai créé le logo, la charte graphique et la boutique houseofgreen.fr, de l'import du catalogue à l'intégration des moyens de paiement.
Une marque, un catalogue et des paiements à construire.
Vendre du CBD en ligne, c'est cumuler trois difficultés : un catalogue large et changeant, fourni par plusieurs marques aux visuels très différents ; un cadre légal strict, avec une vente interdite aux mineurs ; et des solutions de paiement qui n'acceptent pas toutes ce type de produits. Le site devait régler les trois, avec une identité qui fédère l'ensemble.
Mission 1 — Créer l'identité de la marque.
- Logo : le sigle H.O.G en capitales noires, une feuille verte dans le O, le nom « House of Green » et un cadre hexagonal
- Charte graphique : fond blanc et vert végétal, boutons dorés, titres en capitales épaisses, ombres de feuillage en arrière-plan
- Une identité neutre et lumineuse, pensée pour mettre en valeur les produits colorés des marques distribuées
Mission 2 — Une boutique WooCommerce de plus de 200 produits.
- Pages construites avec Gutenberg, l'éditeur natif de WordPress
- Catalogue intégré à partir des catalogues fournisseurs : fiches, photos, catégories, puis tri entre références publiables et références écartées
- Boutique filtrable par catégorie et par caractéristique, avec un tiroir de filtres sur mobile
Mission 3 — Encaisser en ligne, dans les règles.
Paiement par carte via Viva, paiement en cryptomonnaies via NOWPayments, et un contrôle de l'âge à l'entrée du site, accompagné de mentions légales et de CGV adaptées à la vente de CBD.
Une identité verte et lumineuse, une boutique qui suit.
H.O.G, la feuille dans le O
Sigle en capitales noires très épaisses, feuille verte nichée dans le O, mention « House of Green » et cadre hexagonal : un logo lisible en tout petit dans l'en-tête comme sur un sticker, qui dit le produit sans caricature.
Blanc, vert, or
Fond blanc baigné d'ombres de feuillage, vert végétal pour les accents et les liens, boutons dorés en biseau, titres en capitales épaisses : une charte claire qui laisse la couleur aux packagings des marques.
« H.O.G, la référence CBD »
Premier écran centré sur une composition de produits, titre, promesse et bouton « Voir nos produits » ; puis nouveautés, livraison, avis clients Google, coordonnées et FAQ. Le visiteur voit l'offre avant de lire.
Toutes les pages en blocs natifs
Accueil, histoire de la marque, contact, FAQ et pages légales construites avec Gutenberg, stylées par la charte : un site léger, sans constructeur de pages, que le client modifie lui-même.
Plus de 200 produits intégrés
Intégration du catalogue à partir des fichiers fournisseurs : fiches produit, photos, catégories (fleurs, pre-rolls, hash, cigarettes CBD, cosmétiques, accessoires, merchandising). Les références sont triées avant publication pour ne mettre en ligne que ce qui peut l'être.
Trouver vite dans 200 références
Boutique « Nos produits » avec menu par catégorie et filtres de produits, affichés en tiroir sur mobile : avec un catalogue de cette taille, la navigation compte autant que le design.
Paiements, livraison et conformité.
Viva, intégré à WooCommerce
Paiement par carte via Viva (Smart Checkout), intégré au tunnel de commande WooCommerce. Dans le CBD, tous les prestataires de paiement n'acceptent pas l'activité : choisir une solution compatible et monter le dossier fait partie du projet.
NOWPayments en complément
Paiement en cryptomonnaies via NOWPayments, proposé à côté de la carte : une alternative appréciée d'une partie de la clientèle, et une seconde voie d'encaissement pour la boutique.
Métropole et Outre-mer
Zones de livraison configurées pour la France métropolitaine, La Réunion, la Guadeloupe et la Martinique, avec une option de retrait ; prix affichés TTC, informations de livraison reprises sur l'accueil.
Réservé aux majeurs
Contrôle de l'âge à l'entrée du site (« J'ai 18 ans ou plus » / « Je suis mineur »), mémorisé pour ne pas gêner la navigation, et rappel de l'interdiction de vente aux mineurs avec lien vers les mentions légales.
Mentions légales et CGV dédiées
Mentions légales et conditions générales de vente rédigées pour la vente de CBD en ligne, avec un volet spécifique au CBD. Les fiches produit restent descriptives, sans allégation de santé.
Joindre la boutique
Page contact avec formulaire protégé, adresses e-mail dédiées (contact, support), téléphone et FAQ ; avis clients Google affichés sur l'accueil pour rassurer avant le premier achat.
Les technologies mobilisées.
Une marque née en ligne, prête à vendre.
Côté marque.
- Un logo et une charte qui donnent une identité à une boutique multimarque
- Un site lumineux où les produits gardent toutes leurs couleurs
- Une identité réutilisable au-delà du site
Côté boutique.
- Plus de 200 produits en ligne, classés et filtrables
- Deux moyens de paiement : carte bancaire via Viva, cryptomonnaies via NOWPayments
- Une vente encadrée : contrôle de l'âge, mentions légales et CGV dédiées
- Une livraison en métropole et dans trois départements d'Outre-mer
House of Green est passée d'un nom à une marque en ligne complète : une identité, un catalogue de plus de 200 produits et une boutique qui encaisse, dans un secteur où chacune de ces étapes demande du soin.
Pourquoi cette collaboration fonctionne.
1. L'identité avant la boutique
Logo et charte d'abord : une boutique multimarque a besoin d'une identité forte et neutre pour exister entre des packagings qui crient tous.
2. Le catalogue traité comme un chantier
Plus de 200 produits, ce n'est pas un import en un clic : fiches, photos, catégories et tri des références à publier, comme pour les 300 produits de Denim Studio.
3. Le paiement comme sujet à part entière
Dans le CBD, trouver un prestataire de paiement qui accepte l'activité est un projet en soi. Carte via Viva, crypto via NOWPayments : deux voies d'encaissement plutôt qu'une.
4. La conformité intégrée
Contrôle de l'âge, pages légales, fiches descriptives sans allégation : le cadre est posé dans le site, pas ajouté après coup.
5. Gutenberg pour l'autonomie
Pas de constructeur de pages : des blocs natifs stylés par la charte, que le client fait évoluer seul.
6. Pensé pour le mobile
Filtres en tiroir, menu compact, panier toujours visible : une grande partie des achats se fait depuis un téléphone.
D'autres réalisations à découvrir.
Une marque et une boutique en ligne
à lancer ?
Logo et charte graphique, boutique WooCommerce, import de catalogue, paiements adaptés à votre activité et cadre légal. Discutons-en.