Ado-Spectrum : un site internet qui parle aux ados et aux parents

Nous connaissions déjà bien Ado-Spectrum, nous les avons accompagné il y a quelques années dans leur précédent site web. Pour cette refonte, il fallait garder l'identité visuelle à laquelle l'organisme tient, mais repenser le fond. Moins de pages, un contenu plus inclusif, et surtout un site qui s'adresse directement aux ados et aux familles.

Deux publics, deux voix, un seul site

Le vrai défi de cette refonte n'était pas graphique, il était éditorial. Un parent qui cherche une activité encadrée pour son enfant et un ado de 14 ans qui se demande dans quoi il s'embarque n'ont ni les mêmes questions, ni les mêmes mots. Nous avons donc construit l'architecture autour de profils. La navigation principale sépare dès le départ « Parents et familles » et « Ados », et la page d'accueil propose trois portes d'entrée explicites : Je suis parent, Je suis un ado, Je veux soutenir.

Chaque parcours a ensuite son propre registre. Les pages parents vouvoient, rassurent et vont droit aux informations pratiques. La page ados tutoie, parle québécois (« avant d'embarquer », « jaser », « tu rejoins la gang ? ») et répond aux questions qu'un jeune se pose vraiment : ce qu'on fait, qui je vais rencontrer, à quoi ressemble l'endroit.

Réduire l'inconnu, page après page

Pour beaucoup d'ados autistes, l'imprévisibilité est un frein réel. Nous avons traité le contenu comme un outil de préparation, pas seulement comme une présentation. La page ados détaille la taille des groupes (9 jeunes maximum pour 3 intervenant·es), explique que les intervenant·es changent selon les horaires, intègre une vidéo de visite des locaux et découpe l'inscription en quatre étapes numérotées, avec un délai de réponse annoncé de 72 heures. Le message final rappelle qu'il est possible de commencer par une seule journée. Un article dédié à la préparation de la première visite prolonge cette logique côté familles.

L'inclusivité, dans le texte comme dans le code

Le contenu adopte une écriture inclusive cohérente sur tout le site (adolescent·es, intervenant·es, iels) et un vocabulaire qui parle des jeunes autistes comme de personnes à part entière, jamais comme d'un problème à gérer. Côté intégration, nous avons ajouté un accès rapide sur toute les pages afin de faciliter le passage d'un contenu à l'autre.

Sous le capot

Le site internet est développé sous WordPress avec Bricks Builder, notre environnement de prédilection pour livrer des sites rapides, propres côté HTML et faciles à mettre à jour par l'équipe de l'organisme.

L'optimisation SEO a été intégrée dès la création de site internet : meta title et meta description rédigés page par page, ancrage géographique sur Montréal, balisage Open Graph et Twitter Cards complet pour des partages propres sur Facebook, Instagram et LinkedIn. Les liens utilitaires (devenir membre, rapports annuels, nous joindre) sont regroupés dans une barre secondaire pour alléger la navigation principale sans les rendre introuvables. Enfin, le bandeau de consentement aux témoins de connexion propose un choix granulaire (fonctionnels, préférences, statistiques, marketing), en cohérence avec les exigences de la Loi 25.