Arborescence de site : l'architecture avant les pixels

Une arborescence visuelle est le plan d'architecture d'un site internet : quelles pages existent, comment elles sont reliées, à quoi sert chacune et comment un visiteur va de son arrivée à l'action que vous attendez. Elle compte car la structure est ce qui coûte le plus cher à changer ensuite : déplacer une page dans une arborescence prend une minute, la déplacer après le lancement demande une refonte. Elle s'adresse aux fondateurs qui lancent un SaaS, une boutique ou un site de services, et aux agences qui veulent une architecture UX avant le design.

Vous recevez une arborescence visuelle complète de chaque page et écran, jusqu'à 5 pages en Basique, 10 en Standard et 15 en Premium ; les principaux parcours utilisateur, de l'entrée à la conversion ; la logique de placement des contenus de chaque page, c'est-à-dire ce qui va au-dessus de la ligne de flottaison, ce qui mérite un scroll et ce qui doit aller ailleurs ; et une vidéo où j'explique le raisonnement derrière chaque décision. La mise en page vise la conversion, pas la convention, et l'ensemble est conçu comme un document de passation.

Une arborescence visuelle coûte 150 $ jusqu'à 5 pages, 250 $ jusqu'à 10 et 350 $ jusqu'à 15. Chaque page supplémentaire coûte +25 $, cartographiée et placée dans le parcours comme les autres. Deux options approfondissent l'architecture : une analyse UX concurrentielle de trois sites rivaux (+150 $) et une recherche utilisateur avec personas (+100 $), pour bâtir la structure autour de vrais visiteurs plutôt que de votre organigramme. La livraison express va de +100 à +200 $.

Une arborescence visuelle est livrée en 3 jours en Basique, 4 en Standard et 5 en Premium, vidéo commentée incluse. Le temps sert à décider quelles pages doivent exister et dans quel ordre, pas à dessiner des cases. Comme l'arborescence est la première étape d'une création, elle retarde rarement le projet ; si votre designer attend déjà, la livraison express est disponible en option.

J'ai besoin de connaître votre activité, votre audience et l'action attendue des visiteurs : acheter, réserver, s'inscrire ou vous contacter. Si un site existe déjà, envoyez l'URL ; si vous avez une liste de pages en tête, envoyez-la aussi, y compris celles dont vous doutez, car ce que vous écartez m'en dit autant que ce que vous voulez. Les sites concurrents que vous admirez et vos sources de trafic aident, sans être obligatoires.

Oui, et c'est ce que font la plupart des clients : l'arborescence est conçue comme un document de passation, annotée, avec une vidéo qui explique les choix, pour qu'un designer ou un développeur absent de nos échanges puisse s'en servir. Elle est indépendante de la plateforme et fonctionne pour Shopify, WordPress et Elementor, Webflow, Framer ou du code sur mesure, y compris les structures e-commerce avec collections, filtres et tunnel de commande. Beaucoup de clients l'utilisent comme brief pour leur équipe ou un autre freelance.

Non, l'arborescence s'arrête à l'architecture : les pages, leurs liens, les parcours utilisateur et la mise en page basse fidélité de chaque page. Les wireframes détaillés, le design visuel et le développement viennent après, et respecter cet ordre évite de refaire des pages qui n'auraient pas dû exister. Si vous voulez que je crée le site à partir de l'arborescence, je conçois des boutiques Shopify et des sites Elementor dans des services distincts, et le forfait Basique de ma création de boutique Shopify est cette même arborescence à 150 $.

Commandez l'arborescence visuelle quand votre offre, votre audience et votre objectif sont clairs et qu'il vous faut la structure page par page à remettre à un designer ou un développeur. Réservez d'abord le conseil en création de site internet si ces questions restent ouvertes, car une arborescence bâtie sur un positionnement flou finit refaite. En pratique, le conseil décide ce que le site doit faire et l'arborescence décide où va chaque élément ; si vous ne savez pas où vous en êtes, écrivez-moi sur Fiverr avec votre projet.

Parce que la décision qu'une IA ou un template ne peut pas prendre, c'est quelle page ne doit pas exister. Chaque arborescence que je livre est conçue à la main, en partant à la fois de l'action attendue et de ce qu'un inconnu sait en arrivant, selon une méthode CRO affinée sur +600 audits de sites. J'ai conçu +150 arborescences en tant que vendeur certifié Fiverr Pro en CRO, UX design et web design, noté 4,9/5 sur +900 avis, et les clients disent souvent que la vidéo commentée leur a fait comprendre la structure.