Cas livré Cinema Index · Édition 2026 Réf · DSC-0002

Chapitre 01 · Le cas

N° 002 de l'atelier

Site vitrine one-page + blog · Livré en mai 2025

Appel Secours 17 — Téléassistance Charente-Maritime

ite vitrine d'un service de téléassistance local à Saintes. Une page qui rassure des familles inquiètes pour un parent âgé, qui démontre le sérieux d'un agrément Service à la personne, et qui fait remonter l'entreprise en tête des recherches Google de Charente-Maritime.

Vitesse
< 1 s
Lighthouse
97/100
Livré en
2025
Propriété
100 %
Sites vitrines artisanaux E-commerce sur mesure Applications métier Plateformes éditoriales SEO technique Automatisations IA

Brief — Chapitre 01

Le point de départ.

Chaque cas démarre par une page blanche et une conversation. Voici ce qui nous a réunis sur ce projet.

Site vitrine d'un service de téléassistance local à Saintes. Une page qui rassure des familles inquiètes pour un parent âgé, qui démontre le sérieux d'un agrément Service à la personne, et qui fait remonter l'entreprise en tête des recherches Google de Charente-Maritime.

« Travailler avec Codemaster, c'est avoir un atelier dédié — pas un prestataire de plus. »
— Appel Secours 17 (téléassistance, Saintes 17100)

— 4 livrables structurants

  • 01

    Un récit éditorial

    Une lecture guidée, qui pose qui vous êtes, ce que vous faites et pour qui — en moins de huit secondes.

  • 02

    Une identité visuelle

    Maquette unique, typographie soignée, palette signature. Aucune chance de croiser le même habillage ailleurs.

  • 03

    Un moteur Google natif

    Structure technique impeccable, balisage soigné, vitesse en dessous d'une seconde — la base d'un référencement durable.

  • 04

    Une autonomie totale

    Back-office épuré, formation visio, code source remis. Vous gardez la main, sans dépendance et sans loyer.

Planche — Chapitre 02

La pièce finie · vue d'ensemble.

Capture · 15.05.2025 · cliquez pour zoomer

Appel Secours 17 — Téléassistance Charente-Maritime

Appel Secours 17 — Téléassistance Charente-Maritime — Site vitrine one-page + blog

Anatomie — Chapitre 03

Ce que ce cas
embarque vraiment.

Aucun « selon devis » flou. Voici les quatre piliers livrés sur ce projet — comme sur chaque pièce sortie de l'atelier Codemaster.

01

Design

L'image qui
vous représente

  • Maquette unique inspirée de votre univers
  • Système typographique éditorial
  • Palette signature de marque
  • Animations discrètes, jamais clinquantes
  • Parfaitement adapté à tous les écrans
02

Pages & UX

Le contenu
au service du visiteur

  • Récit guidé, pas de menu en pavé
  • Pages dédiées par service / produit
  • Page contact + formulaire intelligent
  • Mentions légales, RGPD, CGU à jour
  • Erreurs 404 / 500 personnalisées
03

SEO & perf

Trouvé sur Google,
vite chargé

  • Structure technique propre & balisée
  • Titre + description optimisés par page
  • Sitemap dynamique & robots.txt
  • Schema.org enrichi (rich snippets)
  • Vitesse Lighthouse 95+ garantie
04

Stack & livraison

Les coulisses
fiables

  • Django 4.2 LTS, Tailwind CSS 3.8, CKEditor 5, SendGrid, MySQL, Plyr.js, schema.org JSON-LD
  • Back-office épuré, sans formation
  • Hébergement européen, SSL auto
  • Sauvegardes quotidiennes & monitoring
  • Code source remis · propriété 100 %

Lighthouse

97/100

LCP

< 0,9 s

Accessibilité

AA+

Propriété

100 %

Méthode — Chapitre 04

Quatre temps,
aucun flou.

