Aller au contenu

Corporation d’habitation Laval

Un site bilingue et facile à lire pour les locataires d’un OBNL

La Corporation d’habitation Laval est un organisme à but non lucratif qui possède des logements sociaux et abordables à Laval. Une bonne part de son public est âgée. Pour remplacer son site WordPress, nous avons bâti un site statique bilingue, lisible et rapide, où les locataires font leurs demandes en ligne.

Statut
Site programmé et testé, mise en ligne en préparation
Site
chlaval.ca
Technologies
Astro · TypeScript · Cloudflare Pages · Pages Functions · Workers Analytics Engine
  • 42pages, en français et en anglais
  • 7formulaires qui fonctionnent sans JavaScript
  • 100Lighthouse sur cellulaire, en test
  • 0témoin sur le site, statistiques comprises

Le contexte

La Corporation d’habitation Laval, fondée en 1998, développe et possède des immeubles de logements sociaux et abordables à Laval, pour les aînés, les familles et les personnes seules. L’Office municipal d’habitation de Laval en assure la gestion et l’entretien.

Son site tourne encore sous WordPress (thème Avada). Le design et les textes étaient déjà fixés par un guide de normes graphiques et une maquette de vingt pages : il fallait en faire un site lisible par un public âgé et conforme à la Loi 25.

Les défis

  • Servir un public âgé, sur ordinateur comme sur téléphone.
  • Respecter un guide de marque strict : cinq couleurs, des angles droits, aucune ombre.
  • Recevoir les demandes des locataires en ligne, sans JavaScript ni casse-tête antirobot.
  • Garder les adresses du site actuel, ajouter l’anglais et respecter la Loi 25.

Ce que nous avons bâti.

  • Pensé pour un public âgé

    Texte de base à 20 px, boutons et liens de navigation d’au moins 48 px, menu de six entrées toujours visible, sans menu caché. Le bouton Urgence et le téléphone sont sur chaque page.

  • Des demandes en trois étapes

    Cinq formulaires pour les locataires (réparation, loyer, plainte, salubrité, clés), en trois étapes numérotées : coordonnées, immeuble, demande. Photos et PDF acceptés, reconnus par leur contenu.

  • Des formulaires sans JavaScript

    Une fonction Cloudflare reçoit chaque envoi, le vérifie et le transmet par courriel. En cas d’erreur, la page revient avec un message à côté du champ et les valeurs déjà saisies. Le pourriel est filtré sans casse-tête.

  • Des fiches tirées des données

    Chaque immeuble ou projet est une entrée de données. Elle produit sa fiche en français et en anglais, sa carte, sa ligne d’accordéon, son lien de pied de page et ses données pour les moteurs de recherche.

  • Bilingue, sans perdre d’adresses

    Le français garde les adresses du site actuel et l’anglais est servi sous /en/, avec ses propres adresses. Chaque page mène à sa traduction, et les anciennes adresses sont redirigées.

  • Vie privée et statistiques anonymes

    Aucun témoin ni traceur. Un avis de collecte précède chaque bouton d’envoi, le contenu des demandes n’est jamais journalisé, et les statistiques ne gardent ni identifiant ni adresse IP.

Ce que les locataires font en ligne

  • Demander une réparation, photos à l’appui
  • Prendre une entente de paiement ou demander un ajustement de loyer
  • Faire une plainte
  • Signaler un problème de propreté ou demander une extermination
  • Écrire au sujet de leurs clés ou de leurs serrures
  • Trouver le numéro d’urgence en un clic, de n’importe quelle page

Les résultats

resultats.txt
  1. $ priam rapport --projet
  2. En test sur cellulaire, Lighthouse donne 100 en performance, accessibilité, bonnes pratiques et SEO sur les 42 pages, avec un affichage principal sous deux secondes.
  3. En test, aucune erreur d’accessibilité détectée par axe-core sur les 42 pages, sur ordinateur comme sur téléphone.
  4. Le site n’a qu’un script à lui, de moins d’un kilo-octet : le contenu et les formulaires fonctionnent sans JavaScript.
  5. À chaque modification du code, les vérifications sont relancées : HTML, liens, accessibilité, formulaires et Lighthouse.

Les solutions utilisées

Autres études de cas

Parlons de votre projet.

Racontez-nous ce qui vous fait perdre du temps. Une première rencontre, sans engagement, suffit souvent à voir ce qui est possible.

Nous joindre1 888 697-7426

↑↓ naviguerEntrée ouvrir/ ou Ctrl K rechercher