Site Internet — Arborescence et conception

Le site internet est le canal central de Streetwear Empire en 2026 : c’est à la fois votre vitrine de marque, votre canal de vente B2C direct, et l’espace pro pour vos revendeurs B2B. Cette page vous accompagne dans la conception de l’arborescence de votre site.

Pourquoi construire l’arborescence vous-mêmes ?

Trois raisons :

Vous prenez possession du sujet. Un site WordPress prêt à l’emploi vous met dans la peau d’un opérateur, pas d’un concepteur. En 2026, vous êtes les dirigeants de Streetwear Empire — c’est à vous de définir ce que votre site doit être.
Vous démontrez votre maturité digitale. Au Jour 5 devant le jury, présenter une arborescence pensée et justifiée vaut mille fois mieux qu’un site générique rempli à la hâte.
L’arborescence alimente le Cahier des charges UX. Les deux livrables sont indissociables : l’arborescence définit le plan du site, le Cahier des charges UX en précise les attentes fonctionnelles et techniques.

Qui rédige l’arborescence ?

Co-pilotage : Directeur Marketing Digital (vision globale) + Directeur Commercial (espace pro B2B)
Validation : équipe complète — l’arborescence doit refléter la vision globale de la marque
Mise à jour : à chaque évolution majeure du site (ajout d’un module, lancement du B2B, refonte)

Quand la produire ?

Jour 1 (Année 1) : poser la version 1 de l’arborescence en même temps que le Cahier des charges UX
Jours 2, 3, 4 : enrichir au fur et à mesure que de nouvelles sections deviennent nécessaires (collection capsule, espace presse, blog…)
Jour 5 (Soutenance) : présenter au jury votre arborescence finale comme preuve de la maturité de votre dispositif digital

Méthode de conception

Étape 1 — Identifier les usages Listez ce que les visiteurs viendront faire sur votre site : acheter, découvrir, candidater comme revendeur, lire un article, contacter, suivre une commande, etc.

Étape 2 — Regrouper en zones Regroupez ces usages en grandes zones : zone publique grand public, zone e-commerce, zone pro B2B, zone éditoriale.

Étape 3 — Hiérarchiser les pages Dans chaque zone, distinguez les pages principales (niveau 1, accessibles via le menu) des pages secondaires (niveau 2, accessibles via les liens contextuels).

Étape 4 — Formaliser visuellement Utilisez un schéma type « carte mentale » ou « organigramme » pour présenter l’arborescence. Outils possibles : Miro, FigJam, Whimsical, Lucidchart, ou même un simple Word avec des indentations.

Les zones à prévoir

Une arborescence Streetwear Empire 2026 doit couvrir au minimum :

Zone publique grand public : Accueil, Histoire de la marque, Engagements RSE, Blog, Contact
Zone e-commerce B2C : Boutique (avec sous-catégories par gamme), Pages produit, Panier, Checkout, Compte client, Suivi de commande
Zone pro B2B : Page d’accueil de l’espace pro, Connexion / Inscription revendeur, Catalogue B2B, Téléchargements (catalogues PDF, lookbooks, supports PLV), Historique des commandes
Zone éditoriale : Lookbooks, Articles de blog, Communauté / UGC
Zone légale : Mentions légales, CGV B2C, CGV B2B, Politique de confidentialité, Cookies

Les pièges à éviter

Arborescence trop profonde. Si un visiteur doit cliquer 4 fois pour trouver un produit, il est déjà parti. Maximum 3 niveaux de profondeur.
Mélanger les zones B2B et B2C. Le visiteur grand public ne doit pas tomber sur la grille tarifaire grossiste. Séparez clairement les espaces avec une logique de connexion pour la zone pro.
Oublier les pages légales. Pas glamour, mais obligatoires. Anticipez-les dès l’arborescence.
Reproduire l’organigramme interne sur le site. Le visiteur ne se moque de votre organisation. Pensez son parcours, pas votre structure interne.

Conseils pour réussir