- Rôle
- Arborescence, wireframes, identité visuelle, hero, intégration
- Cadre
- École, La Cité
- Année
- 2026
- Logiciels
- Figma

Le site complet d’un centre de plein air en Outaouais : 33 pages et 5 rubriques, de l’arborescence au site intégré. Randonnée, vélo de montagne, kayak et raquette, à 45 minutes d’Ottawa.
Contexte
Un centre de plein air qui veut faire réserver ses activités en ligne. Le site devait répondre en quelques secondes aux questions du visiteur : quoi faire, quand, comment venir, qui est BORÉAL, et comment réserver.
Recherche et inspirations
Une arborescence de 33 pages sur 5 rubriques et 3 niveaux au plus. Chaque rubrique répond à une question : Activités (quoi faire ?), Programmation (quand ?), Préparer sa visite (comment venir ?), À propos (qui ?), Nous joindre. Réserver, l’objectif du client, sort du menu et devient un bouton toujours visible.
Concept
L’accueil en huit sections, dans l’ordre des priorités du visiteur, dessiné en 1440 px et en 390 px. Sur mobile, la page se réorganise : menu en accordéon, activités en carrousel, barre Réserver fixe.
Logo, couleurs et typographies
Un logo au sapin dans le A et une palette tirée de la forêt : Canvas Tent, Summit Light, Moss Trail, Pine Grove, Sunfire Ember et Sky Chill. Big Shoulders Display pour les titres, Public Sans pour les textes, IBM Plex Mono pour les données.
Résultat final
Le hero conçu dans Figma, sur ordinateur et sur téléphone, puis reproduit en code, et les 33 pages de l’arborescence intégrées avec l’aide de Claude : toutes les activités, la carte des sentiers, la réservation en trois étapes et le calendrier. Le site se teste en ligne, sur ordinateur comme sur téléphone.










Charlotte Macarons
Identité et papeterie