Augias Intervention
Retour

Refonte premium d'une plateforme de nettoyage extrême pour digitaliser l'acquisition client et asseoir une autorité d'expert (Unité d'élite).

AugiasIntervention

Lead Developer Fullstack & UX Engineer
Février - Mars 2026
Le Contexte

Comprendre le défi

Démarrant de zéro, le client devait immédiatement s'imposer sur un marché où la présentation est vitale. L'image artisanale ou choquante devait être remplacée par une captation de leads fluide et rassurante.

Le Client

Augias Intervention est une société spécialisée dans le nettoyage extrême de locaux (syndrome de Diogène, nettoyage post-mortem, locaux squattés, fientes de pigeons).

Objectifs

Dédramatiser la situation via un design sombre, élégant et apaisant. Automatiser la qualification des prospects avec un simulateur de prix. Créer un sentiment de Task Force.

Problème

Démarrant de zéro, le client devait immédiatement s'imposer sur un marché où la présentation est vitale. L'image artisanale ou choquante devait être remplacée par une captation de leads fluide et rassurante.

Contraintes

Présenter des interventions potentiellement choquantes sans effrayer l'utilisateur (filtres de pudeur, processus par étape). Gérer la sécurité et le poids de l'upload multiple d'images.

L'approche

Notre Solution

Mise en place d'une architecture hybride haute performance orientée composant avec Astro. Passages aux SSR globaux pour la sécurité CSRF et le routage API, tout en conservant une vitesse fulgurante et un SEO parfait.

Capacités Déployées

Front-end

Astro v5ReactTailwind CSS v4

UI & Motion

Framer MotionLenis

Forms & Data

React Hook FormZod

Back-end

Node.jsVercel ServerlessResend API

Découvrez les modules spécifiques

Poursuivez la lecture ci-dessous pour l'exploration détaillée des fonctionnalités asymétriques et de l'architecture spécifique au projet.

Le saviez-vous ?

"Le simulateur de prix génère dynamiquement des PDFs sécurisés via des fonctions AWS Lambda en moins de 2 secondes."

Innovation Logicielle

Le Moteur d'Acquisition

Simulateur de Prix

Algorithme paramétrique

MATRICE_CALCUL_0|76.1%|MATRICE_CALCUL_1|20.2%|MATRICE_CALCUL_2|58.2%|MATRICE_CALCUL_3|30.2%|MATRICE_CALCUL_4|51.0%|MATRICE_CALCUL_5|3.5%|

Dashboard Devis

Tunnel d'urgence

Task Force B2B

L'Arsenal Technologique

Pour crédibiliser l'infrastructure B2B et instaurer un climat de confiance extrême, le matériel est modélisé sous forme de cartes d'équipement à parallaxe magnétique.

EQ-004X

Canon à Ozone

Purification moléculaire de l'air ambiant par oxydation.

L'Impact Réel

Slider Avant/Après - Filtre de Pudeur Actif

(Simulation de slider interactif css natif)
Post-Mortem Technique

Le Défi : Routage Serverless en Astro v5

[CRITICAL] L'automatisation des e-mails avec pièces jointes soulevait des problèmes complexes en production. Les API routes se heurtaient à des blocages stricts 404 (Vercel V9) et aux politiques Anti-CSRF.

> EXECUTION : Passage stratégique du mode "Static" au "Global Server App".
> OVERRIDE : Bypass manuel des polices de sécurité d'Astro 5 (`checkOrigin: false`) pour ouvrir le réseau POST mutli-part.

Inside the Engine

State Machine & Rules Engine

Le simulateur agit comme un moteur de règles piloté par des composants non-contrôlés (React Hook Form) pour prévenir la chute de framerate. La logique tarifaire déterministe est isolée et la validation Zod est déclenchée séquentiellement.

Source Module
// Lazy Triggering & Rules Engine
const { trigger, getValues } = useForm({ mode: 'onChange' });

const handleNextStep = async () => {
    const isStepValid = await trigger(stepFields[currentStep]);
    if (isStepValid) {
        const data = getValues();
        const severity = calculateSeverityFactor(data.type);
        updateEstimate(data.surface * basePrice * severity);
        proceedNext();
    }
};
Inside the Engine

Binary Streaming & Web Workers

Pour compresser les assets sans bloquer le main thread avant envoi transactionnel (Resend), nous déléguons l'effort CPU à un Web Worker. Le Node Backend transforme ensuite silencieusement les ArrayBuffers en Streams.

Source Module
// Worker-based Image Compression
const compressImage = async (file) => {
    return new Promise((resolve) => {
        const worker = new Worker('/workers/compression.js');
        worker.postMessage({ file, options: { maxSizeMB: 1 } });
        worker.onmessage = (e) => resolve(e.data);
    });
};

// Injection HTML Native (send-email.ts)
const rawHTML = `<div>Demande ${data.id} compressée</div>`;
Bilan

Impact & Résultats

Lighthouse
99/100
Leads
+300%
UX
Premium
"

Beaucoup de demandes entrantes et d'éloges reçus sur l'aspect haut de gamme et extrêmement professionnel renvoyé par le site.

D

Direction

Augias Intervention

Galerie

En Images

Aperçu visuel de la plateforme et de l'interface.

Mockup 1
Mockup 2
Mockup 3
Abstraction Arkodis
Votre vision, notre expertise

Prêt à lancer le vôtre ?

Élevez votre présence digitale avec une plateforme ultra-performante taillée sur mesure.

Démarrer un projet
Kalyx CBD
Projet Suivant

Kalyx CBD