Projets

BORÉAL

Design web, site de 33 pages

Rôle
Arborescence, wireframes, identité visuelle, hero, intégration
Cadre
École, La Cité
Année
2026
Logiciels
Figma
BORÉAL, design web, site de 33 pages

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.