BRIEF D’ANALYSE

L’objectif est d’analyser plusieurs sites de marques de mode/streetwear afin d’identifier les meilleures idées pour construire le nouveau site.

Dans le but de créer un parcours client en 4 étapes (clics) maximum :

Les références à étudier sont :

1. 016PMwww.6pmseason.com
2. 02Hennyhenny.xyz
3. 03MOWALOLAwww.mowalola.com
4. 04DAVRILdavril.com
5. 05DIVINBYDIVINdivinbydivin.com
6. 06Corteiz / CRTZRTWwww.corteiz.com/blogs/archive?page=2
7. 07Supremeeu.supreme.com/collections/new
8. 08Arte Antwerpfr.arte-antwerp.com
9. 09NOCTAwww.nocta.com/en-fr

Le but n’est pas de copier les sites, mais de comprendre ce qui fonctionne, pourquoi cela fonctionne et quelles idées peuvent être adaptées.

Chaque référence doit être analysée sur deux supports différents.

A. OrdinateurDesktop

Analyser le site sur un écran d’ordinateur.

Regarder notamment :

1. Homepage
2. Shop all
3. Page produit
4. Panier
5. Checkout

mais aussi :

• largeur du site
• navigation
• header
• menu
• position du logo
• présentation des produits
• taille des images
• typographies
• espaces entre les éléments
• footer
• compte client
• panier
• checkout

B. TéléphoneMobile / Responsive

Le responsive doit être testé directement sur un téléphone, et non simplement en réduisant la fenêtre du navigateur sur ordinateur.

C’est important car l’expérience réelle sur téléphone peut être différente.

Pour chaque site, il faut reconstituer le parcours de la homepage.

L’objectif est de comprendre :

• Qu’est-ce que l’utilisateur voit en premier ?
• Qu’est-ce qu’il voit ensuite ?
• Et dans quel ordre ?

Exemple d’analyse

1. 1Header
   • Logo
   • Menu
   • Recherche
   • Compte
   • Panier
2. 2Hero
   • Grande image / vidéo
   • Campagne
   • Message
   • CTA
3. 3Dernier drop
   • Produits
   • Nom de la collection
   • CTA
4. 4Editorial
   • Images lifestyle
   • Texte
   • Storytelling
5. 5Newsletter
   • Inscription
   • Message
6. 6Footer

Cette structure permet ensuite de construire notre propre architecture de homepage.

Il faut mesurer combien d’étapes sont nécessaires entre l’arrivée sur le site et le paiement.

L’objectif est de viser un parcours simple et rapide, idéalement autour de 4 grandes étapes.

Exemple

1. Étape 1HomepageL’utilisateur découvre la marque.
2. Étape 2ProduitIl clique sur un produit.
3. Étape 3PanierIl sélectionne sa taille et ajoute le produit au panier.
4. Étape 4CheckoutIl renseigne ses informations et paie.

À observer sur chaque référence

• Combien de clics ?
• Combien de pages ?
• Le panier s’ouvre-t-il en drawer ou sur une page ?
• Le checkout est-il rapide ?
• Les informations importantes sont-elles visibles ?
• Les frais de livraison sont-ils clairement indiqués ?
• Les moyens de paiement sont-ils visibles ?
• Y a-t-il des upsells ?
• Y a-t-il des distractions inutiles ?

Objectif : réduire au maximum les frictions.

Pour chaque référence, identifier les pages principales.

Exemple :

• Homepage
• Shop
• Collection
• Product page
• About
• Archive
• Journal
• Contact
• FAQ
• Shipping
• Returns
• Account
• Cart
• Checkout

L’objectif est ensuite de déterminer :

Quelles pages sont réellement nécessaires pour le site ?

Il ne faut pas créer des pages simplement parce que d’autres marques en possèdent.

Chaque page doit avoir une fonction.

Analyser précisément la navigation desktop + responsive

Questions à se poser :

• Menu horizontal ou hamburger ?
• Menu simple ou mega-menu ?
• Combien de catégories ?
• Shop directement accessible ?
• Collections visibles ?
• Archive ?
• About ?
• Recherche ?
• Compte ?
• Panier ?
• Menu fixe pendant le scroll ?
• Menu qui disparaît / apparaît ?

Exemple

Il faut déterminer quel niveau de complexité correspond réellement à la marque.

Analyser le footer de chaque référence.

Regarder :

• navigation secondaire
• réseaux sociaux
• newsletter
• contact
• FAQ
• livraison
• retours
• mentions légales
• CGV
• politique de confidentialité
• copyright
• devise

Le footer doit rester utile sans devenir inutilement chargé.

La fiche produit est une partie essentielle à analyser.

Pour chaque site :

• nombre d’images
• vidéo ou non
• zoom
• sélection de taille
• guide des tailles
• quantité
• bouton Add to Cart
• disponibilité
• description
• détails techniques
• livraison
• retours
• recommandations
• produits similaires
• avis clients
• wishlist

Exemple de structure efficace

1. Photos
2. Nom du produit
3. Prix
4. Tailles
5. Add to Cart
6. Description
7. Livraison / Retours
8. Produits recommandés

L’objectif est de comprendre quelle information apparaît avant et après le bouton d’achat.

Pour chaque référence, tester réellement le parcours.

Faire le parcours comme un client :

1. Homepage
2. Produit
3. Taille
4. Add to Cart
5. Panier
6. Checkout

Et noter :

• nombre de clics
• nombre de pages
• temps nécessaire
• éléments qui ralentissent
• informations manquantes
• éléments particulièrement bien pensés

L’analyse ne doit pas être :

J’aime ce site.

Elle doit être :

Cet élément fonctionne parce que…

Exemple :

Mauvais :J’aime le menu de Supreme.

Bon :Le menu est volontairement très minimaliste. Il permet d’accéder rapidement aux catégories principales sans détourner l’attention des produits. Cette logique pourrait être intéressante pour notre site si nous voulons conserver une image premium et minimaliste.

L’objectif est donc de comprendre la logique derrière chaque choix, puis de sélectionner les meilleures idées pour construire une expérience cohérente.

Avec pour but final de transformer cette analyse en une architecture claire et directement exploitable pour concevoir le nouveau site.