Le contexte
Pompes funèbres Ciceron, entreprise installée à Saint-Esprit en Martinique, avait besoin d'un site simple, sobre et rassurant pour présenter ses services. Les familles qui le consultent sont en situation de deuil, souvent depuis un téléphone et parfois en pleine nuit : l'essentiel (le numéro à appeler, les horaires 24h/24, l'adresse) devait être accessible immédiatement.
Ce que j'ai fait
Direction visuelle élégante autour d'une touche de mauve, avec une navigation flottante, un hero plein écran et une grille de services en bento. Rédaction et structuration du contenu à partir des documents du client, avec une FAQ qui répond aux vraies questions des familles. Intégration du logo, optimisation des photos, et barre d'appel fixe sur mobile pour contacter l'entreprise en un geste.
Architecture et qualité
Site généré en statique avec Nuxt 4. Découpage en composants réutilisables (boutons, sections, cartes, galerie) et design system en SCSS : tokens de couleurs, typographie et breakpoints, mixins, styles encapsulés par composant. Toutes les données (coordonnées, services, FAQ, images, SEO) sont centralisées dans un seul fichier typé, pour que le client puisse faire évoluer le contenu sans toucher aux composants.
Accessibilité
Lien d'évitement, repères de page, hiérarchie de titres, menu mobile utilisable au clavier, focus visible et textes alternatifs. Les contrastes de couleurs sont vérifiés automatiquement par des tests selon les seuils WCAG AA. Les animations GSAP, volontairement sobres, respectent la préférence de réduction des animations et le contenu reste visible même si le JavaScript ne démarre pas.
SEO local
Balises title et description, Open Graph, URL canonique, données structurées schema.org (LocalBusiness avec horaires 24h/24 et coordonnées GPS, FAQPage), sitemap et robots.txt, pour cibler les recherches comme pompes funèbres Martinique ou pompes funèbres Saint-Esprit.
Tests
Tests de non-régression exécutés avec le test runner natif de Node : conservation du contenu, cohérence des données SEO et des numéros de téléphone, garde-fous d'accessibilité et contrastes des couleurs. J'ai vérifié leur efficacité en introduisant volontairement des régressions.