Cantrelle Studio
Parler du projet
Site professionnel

Belkhir Dépannage

Maquette multi-pages d'un site de dépannage d'urgence, pensée pour l'urgence, le mobile et le référencement local.

Projet de refonte pour un client réel, actuellement en validation — non indexé, formulaire pas encore branché

  • Astro 7
  • TypeScript strict
  • CSS natif

Voir le site en ligne

Page d'accueil de Belkhir Dépannage : dépannage d'urgence 24h/24 et 7j/7 dans les Hauts-de-France, avec numéro d'urgence visible
Service associéSites professionnels

Belkhir Dépannage illustre une architecture de contenu pensée pour l'urgence, le mobile et le référencement local.

Le problème

Un service d'urgence ne laisse pas le temps de chercher

Pour un service de dépannage, le visiteur doit comprendre immédiatement à qui il a affaire, voir un numéro de téléphone, identifier son métier (plomberie, chauffage, serrurerie...), vérifier que sa zone est couverte et être rassuré — le tout depuis un mobile, dans l'urgence.

La réflexion
Comment hiérarchiser l'urgence sans transformer le site en panneau publicitaire ?

Chaque page qualifie d'abord la situation avant de pousser l'appel : une carte par type d'urgence, une page par métier, une vérification de secteur avant le devis.

Démonstration visuelle

De l'accueil à la prise de contact

Page d'accueil de Belkhir Dépannage : dépannage d'urgence 24h/24 et 7j/7 dans les Hauts-de-France, avec numéro d'urgence visible
Décision

Accueil

À l'écran

Accueil : le besoin (urgence) et l'action (appeler) visibles immédiatement.

Section « Quelle est votre urgence ? » avec les situations fréquentes (fuite d'eau, chauffage en panne, porte bloquée, vitre cassée)
Décision

Qualifier l'urgence

À l'écran

Qualification de l'urgence avant l'appel, sans transformer le site en panneau publicitaire.

Page métier « Dépannage plomberie d'urgence » avec CTA d'appel et vérification de secteur
Décision

Une page par métier

À l'écran

Une page dédiée par métier, avec son propre message et son propre appel à l'action.

Carte des zones d'intervention dans les Hauts-de-France avec recherche de commune ou code postal
Décision

Vérifier sa zone

À l'écran

Zones couvertes : vérification du secteur avant l'appel, recherche effectuée localement dans le navigateur.

Version mobile de la page d'accueil Belkhir Dépannage, avec barre d'appel permanente en bas d'écran
Expérience mobile

Pensé pour l'urgence.
Pensé pour le mobile.

La barre d'appel reste accessible en permanence, sur l'écran le plus utilisé en urgence.

  • Barre d'appel permanente
  • Navigation mobile accessible
  • Appel et devis toujours visibles
Choix techniques

La technologie, et pourquoi elle est là

Astro 7
Contenu et SEO en rendu statique, JavaScript minimal.
TypeScript strict
Fiabilité du code sur un site multi-pages.
astro:assets
Images optimisées (formats modernes, dimensions adaptées).
CSS natif
Direction artistique propre au projet, sans dépendance de style lourde.

Voir le dépôt belkhir-depannage

Résultat réel

Ce qui a été construit

Construit et validé

  • Maquette multi-pages structurée (accueil, 5 pages métiers, zones d'intervention)
  • Navigation mobile accessible
  • CTA d'appel et de devis toujours visibles
  • Vérification de zone d'intervention (recherche locale, sans envoi de données)
  • Base SEO technique (title, meta, structure sémantique)

Avant une exploitation commerciale

  • Validation finale par le client
  • Branchement réel de l'envoi du formulaire de devis
  • Indexation du site
  • Architecture de contenu SEO
  • Hiérarchie de l'urgence
  • Conception mobile-first
  • Conversion (appel, devis)
  • Direction artistique sobre
Vous avez un besoin similaire ?

Parlons de votre projet.

Parler de votre projetDécouvrir Sites professionnels
Projet suivantSereno Application métier / SaaS

← Toutes les réalisations