Cours informatique Rouen : étude de cas d'un site local pour seniors

Objectifs

Cette activité n'a rien à voir avec mes projets de code : c'est un service de proximité. Je donne des cours particuliers d'informatique à domicile, à Rouen et dans ses environs, à des seniors qui veulent utiliser leur smartphone, leur tablette ou leur ordinateur sans stress. Le site a donc un rôle précis : permettre à quelqu'un de comprendre l'offre en quelques secondes, puis de m'appeler.

Quatre objectifs ont guidé la conception.

• Se faire comprendre tout de suite : la promesse et la ville sont dans le titre (« Des cours d'informatique pour seniors, chez vous à Rouen. »), et le numéro de téléphone est visible dès l'écran d'arrivée.
• Rassurer : cours en tête-à-tête uniquement, sur son propre appareil, à son rythme, avec un compte rendu écrit envoyé après chaque séance.
• Être trouvé à Rouen : un référencement local pensé dès le départ, détaillé plus bas.
• Rester simple à faire vivre : tous les textes se modifient dans Prismic, sans toucher au code.

Une page d'accueil qui répond aux questions dans l'ordre

Toute l'offre tient sur une seule page, découpée en blocs qui suivent les questions que se pose un futur élève :

• Je viens à vous : cours individuels, rythme adapté, travail sur son propre appareil.
• Ce que nous pouvons apprendre ensemble : huit thèmes (sécurité en ligne, smartphone, tablette, ordinateur, courriels, appels vidéo, photos, intelligence artificielle), chacun illustré par un exemple concret.
• Comment se passe un cours : quatre étapes, du premier appel à la possibilité de revenir quand on veut.
• Qui je suis : une présentation courte, avec ma photo et mes liens.
• Où je me déplace : les douze communes desservies et une carte simplifiée.
• Tarifs, questions et contact : un tarif clair, sept réponses aux questions fréquentes, puis un numéro et un formulaire de rappel.

Les exemples sont volontairement concrets : on se reconnaît dans « reconnaître un faux SMS de livraison » ou « un appel du dimanche avec vos petits-enfants » bien plus que dans un intitulé technique.

Direction artistique : lisible avant tout

Le public impose les règles. Le site privilégie la lisibilité, et l'audit d'accessibilité de Lighthouse le confirme avec un score de 100/100.

• Une palette sobre : un vert profond (#1a4030) et un crème (#f6f1e3) pour de forts contrastes, avec un vert clair (#a8d5b8) pour les accents.
• Deux polices : Atkinson Hyperlegible pour le texte, une police conçue par le Braille Institute pour être la plus lisible possible, et Bricolage Grotesque pour les titres. Les deux sont hébergées avec le site.
• Le téléphone toujours à portée : le numéro figure dans l'en-tête sur ordinateur, et un bouton « Appeler » reste affiché en bas de l'écran sur mobile.
• Peu d'éléments par écran : un message par bloc, de grands boutons, et une foire aux questions repliable.

SEO : se faire trouver à Rouen

Pour une activité locale, le but n'est pas d'être visible partout mais d'apparaître quand quelqu'un à Rouen cherche de l'aide. Le référencement est intégré dès la conception plutôt qu'ajouté après coup.

• Un titre et une description ciblés : la balise title (« Cours d'informatique pour seniors à Rouen avec Guillaume. ») et la meta description nomment le service, le public et la ville. Les mêmes textes alimentent Open Graph et Twitter Card, avec une image de partage de 2400 × 1260 pixels.
• Une hiérarchie de titres claire : un seul H1, qui porte la promesse et la ville, puis un H2 par section.
• Des données structurées schema.org : un bloc ProfessionalService (nom, téléphone, SIRET, tarif de 50 € de l'heure, public de 60 ans et plus et les douze communes dans areaServed) et un bloc FAQPage qui reprend les sept questions de la page.
• Une zone d'intervention écrite en toutes lettres : les douze communes figurent dans la page, dans les données structurées et dans le fichier llms.txt, plutôt qu'un simple « Rouen et environs ».
• Les fichiers techniques : sitemap.xml avec les dates de dernière modification, robots.txt qui pointe vers le sitemap, manifeste et icônes, et llms.txt à destination des assistants IA.
• L'accessibilité comme levier : langue déclarée en français, lien d'évitement « Aller au contenu », textes alternatifs sur les images.
• Un blog pour la suite : deux premiers articles (« Pourquoi prendre des cours d'informatique quand on est senior ? » et « Quel ordinateur choisir pour un senior ? ») qui répondent à des recherches précises.

Stack et architecture

Je suis expert Prismic, et c'est autour de ce CMS que j'ai construit le site. Il a son propre dépôt, séparé de celui de ce portfolio.

• Prismic : six types de documents (page d'accueil, réglages, hub du blog, articles, pages légales et auteur), une seule langue (français) et des images servies par son CDN, redimensionnées et converties à la volée.
• Next.js : les pages sont pré-rendues, donc très rapides à afficher et lisibles par les moteurs de recherche, puis déployées sur Vercel.
• Tailwind CSS : une feuille de style unique d'environ 38 Ko avant compression.
• Cloudflare Turnstile : il protège le formulaire de contact contre les spams, de façon discrète. La bannière de cookies est volontairement minimale : seuls les cookies nécessaires sont utilisés.
• Polices auto-hébergées : fichiers woff2 préchargés, pour éviter d'appeler un service tiers.

Choix et défis

Trois décisions ont façonné le projet.

Le téléphone avant le formulaire. Le numéro est partout (en-tête, bloc d'accueil, bouton fixe sur mobile), et le formulaire de rappel demande seulement un nom, un téléphone et un message, dans de grands champs de 60 px de haut. L'e-mail est facultatif.

Un tarif affiché, et une honnêteté assumée. Le prix est visible sans avoir à demander : 50 € de l'heure, déplacement inclus dans la zone. Le site indique aussi que la reconnaissance « Service à la Personne » est en cours de validation, plutôt que de promettre ce qui n'est pas encore acquis.

Écrire pour des débutants. Chaque phrase part du besoin réel de la personne, sans jargon, ce qui oblige à retirer plus de choses qu'à en ajouter. Les pages légales (mentions légales, confidentialité, conditions de vente) sont dans Prismic comme le reste.

Bilan et suite

J'ai mesuré le site en ligne avec Lighthouse le 2 novembre 2026 (version 13.6) : 100/100 en performance, accessibilité, bonnes pratiques et SEO, sur trois passages en mobile et un en ordinateur. En mobile, le contenu principal s'affiche en environ une seconde, sans décalage de mise en page (CLS à 0) et avec moins de 30 ms de blocage.

Le site est tout récent : ses contenus ont été publiés dans Prismic début octobre 2026. Les résultats sur le terrain, comme les positions dans Google et les appels reçus, viendront avec le temps, et je compléterai cette étude de cas quand j'aurai du recul.

La suite : continuer à publier des articles qui répondent aux questions que les seniors se posent vraiment, et suivre l'effet du référencement local.

👉 Voir le site : cours-informatique-rouen.fr