Skip to content

Maquettes

Fanny Saez edited this page Jul 25, 2026 · 3 revisions

Maquettes

Nom de marque

Nova Market — nom de la boutique développée (à distinguer du nom du dépôt technique Developing Store, voir Accueil).

Ambiance recherchée

Une boutique haut de gamme proposant une expérience immersive et élégante : fond sombre, couleurs contrastées, touches dorées ou cuivrées, typographie élégante, animations soignées, mise en valeur des produits.

Inspirations : Bang & Olufsen · Aston Martin · Montblanc · Balenciaga · Saint Laurent · Rolex

Palette de couleurs :

Couleur Usage Code
Noir Fond principal #111827
Gris anthracite Fond secondaire / cartes #1F2937
Doré Accents, boutons, mise en valeur #D4AF37
Blanc cassé Texte principal #F9FAFB
Gris clair Texte secondaire, bordures #E5E7EB
Palette de couleurs et typographies retenues

Outil utilisé

Figma.

Pages maquettées

Page Statut Aperçu
Accueil ✅ voir ci-dessous
Détail produit ✅ voir ci-dessous
Panier ✅ voir ci-dessous

Accueil

Header / Footer - Accueil

Détail produit

Détail produit - Desktop Détail produit - Mobile Détail produit - Mobile avec filtres

Panier

Panier - Desktop Panier - Mobile

Wireframe de navigation (schéma des pages)

Accueil (liste produits)
  └── Détail produit
        └── Ajout au panier
  └── Panier
        └── Validation (si dans le scope)
Wireframe - Accueil Wireframe - Détail produit Wireframe - Panier

Choix responsive

  • Mobile first / Desktop first : (à préciser)
  • Breakpoints Tailwind utilisés : sm, md, lg, xl — préciser les comportements clés par breakpoint.

Clone this wiki locally