Concept de refonte • 2026

(02/12)

Ecodrone

Concept de refonte pour le nettoyage par drone, à Sedan : de l'avant/après au devis.

Voir le concept
Type
Concept de refonte
Année
2026
Rôle
Concept, direction artistique & développement
Offre comparable
Site complet
Une minute de visite : la mosaïque, les services en carrousel, les avant/après au curseur, la méthode, la zone, puis la page Toiture et le menu.

Contexte

Ecodrone nettoie, traite et inspecte les toitures et les façades depuis les airs. L'entreprise, installée à Sedan depuis le printemps 2025, travaille sans échafaudage ni nacelle, sans jamais marcher sur une tuile, avec des télépilotes certifiés EASA et des produits biodégradables à plus de 95 %, dans huit départements du Nord-Est, en Belgique et au Luxembourg. Son site actuel tient en trois pages, et un devis s'y demande par le même formulaire qu'une simple question. Ce concept n'est pas une commande, c'est une proposition, et il tourne pour de vrai, sur les textes, les chiffres et les photos de chantier de l'entreprise.

Le site tient en deux tons, un papier presque blanc et le graphite, et en deux couleurs relevées sur le logo, le vert menthe et le turquoise. La Geist pour les titres, serrés, la Geist Mono pour les étiquettes techniques. Le premier écran pose le drone sous une mosaïque de cases couleur papier ; au défilement, elles s'effacent une à une, jusqu'à laisser la photo en plein cadre. La même trame de pixels fait passer d'une section à l'autre et d'une page à l'autre : douze colonnes menthe scintillent pendant que l'ancienne page se découpe en escalier. La méthode s'empile en cartes au défilement, et chaque chantier se juge sur pièce, avant et après, au curseur.

Tout mène au devis. Chaque surface a sa page, avec sa méthode, ses produits, ses chiffres et ses questions, et chacune ouvre le devis avec son service déjà coché. Le formulaire tient en quatre étapes : les surfaces, le bâtiment, le lieu du chantier, les coordonnées. Dès le code postal saisi, il dit si le chantier est dans la zone d'intervention, et une demande hors zone part quand même, pour être étudiée. La carte de la zone est tracée depuis les limites officielles des départements, et le site se décrit à Google pour ce qu'il est : une entreprise locale, ses services et les questions qu'on lui pose.

Ecodrone, photo du client
Ecodrone

Visuels

Le menu Services : six cartes photo, une par surface, au-dessus de la page voilée
Le carrousel des six services sur le graphite, chaque carte menant à sa page
« La hauteur, sans le risque » : la sécurité, l'économie et l'écologie du drone, en trois cartes
La façade du stade Jean-Claude Bernard de Bazeilles, avant, pendant et après le passage du drone
La méthode en cartes qui s'empilent : l'étape 2, le diagnostic de la surface
La zone d'intervention autour de Sedan : huit départements, la Belgique et le Luxembourg
La page Toiture : démoussage, traitement et hydrofuge, le devis à un clic
Le devis, étape 3 : le code postal saisi, le site confirme que le chantier est dans la zone

Ce qui a été construit

  • Premier écran en mosaïque : les cases s'effacent au défilement, la photo finit en plein cadre
  • Transitions de section et de page en pixels menthe, jouées dans le routeur de Next
  • Écran d'ouverture : le logo se remplit au rythme de la barre de chargement
  • Six services, chacun sa page : prestations, chiffres, photos de chantier, questions
  • Carrousel des services en cartes, au glisser, à l'inertie et au clavier
  • Réalisations au curseur avant/après, et un chantier suivi avant, pendant et après
  • Méthode en quatre cartes qui s'empilent au défilement
  • Carte de la zone tracée depuis les limites officielles des départements
  • Devis en quatre étapes, ouvert depuis chaque service avec la surface déjà cochée
  • Zone vérifiée dès la saisie du code postal, Belgique et Luxembourg compris
  • Menu à cartes photo, navigable au clavier, et menu mobile plein écran en accordéons
  • Données structurées : entreprise locale, services, questions fréquentes

Stack

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • GSAP
  • Lenis
  • d3-geo
  • Resend
  • Vercel

Chiffres

4
Étapes jusqu'au devis
6
Services, une page chacun
10
Territoires reconnus au code postal

Un projet similaire ?

Pour un projet de ce type, la page Site complet dit ce qui est compris, le prix et le délai.

Ecodrone

01 / 11

Construisonsun site quifait venirvos clients

Parlez-moi de votre projet

Réponse sous 24 heures ouvrées. Le premier appel de trente minutes ne coûte rien · 06 98 92 08 60.

« Très bonne expérience avec Matteo. Il a su répondre à ma demande avec professionnalisme. Il est surtout a l'écoute et il est force de propositions. A recommander »

— Daniel Laurent, avis Google