Ma Housse : design system, logos et variantes de landing
Lien de travail partageable, mis a jour a chaque iteration. Objectif : un site impossible a relier a l'ancien mahoussedechaise.fr, optimise pour l'achat. Tout est en palette A "Lin & Argile" et typo Sora, compatible avec ton theme Shopify The4/Ella.
Palette : A "Lin & Argile"
Typo : Sora + Inter
Produit : jamais altere, decor refait
Images : reelles (CDN Shopify), grade applique
A choisir en regardant ce document : 1) le style d'icones (visible en contexte plus bas), 2) le logo, 3) la variante de landing preferee (ou un mix). Les visuels produit affiches sont tes vraies images live, recolorisees pour donner le rendu cible.
01 - Design system
Fondations
Les tokens reels appliques partout. Palette decalee depuis le sable/dore de l'ancien vers une argile chaleureuse, plus chic et plus distincte.
#F5F2EC
Ecru / fond
#E8DFD0
Greige / surface
#A85F3D
Argile / CTA
#7C8A6B
Sauge / eco
#2E2A26
Espresso / texte
#1FA06B
Vert avis
Sora 800 - titres hero
Sora 700 - titres de section, boutons
Inter 400/500 - corps de texte, descriptions, prix detailles.
Cible : foyers qui veulent rafraichir, proteger et embellir leurs assises (deco, enfants, animaux), majoritairement des acheteuses 30-65, plus des acheteurs pratiques. Ton voulu : chaleureux, fiable, un brin chic, accessible (ni techy, ni luxe froid). Motifs : tissu drape, etiquette textile, assise habillee. Montres sur clair et fonce.
01 Etiquette textile (couture)
Ma Housse
Ma Housse
02 Assise habillee + mot
Ma Housse
Ma Housse
03 Drape sur le H
Ma Husse
Ma Husse
04 Tag doux + monogramme
mh Ma Housse
mh Ma Housse
05 Maison + coussin
Ma Housse
Ma Housse
06 Souligne drape
Ma Housse
Ma Housse
07 Minuscule chaleureux + bouton
ma h●usse
ma h●usse
08 Serif chaleureux (Fraunces)
Ma Housse
Ma Housse
Note logo : la typo du logo peut differer de l'UI (Sora) sans incoherence, beaucoup de marques le font. Pistes les plus "housse/maison" : 01 etiquette, 02 assise habillee, 05 maison + coussin. Piste plus chic : 08 serif. Dis-moi le numero et j'ajuste la couleur/forme exacte.
03 - Icones en contexte
Les 4 styles, vus dans une vraie barre de reassurance
Comme demande : tu choisis en voyant les icones a leur place reelle (bas de page, sous le hero). Memes 4 garanties que ton site, rendues dans chaque style.
Style 1 - Traitle plus epure et le plus leger
Livraison offertedes 49 EUR
Retours 30 jourssatisfait ou rembourse
Note 4,7/520 000 clients
Paiement securiseCB, PayPal
Style 2 - Couleur (duotone argile)chaleureux, reste sobre
Note : "des 49 EUR" et "CB, PayPal" sont des exemples a confirmer (seuil de livraison, moyens de paiement reels). "4,7/5 - 20 000 clients" reprend la mention deja presente sur ton site.
04 - 5 variantes de landing
Memes briques, 5 strategies differentes
Chaque variante reprend tes sections et tes vraies images (decor recolorise, produit non altere), en palette A + Sora, et reste faisable avec ton theme. Icones affichees en style Relief (modifiable selon ton choix).
mahousse.fr - Variante 1
Variante 1 - Editorial chaleureuxstorytelling, respiration, montee en gamme
Livraison offerte des 49 EUR - Retours 30 jours
Ma HousseChaisesBarFauteuilsJardin♡ 🛒
Le relooking en 5 minutes
Redonnez vie a vos chaises, sans travaux
Des housses extensibles qui transforment vos assises et les protegent au quotidien.
Les prix, packs, seuils et compte a rebours affiches sont des exemples de mise en scene a valider avec tes vraies donnees. Tout est faisable avec ton theme (barre de livraison, packs/FBT, compte a rebours, sticky add-to-cart, avis Loox sont deja dans tes assets).
05 - A choisir
3 decisions pour passer a la production
Reponds simplement, par exemple : "icones = relief (3), logo = 5, landing = variante 2 (+ best-sellers de la 1)". Tu peux mixer des elements de plusieurs variantes.
Apres ta validation : je construis le design system ultra complet dans Claude Design (tokens, foundations, composants, assets specifiques, la home retenue), je regenere toutes les vraies images de la home (decor refait, produit conserve, memes noms, WebP, plus legeres), je decline le logo (favicon, OG, header clair/fonce), et je mets a jour ce meme lien. Implementation sur ton theme non publie, sans toucher la prod.
Ma Housse - document de travail, mis a jour le 25/06/2026. Palette A "Lin & Argile" + Sora. Images : tes fichiers live (CDN Shopify) recolorises pour le rendu cible. Produit jamais altere. Aucune modification poussee sur Shopify. Page non indexee.