Aujourd’hui je vous invite à découvrir le site de la créatrice agnès b. qui intègre une boutique en ligne, des défilés et une rubrique actu autour de la marque très dense.
Page d’accueil
Le style graphique :
Backrounds
Un des principes graphiques du site est que le fond de page (background) change en fonction des rubriques et des humeurs.
Typo manuscrite agnès b.
Le site capitalise sur la typo manuscrite d’agnès b. que l’on retrouve disséminée un peu partout sur le site (boutons, titres, teasers), le tout avec une élégance assez sympathique.
Le ton rédactionnel est aussi assez intéressant, j’apprécie particulièrement les accroches complices du style « newsletter please ! » au lieu d ‘un banal « inscrivez-vous à la newsletter », idem avec les « on adore !! » et « et aussi… ».
L’arborescence du site est relativement simple : shopping on-line, défilés et B.Side (clien d’œil musical aux faces B des vieux 45 tours).
Focus sur le shopping online :
Accueil produits homme
Le rubriquage est assez classique (mais efficace) : sélection Homme, Femme, Enfant… puis type d’article (chemise, t-shirt…).
Page liste « chemises homme »
Les pages « listes » sont volontairement aérées (seulement 6 produits visibles par page) et destructurées (vignettes de tailles différentes et non alignées). Au passage de la souris sur une vignette, une image plus grande vient remplacer le lézard emblématique de la marque. L’accès aux autres pages est en revanche trop discret à mon gout, tout comme le « voir tous les produits ».
Page liste « voir tous les produits »
Fiche produit
La fiche produit est elle aussi simpliste. Les infos rédactionnelles et d’entretien sont cachées dans un popup « + de détail ». La qualité des zooms produit est satisfaisante, même si on s’attend à pouvoir aller plus dans le détail (pour les matières notamment). Les photos à plat sont en revanche un peu tristounes, une petite ombre légère aurait sans doute ajouté un peu plus de chaleur.
Le cross-selling « et aussi… » est assez pertinent et placé en bas de la page il ne prend pas le dessus sur le produit consulté.
L’ajout au panier est signalé par un désormais standard layer qui se déroule en haut de page.
Côté checkout, rien de vraiment génial. On reste dans du classique de chez classique, dommage pour cette marque qui aurait pu prolonger l’expérience sympathique en « humanisant » un peu ses formulaires.
Il y a même quelques maladresses, comme la ligne « dont remise offre spéciale 0 € » dans le total de la commande. C’est à la fois vexant pour le « con » qui n’a pas de remise et surtout un point de sortie qui incite à stopper net sa commande pour aller glaner un code de réduc sur le net.
Un point de différenciation tout de même : des goodies (cadeaux) gratuits à ajouter à la commande (le magazine agnès b. et des préservatifs).
Les collections, les looks
Collection Homme
La rubrique défilés est très tradi : Quelques photos et des vidéos et c’est tout 
Page look
La présentation des looks adopte à peur de choses près le même traité que les pages listes. On peut ajouter le look complet à son panier.
Layer ajout panier d’un look
Page résultat du moteur de recherche « chemise »
La présentation des résultats de recherche est particulièrement agréable, ça change des listes froides à rallonge ! Le moteur cherche à la fois dans les produits et dans la rubrique éditoriale B.Side et les résultats sont clairement dissociés.
B. Side :
Accueil B.Side
Cette rubrique est très riche en infos et actus. C’est à la fois la rubrique corporate (la marque, la créatrice, sa vie son œuvre…), mais aussi -et surtout- un agenda très riche, présenté et rédigé façon blog, qui compile les engagements de la marque dans les autres domaines artistiques (musique, ciné…) et témoigne des partenariats avec des ONG dans la lutte contre le SIDA et le réchauffement climatique (entre autres).
Player agnès b. RADIO
Sympa aussi, le player « agnès b. RADIO » accessible dans le coin haut-droit du site qui ouvre un popup spécifique.
En conclusion :
Un site à la technique assez classique (pas une goutte de Flash), avec une belle réalisation graphique et un contenu éditorial (hors produits) très riche et vivant. Je regrette simplement que l’expérience e-shopping n’ai pas été un peu mieux travaillée dans la phase de checkout.
Bonne découverte : http://europe.agnesb.fr/fr/
Stéphane
