← Retour aux projets

Capitaine Depan' — Serrurier Île-de-France

Site vitrine • Urgence 24/7, services, devis & contact

Client : Capitaine Depan'Période : 2026

Site one-page pour un serrurier dépanneur en Île-de-France : identité visuelle forte (mascotte, thème sombre et orange), présentation des prestations, parcours de conversion (appel, WhatsApp, demande de devis) et formulaire de contact structuré.

Capitaine Depan' — Serrurier Île-de-France

Contexte & Objectifs

Contexte

Site one-page pour un serrurier dépanneur en Île-de-France : identité visuelle forte (mascotte, thème sombre et orange), présentation des prestations, parcours de conversion (appel, WhatsApp, demande de devis) et formulaire de contact structuré.

Objectif

Générer des leads qualifiés (urgences et devis planifiés), rassurer sur la réactivité 24/7 et la transparence tarifaire, tout en offrant une expérience mobile fluide pour les situations d'urgence.

Défis

  • Hiérarchiser l'urgence (appel immédiat) vs la demande de devis planifiée
  • Envoi fiable des demandes de devis en production (API + Resend)
  • Conformité RGPD (cookies, mentions légales) sans bloquer la conversion mobile

Solutions

  • Hero avec CTAs multiples + bouton d'appel fixe sur mobile
  • Route serverless `api/send-devis` sur Vercel, variables d'environnement Resend
  • Bannière cookies (analytics opt-in), animations au scroll, pages légales dédiées

Galerie

Capitaine Depan' — Serrurier Île-de-France - Image 1
Capitaine Depan' — Serrurier Île-de-France - Image 2
Capitaine Depan' — Serrurier Île-de-France - Image 3
Capitaine Depan' — Serrurier Île-de-France - Image 4

Rôle

Conception et développement full-stack : SPA React/Vite one-page, API devis (Express en local, serverless Vercel en prod), intégration Resend, SEO schema.org, bannière cookies et déploiement.

Stack technique

React 18ViteTypeScriptTailwind CSSResendVercel

Résultats clés

Accueil, Services, Atouts, Devis, Contact
Sections livrées
Open Graph + schema.org Locksmith
SEO
Téléphone, WhatsApp, formulaire e-mail
Canaux de contact

Note : Certains détails techniques et visuels peuvent être confidentiels ou simplifiés dans cette présentation publique.

Discutons de votre projet →