CLIP 03 / 05
TYPE DE PROJET
Intégration web & e-commerce
CONTEXTE
Projet personnel
L’intention du projet est de faire de la vente de vêtements et d’accessoires de luxe de la marque Chrome Hearts. C’est un projet personnel dans le but de pouvoir vendre et présenter des produits de luxe.
VOIR LE SITE WEB
Construction d'un site e-commerce en WordPress/WooCommerce avec le thème Astra, en développant un système de design complet appliqué via du CSS personnalisé ciblé page par page. Le travail a couvert la création de sections interactives, le stylisme du feed Instagram et des différentes pages et la génération des pages légales.
Projet entièrement réalisé par moi. De la conception du site web à la promotion sur Instagram. IA (Claude) utilisée en soutien pour certains ajustements CSS.
PLAN 01
Palette réduite à trois tons, serif pour les titres, photo sur fond neutre : dans la revente de luxe, la retenue est ce qui rassure — un site chargé fait douter de l'authenticité des pièces. J'ai figé ces choix dans Figma avant de coder pour ne rien improviser en cours de route.
PLAN 02
L'installation n'est que le début : WooCommerce pose des dizaines de questions avant d'accepter une première transaction — devise, zones et frais de livraison, taxes provinciales, seuils, courriels transactionnels.
PLAN 03
J'ai construit les gabarits avec les blocs WordPress plutôt qu'un constructeur de pages, pour pouvoir ajouter une pièce au catalogue sans ouvrir l'éditeur de code. Le HTML manuel intervient seulement là où les blocs ne suffisaient pas : la galerie produit et la grille d'état.
PLAN 04
J'ai bâti sur le thème Astra et écrit l'ensemble de l'habillage dans son CSS additionnel. Écrire le style à la main plutôt que de le cliquer, c'est ce qui me donne le contrôle exact des espacements et de la typographie sur toutes les pages.
PLAN 05
La boutique n'a pas encore de produits réels en vente : j'ai donc repris le site page par page, corrigé ce qui bougeait mal d'un écran à l'autre, ajusté les espacements et la typographie, et vérifié que chaque fonctionnalité répond — navigation, filtres, ajout au panier, formulaires. C'est la passe où l'on trouve les détails qu'on ne voit plus en construisant.
Personnaliser un thème WooCommerce générique pour qu’il ait vraiment l’air d’une boutique de luxe.
Écriture de CSS additionnel pour retravailler les espacements, les boutons et les mises en pages.
Une meilleure compréhension du fonctionnement de WooCommerce et de Wordpress.
CLIP SUIVANT 04 / 05
Montage vidéo
