Arnaud Électricité

Un site vitrine qui transforme les visites en devis

Un site qui fait le premier tri des demandes avant même le premier appel.

Construction / BTP·Devis & chiffrage

Un projet, 2 interfaces

À quoi ça ressemble

Site vitrine pour un électricien artisan à Angers, pensé pour convertir sans intermédiaire : devis guidé en 5 étapes, zone d'intervention vérifiable en un clic, galerie de chantiers avant/après.

Côté artisan, un back-office permet de suivre chaque demande, publier une réalisation et modifier les textes et le SEO du site sans jamais passer par un développeur.

Une identité visuelle unique

Couleurs

Typographie

Aa

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

0 1 2 3 4 5 6 7 8 9 & @ # %

RegularMediumSemiboldBoldExtrabold

Titres qui portent le message

Sous-titres qui structurent

Un texte courant lisible sur tous les écrans, avec des interlignes généreux.

Construit avec des technologies qui durent

Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.

Next.jsReactTypeScriptTailwind CSSFramer Motion

Le projet écran par écran

Accueil avec accroche, appel et devis gratuit
Fiche service avec délai et prix TTC
Galerie de chantiers filtrable par catégorie
Carte d'intervention et vérificateur de commune
Devis guidé en 5 étapes avec récapitulatif
Coordonnées, horaires et formulaire de contact
Portrait et parcours de l'artisan
1 / 7

Des enjeux concrets, des réponses concrètes

Les enjeux

Transformer les visiteurs en demandes de devis

Les défis initiaux

Formulaire de contact classique trop vague, non trié

Nos solutions

Devis guidé en 5 étapes, photos et urgence incluses

Les enjeux

Prouver son sérieux sans se survendre

Les défis initiaux

Chantiers invisibles, avis clients dispersés ailleurs

Nos solutions

Galerie avant/après et avis intégrés à chaque page

Les enjeux

Garder la main sur son site sans développeur

Les défis initiaux

Dépendre d'un prestataire pour chaque mise à jour

Nos solutions

Back-office pour éditer pages, SEO et chantiers seul

Les choix qui comptent

Trois décisions de conception prises sur ce projet, et pourquoi.

UX

Devis guidé en 5 étapes

La demande de devis est découpée en 5 étapes courtes : type de travaux, logement, photos, urgence, coordonnées. Une barre de progression situe le visiteur à chaque instant.

Les choix se font par gros boutons et curseurs, pas par champs de texte. Un panneau récapitulatif se remplit en direct à droite.

L'artisan reçoit une demande déjà qualifiée : type de logement, année de construction, surface, statut propriétaire/locataire.

UI

Preuve visuelle avant/après

Chaque réalisation qui le permet s'ouvre dans une modale avec un curseur avant/après glissable à la souris ou au doigt.

La durée du chantier et la ville sont affichées juste à côté, avec un bouton « Demander un devis » pour transformer la preuve en action.

Les chantiers concernés portent un badge jaune « Avant / Après » directement dans la galerie.

Marketing & Conversion

Pipeline de demandes sans CRM

Chaque demande entrante atterrit dans une liste unique avec un badge de statut coloré (Nouvelle, Rappel prévu, Devis envoyé, Gagnée, Perdue) et des filtres par étape.

Chaque ligne indique aussi la source (devis guidé, formulaire, Google Business), le type de travaux, la ville et la date de réception.

L'artisan visualise son pipeline commercial d'un coup d'œil, sans outil CRM séparé.

Rapide, mesuré, prouvé

La vitesse n’est pas une promesse : elle se mesure.

Performances : 96 sur 100
Performances
Accessibilité : 93 sur 100
Accessibilité
Bonnes pratiques : 100 sur 100
Bonnes pratiques
SEO : 100 sur 100
SEO

Chargement immédiat

Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.

Images optimisées

Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.

Stabilité visuelle

Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.

Une sécurité qui ne dort jamais

Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.

Sauvegardes quotidiennes sur serveur distant

Procédure de reprise testée mensuellement

Monitoring automatique toutes les 5 min du service, alerte auto si service down

Chiffrement SSL

Isolation des environnements de développement

Étape 1 sur 5 : Cadrage

5 étapes pour concrétiser votre projet

Cadrage

Client
PDFcahier-des-charges.pdfPDF · 14 pages
ou

On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.

CyberScale

Reçu ! On vous prépare un prototype sous 3j

Vous décrivez votre projet

Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.

0 €libre, le prototype reste à vous

Vous avez lu jusqu’ici ? Continuons ensemble.

Avant de signer, on vous offer sous 3j un prototype de votre projet.

Ajustements illimités, sans surcoûtLivraison et rapport hebdomadaireVous ne payez que si satisfait

Sans engagement

Questions fréquentes

Parce que nous limitons volontairement notre charge à 3 projets simultanés.

Résultat : des maquettes en 72 heures, 90% des messages répondus dans l'heure, une livraison chaque semaine et des délais garantis contractuellement.

Si nous sommes en retard, vous recevez gratuitement 2 mois de maintenance, d'hébergement, d'articles de blog et de social media.