Voici comment ce projet a été livré, étape par étape. Une méthode reproductible — celle qu'on applique à chaque pièce sortie de l'atelier.

  1. 01 J-5 → J0

    On a écouté · audit 45 min

    45 minutes en visio, offertes, sans engagement. On a creusé le métier, les objectifs, le quotidien — pour bâtir un projet vraiment fidèle à la vision client. À la sortie : cadrage écrit, devis ferme, planning posé.

    Livrable · cadrage PDF + devis offert

  2. 02 J0 → J+14

    On a conçu · design system

    Deux directions créatives présentées en visio, retours intégrés en direct, choix validé ensemble. Maquettes clés en Figma, design tokens posés, premier prototype interactif sous la main en moins de deux semaines.

    Livrable · maquettes Figma + design system

  3. 03 J+14 → J+45

    On a construit · démos chaque semaine

    Démo hebdomadaire en visio, lien preview à jour, accès au code source dès le premier jour. Le client suit en continu, ajuste à mesure — rien ne se décide sans lui. Aucun « effet tunnel ».

    Livrable · site complet en staging + recette

  4. 04 J+45 → J+135

    On a livré · puis on est resté

    Mise en ligne pilotée à quatre mains. Formation visio de 90 minutes pour prendre la main sur le back-office. Et 90 jours de suivi offerts — pour ajuster, optimiser, célébrer les premiers résultats.

    Livrable · go-live + formation + suivi 90j

Le récit — Chapitre 05

Le cas en détail.

L'enjeu pour Appel Secours 17

La téléassistance est un marché de confiance avant d'être un marché de prix. Quand une famille se résout à équiper un parent d'un médaillon d'urgence, ce n'est pas le tarif mensuel qui décide — c'est la certitude qu'au moment où grand-père tombera dans son couloir, quelqu'un de compétent décrochera dans la seconde et enverra des secours qui connaissent la maison.

Sauf qu'avant la rénovation, le site d'Appel Secours 17 n'arrivait pas à porter ce message. Une plaquette en ligne, datée, sans hiérarchie, qui parlait du service sans rassurer sur la personne. Les concurrents nationaux — eux — avaient des sites au cordeau et trustaient les premières positions Google pour « téléassistance Saintes » ou « médaillon urgence Charente-Maritime ». Un opérateur local, ancré dans le 17, avec ses secouristes formés, ses véhicules équipés, son agrément officiel, perdait des dossiers face à des plateformes anonymes basées à 600 km.

On a livré un site one-page qui inverse ce rapport de force : autorité locale assumée, preuve de sérieux à chaque section, formulaire de contact qui ne laisse pas une demande passer, et un référencement taillé pour faire d'Appel Secours 17 le premier nom qui sort quand une famille de Saintes cherche à protéger un proche.

Ce qu'on a livré

Un site qui rassure une famille inquiète dès les 5 premières secondes

