AVANT PROPOS

Un template complet (menus, détail produit, mise en panier...) qui remplit un maximum de fonctions utiles et esthétiques ?
Un template qui propose une approche différente du produit et de sa mise en valeur ?

Présenter des produits, tous les templates le font.
Mais le plus souvent, c'est la mise en page facile et générique avec le produit à gauche et la description à droite.
Cette présentation est intimement liée à un affichage du prix et de la mise en panier facilitée.
J'ai réfléchis à une piste qui met l'accent sur le produit et une navigation minimaliste tout en conservant l'aspect de la mise en panier, primordiale pour un site de vente en ligne.
Car comme tout le monde le sait, sur une boutique en ligne ce qui intéresse les prospects, ce sont les produits et non l'histoire, la biographie, les liens, news, etc.

Evidemment, il faut que ces liens existent, ne serait-ce que pour le référencement et certains clients restent curieux.

Partant de ces principes, voilà le template que j'ai réalisé.
Il comporte une charte graphique complète (boutons, icônes, fonts, inters, ...)

Tous les produits et textes associés appartiennent à Bleu de Chauffe.
Un grand merci à eux :D


MISE EN PAGE GÉNÉRALE

  • Boxed centré
  • Certains gabarits de menus ou d'affichage produits propose du full width
  • Footer light ou dark, full width ou boxed
  • Mise en avant des photos produits
  • Accessibilité
  • Panier accessible et fédérateur d'achat
  • Menu full width ou boxed
  • Menu panier full width ou boxed

Home Page

  • Affichage des produits de la boutique avec pagination
  • Définition du nombre de produits
  • Affichage ou non du prix
  • Roll-over simple sur les items
  • Affichage ou non d'accroche visuelle

Look Book Page

  • Affichage de photos d'ambiance
  • Affichage du produit

Page Produit détail

  • Mise en avant de l'image produit
  • Ombrage spécifique
  • Tabs pour présentation des infos
  • Les médias peuvent être présentés soit :
  • - en mode boxed dans les tabs
  • - en mode full width dans les tabs
  • Big image unique
  • Affichage des images produit sous forme de slider
  • Activation ou non d'un affichage full navigateur pour les médias
  • Affichage ou non des liens sociaux pour partager la fiche produit
  • Affichage ou non des votes

Page Editoriale

  • Identification par l'image
  • Hiérarchisation du texte
  • Gris typographique respecté
  • Lisibilité

Mood board

Page d'accueil

Page produit

Produit Tabs description

Menu de navigation

Menu panier

Produit slider

Lookbook page

Footer générique