La personne qui arrive sur un site de téléassistance n'est presque jamais le futur utilisateur du médaillon. C'est sa fille, son fils, parfois son conjoint. Quelqu'un qui s'inquiète, qui a peut-être déjà vécu un mauvais épisode (une chute non secourue, un séjour aux urgences à l'arrache), et qui a besoin d'être rassuré tout de suite. Pas dans trois pages, pas après un formulaire — tout de suite.

La page d'accueil tape direct : zone d'intervention identifiée (Saintes et alentours), disponibilité affichée en gros (24h/24, 7j/7), agrément officiel mis en avant. Trois cartes pédagogiques expliquent en une phrase chacune le maintien à domicile, la protection complète et la connexion directe à l'opérateur — exactement les trois questions que se pose une famille avant de décrocher son téléphone.

  • Hero immédiatement compréhensible — un visiteur qui ne lit pas un mot de texte sait, en trois secondes, qu'il est sur un service local, joignable jour et nuit, qui couvre sa ville.
  • Badges flottants 24/7 et Service agréé — la réassurance reste affichée même quand le visiteur scrolle, comme un rappel constant que ce n'est pas une plateforme anonyme.
  • Logos officiels visibles — Service à la personne, déclaration préfectorale, partenariats Charente-Maritime. Ces trois logos valent mille mots de copywriting.
  • Présentation vidéo intégrée dès la deuxième section, jouable en horizontal sur ordinateur et en vertical sur téléphone, avec un lecteur silencieux et discret pour ne pas effrayer une personne âgée qui découvre le site.

Concrètement, vous transformez un visiteur méfiant en un visiteur qui veut lire la suite. Et dans ce métier, la suite, c'est déjà une demi-victoire.

Un protocole d'intervention expliqué étape par étape, comme on explique à un proche

Quelqu'un qui hésite entre vous et un grand opérateur national pose toujours la même question : « concrètement, qu'est-ce qui se passe quand mon père appuie sur le médaillon ? ». Si la réponse n'est pas claire en quinze secondes, vous perdez le dossier au profit du premier concurrent qui aura su l'expliquer.

On a installé un schéma à quatre étapes en haut de section : alerte déclenchée, communication audio avec l'opérateur, envoi d'un secouriste sur place, sécurisation et rapport. Chaque étape a son icône, son numéro, son explication courte. Tout est visible en un coup d'œil, sans avoir à lire le texte. Une famille qui découvre le site comprend votre métier mieux qu'en lisant trois pages du concurrent national.

  • Lecture en diagonale possible — un proche pressé voit le déroulé en regardant les numéros 1-2-3-4, sans avoir à analyser de phrases. C'est exactement le format demandé par une cible 50-70 ans qui n'a pas envie de fouiller.
  • Vos différenciants techniques visibles — défibrillateur, oxymètre, tensiomètre, secouristes SAP2. Ce sont des mots que les concurrents n'osent pas mettre parce qu'ils ne les ont pas. Vous, vous les affichez en clair et ça vous démarque immédiatement.
  • Le mot « SAMU » apparaît — pas par hasard. C'est le mot qui ferme la vente psychologiquement : la famille comprend que vous n'êtes pas une hotline qui fait du blabla, vous coordonnez avec les urgences réelles.
  • Format scannable mobile — sur un téléphone, le visiteur défile et chaque étape prend tout l'écran. Lecture confortable même pour des yeux fatigués.

Apparaître en tête de Google sur les recherches du département

Voici ce qui se passe quand une famille de Royan, Cognac ou Saint-Jean-d'Angély commence à chercher une téléassistance. Elle tape « téléalarme personne âgée Saintes » ou « médaillon urgence Charente-Maritime » sur son téléphone. Si vous n'êtes pas dans les trois premiers résultats, vous n'existez pas pour elle. Et trois opérateurs nationaux occupent ces places par défaut depuis des années.

Le site est livré avec tous les signaux que Google attend d'un acteur local sérieux : votre adresse précise à Saintes (42 cour Paul Doumer), vos coordonnées GPS, votre zone d'intervention dessinée sur 30 km autour de la ville, votre catalogue de services, votre horaire 24/7 explicite, vos avis clients moyennés et comptés, vos questions fréquentes en réponses structurées. Tout ça est traduit automatiquement dans le langage que Google parse pour décider qui afficher en premier.

  • Présence locale renforcée — quand un habitant de Saintes cherche, votre fiche apparaît en haut avec note, étoiles, horaires, adresse. Le concurrent national n'a qu'une ligne bleue sèche en dessous.
  • Couverture des villes voisines — Cognac, Royan, Saint-Jean-d'Angély sont explicitement cités dans les mots-clés et les zones servies. Une recherche dans ces villes vous remonte.
  • Pages secondaires SEO — mentions légales, politique de confidentialité, CGV, plan du site : pas du remplissage, des signaux de sérieux que Google compte pour classer un site professionnel devant un brouillon.
  • FAQ structurée — les questions « comment ça fonctionne ? », « quels avantages fiscaux ? », « quelle zone ? » apparaissent en clair dans les résultats Google avant même le clic. Le visiteur a sa réponse avant d'arriver chez vous, ce qui pré-qualifie le contact.

Imaginez : un proche aidant tape sa requête à 23h en panique. Au lieu de tomber sur trois plateformes anonymes, il voit votre nom, votre note 5/5, votre adresse à 15 minutes de chez lui. Le téléphone sonne dans la foulée.

Un formulaire de contact qui filtre, qualifie, et arrive instantanément

Le cauchemar absolu d'un dirigeant de téléassistance, c'est une demande de contact qui se perd dans un spam ou qui arrive trois jours après. À ce moment-là, la famille a déjà rappelé un autre opérateur et signé. Le sujet est trop urgent psychologiquement pour attendre.

Le formulaire en bas de page est conçu pour ne jamais rater une demande. Nom, prénom, e-mail, téléphone, message — rien de superflu pour ne pas dissuader un proche aidant pressé. Le numéro de téléphone est nettoyé et reformaté automatiquement en arrivant, peu importe comment la personne l'a tapé (06.12.34.56.78, +33 6 12, sans espaces, etc.). Vous recevez la demande propre, prête à composer.

  • Notification instantanée par e-mail — dès la soumission du formulaire, vous recevez la demande. Pas d'attente de pull, pas de tableau de bord à consulter, c'est dans votre boîte avec toutes les infos rangées.
  • Numéros normalisés automatiquement — tous les formats sont acceptés en entrée et stockés au format français standardisé. Vous gagnez le temps de la recopie et vous évitez les erreurs de saisie au moment de rappeler.
  • Consentement RGPD intégré — la case « j'accepte la politique de confidentialité » est obligatoire et tracée. Vous êtes alignés sur la réglementation sans avoir à y penser, ce qui est essentiel quand vous traitez des données de personnes vulnérables.
  • Promesse de réponse sous 24h affichée — c'est un engagement public, qui pèse psychologiquement sur le visiteur et le rassure d'envoyer le formulaire plutôt que d'appeler un concurrent.
  • Plan d'accès Google Maps intégré — le proche aidant voit votre vraie adresse, vérifie que c'est bien Saintes centre, et se projette tout de suite avec un acteur local plutôt qu'une plateforme distante.

Des avis clients qui défilent et qui se renouvellent sans intervention technique

Sur un site d'artisan ou de service, mettre trois avis statiques en dur dans la page, ça ne convainc plus personne. Vos prospects ont l'habitude de voir des carrousels d'avis dynamiques, des notes moyennes calculées, du défilement automatique. Si vous n'avez pas ça, vous donnez l'impression d'un site daté — même si vos secouristes sont les meilleurs du département.

Une section dédiée affiche la note moyenne calculée en temps réel (5/5 actuellement), le nombre d'avis sur lequel elle s'appuie, et un carrousel qui fait défiler chaque témoignage toutes les cinq secondes avec un fondu doux. Vous ajoutez un nouvel avis depuis votre back-office en deux minutes, et il apparaît automatiquement sur le site, avec recalcul instantané de la moyenne. Vous ne nous payez jamais pour ça.

  • Note moyenne recalculée automatiquement — chaque nouvel avis ajusté la note publique. Vous n'avez aucune ligne de texte à modifier.
  • Carrousel auto-play avec indicateurs cliquables — le visiteur peut laisser défiler ou choisir un avis particulier. C'est exactement le format que Google Reviews ou Trustpilot proposent — vous l'avez en interne, sans dépendre d'une plateforme externe.
  • Étoiles SVG vectorielles — affichage net sur tous les écrans, du téléphone à l'écran 4K, sans pixelisation.
  • Affichage gracieux si zéro avis — la section reste belle même au démarrage, avec un message d'invitation. Pas de bug visuel le jour de la mise en ligne.

Une vidéo de présentation qui se charge sans casser le site, même sur 4G

Une vidéo de présentation, c'est l'élément qui transforme un site informatif en site convaincant. Une famille qui voit le secouriste parler dix secondes face caméra, qui voit le médaillon, qui voit le véhicule, n'est plus dans l'abstrait. Sauf qu'une vidéo mal intégrée, c'est un site qui rame, des données mobiles qui partent en fumée, et un visiteur qui ferme l'onglet.

On a livré un lecteur vidéo professionnel qui gère intelligemment le téléchargement. La vidéo n'est pas envoyée d'un bloc — elle est servie par tranches, en suivant ce que le visiteur regarde. S'il avance dans la vidéo, on lui envoie le bout suivant. S'il quitte, on n'a transféré que ce qu'il a vu. Résultat : un chargement instantané et zéro frustration, même sur une 4G campagne.

  • Deux versions intégrées — une vidéo horizontale pour les ordinateurs et tablettes, une vidéo verticale pour les téléphones. Le site choisit automatiquement laquelle servir selon l'écran. Format optimisé partout.
  • Contrôles personnalisés — bouton play, barre de progression, contrôle du son, plein écran. Tout est aux couleurs du site, sans logo YouTube ou Vimeo qui parasite l'expérience et risque de pousser le visiteur vers une autre vidéo concurrente.
  • Lecture par tranches — la vidéo se charge à la demande. Le visiteur n'attend pas que les 30 secondes soient téléchargées avant de pouvoir cliquer sur play.
  • Aucune dépendance YouTube ou Vimeo — la vidéo est servie depuis votre propre site. Pas de pub Google qui s'incruste, pas de suggestions de chaînes douteuses à la fin, pas de captation de données vers un tiers.

Un blog éditorial pour devenir une autorité locale sur la téléassistance

Le SEO local vous fait remonter sur les requêtes commerciales évidentes (téléassistance, médaillon, alarme). Mais ce sont les requêtes informationnelles qui captent les familles en amont — celles qui se posent les vraies questions : « quand faut-il équiper un parent d'une téléassistance ? », « téléassistance et APA, comment ça marche ? », « crédit d'impôt téléassistance 2025 ». Si vous répondez à ces questions en premier sur Google, vous devenez la référence du département.

Le site est livré avec un module blog complet : vous rédigez vos articles dans un éditeur de texte enrichi (gras, italique, listes, images, citations) qui ressemble à Word. Vous publiez immédiatement, vous planifiez pour la semaine prochaine, ou vous gardez en brouillon. Chaque article est automatiquement listé sur la page blog, et les trois plus récents apparaissent sur la page d'accueil.

  • Éditeur professionnel — vous tapez votre article comme un mail, sans coder, et le résultat est mis en page automatiquement avec les bons espaces, les bonnes tailles de titre, les bonnes couleurs.
  • Publication planifiée — vous écrivez cinq articles d'un coup, vous programmez la sortie sur deux mois, et le site les publie tout seul aux dates prévues. Zéro tâche récurrente.
  • Catégories thématiques — vous classez vos articles (Conseils, Aides financières, Témoignages, Actualités locales) pour que vos lecteurs naviguent facilement et que Google comprenne votre champ d'expertise.
  • Image de couverture par article — chaque billet a sa miniature, ce qui rend la liste sexy et donne envie de cliquer. Pas le triste mur de texte qu'on voit chez beaucoup de PME.
  • Articles indexés au plan du site — automatiquement transmis à Google à chaque publication. Vous n'avez rien à faire, votre nouvel article apparaît dans les résultats en quelques jours.

Un site qui tient sans intervention pendant des années

Vous n'avez pas envie de nous repayer tous les six mois pour changer un numéro de téléphone, ajouter un avis ou corriger une faute. Et vous n'avez surtout pas envie qu'un jour le site plante et que les demandes de contact tombent dans le vide.

On a livré une architecture solide qui ne demande aucune maintenance technique de votre côté. Le contenu modifiable (numéro de téléphone, e-mail, avis, articles de blog) est centralisé dans un back-office simple où vous changez ce qu'il faut en deux clics. Le reste — les sections marketing, le formulaire, la vidéo — ne bouge pas et ne plante pas.

  • Back-office accessible depuis n'importe quel ordinateur — vous vous connectez avec votre identifiant, vous modifiez ce qu'il faut, vous sauvegardez. Aucun logiciel à installer.
  • Hébergement français maîtrisé — vos données et celles de vos prospects restent en France. Question RGPD bouclée.
  • Sauvegardes automatiques — même si un jour vous supprimez quelque chose par erreur, on peut restaurer en quelques heures.
  • Performances mesurées au top — pages qui s'ouvrent en moins d'une seconde même sur téléphone vieillissant. Un visiteur ne ferme jamais un site qui se charge instantanément.

Ce qu'il faut retenir

Appel Secours 17 a été livré en environ trois semaines entre la maquette validée et la mise en ligne. Le client repart avec un site complet : page de présentation, vidéo intégrée, blog éditorial, formulaire de contact opérationnel, optimisation SEO locale poussée, conformité RGPD, back-office simple à utiliser. Plus aucune dépendance externe au quotidien — il publie ses articles, modifie ses informations et ajoute ses avis sans nous solliciter.

C'est exactement le format qui convient à un opérateur local qui veut passer d'une simple présence en ligne à une vraie machine commerciale, capable de capter les familles inquiètes là où elles cherchent — sur leur téléphone, en pleine soirée, quand l'opérateur national de Paris vient de leur sortir un script générique. Quand votre nom remonte premier sur la requête de proximité, la conversation a déjà tourné en votre faveur avant même que le téléphone sonne.

Garanties — Codemaster

Quatre engagements,
livrés avec chaque cas.

Propriété 100 %

Code, design, contenus, base de données — tout vous appartient. Aucune dépendance plateforme, aucun loyer caché.

Vitesse d'exception

Site qui s'ouvre en moins d'une seconde, partout, sur tous les écrans. Lighthouse 95+ comme standard atelier.

Visible sur Google

SEO technique inclus de base, balisage schema.org, sitemap dynamique. Aucun plugin à acheter, rien à activer plus tard.

Suivi 90 jours offert

Trois mois après livraison, on reste à vos côtés pour ajuster, optimiser, corriger les imprévus. Sans surcoût.

— Mots-clés & indexation

Charente-Maritime maintien à domicile médaillon d'urgence personnes âgées Saintes SEO local service à la personne téléassistance

Chapitre 07 — Suite de l'atelier

Cas similaires

Chapitre suivant · 3 pièces

Berlingeri — Entreprise familiale de rénovation Artisan

Berlingeri (artisan rénovation tous corps d'état, Valbonne — Côte d'Azur) · 2025 · Site vitrine multi-sections avec portfolio chantiers, formulaire de contact suivi en conversion et accessibilité multilingue

Berlingeri — Entreprise familiale de rénovation

Site vitrine taillé pour une entreprise familiale de rénovation installée sur la Côte d'Azur depuis 1984. Une page qui raconte quarante ans d'histoire en quelques secondes, un portfolio de chantiers qui rassure mieux que dix devis, un référencement local pensé pour Valbonne, Cannes et l'arrière-pays niçois, un formulaire qui ne perd jamais une demande et un site lisible aussi bien par un Français que par un voisin italien ou un client anglophone de passage.

Reefel Workshop — Atelier nautique La Rochelle Artisan

Reefel Workshop (atelier de réparation et d'entretien de bateaux, Port des Minimes — La Rochelle) · 2025 · Site vitrine multi-sections avec page météo marine 3D, blog éditorial et back-office complet

Reefel Workshop — Atelier nautique La Rochelle

Site vitrine signature pour un atelier nautique du Port des Minimes : une identité visuelle qui claque dès l'arrivée (logo peinture/bateau/graffiti animé), six services détaillés pour exister sur Google, une page météo marine et marées 3D unique en son genre, un blog conseils, un référencement local taillé pour La Rochelle et un back-office qui rend l'atelier totalement autonome au quotidien.

Nathalie Maunais — Assistance Relance & Recouvrement Amiable Blog

Nathalie Maunais (experte indépendante en recouvrement amiable, Clam — 17) · 2025 · Site vitrine one-page avec blog éditorial, formulaire de contact qualifié et SEO local

Nathalie Maunais — Assistance Relance & Recouvrement Amiable

Site vitrine élégant pour une experte indépendante du recouvrement amiable : une vraie présence en ligne qui rassure un dirigeant confronté à des impayés, met en avant une approche humaine plutôt que judiciaire, capte les recherches Google sur des sujets sensibles et transforme des visiteurs hésitants en prises de contact qualifiées.

Le suivant — Chapitre 08 À votre écoute

Votre projet pourrait être
le suivant.

Trente minutes en visio, offertes, sans engagement. La meilleure façon de juger si nous sommes faits pour avancer ensemble — et d'aligner vos objectifs, vos contraintes et un devis ferme.

Démarrer mon projet ← Retour à tous les cas
  • Visio offerte · 30 min
  • Réponse sous 24 h
  • Confidentialité absolue