MANDABati Diaspora
Site métier BTP pour diaspora
Site vitrine premium pour une entreprise fictive de construction et rénovation destinée à la diaspora. Le projet vend un parcours clair pour construire au pays à distance : devis détaillé, paiements par jalons, reporting photo/vidéo, responsable unique et formulaire d'évaluation. Workflow complet site web métier : cadrage business, trois directions IA, choix V3 A - Diaspora Assurance, intégration Next.js 16, SEO/GEO, JSON-LD, API route prête pour n8n et animations légères vérifiées desktop/mobile.
Workflow design IA-first
Du brief au code
Le brief
Concevoir un site metier premium pour une entreprise de construction et renovation qui accompagne la diaspora. Le visiteur vit loin du chantier, craint les devis flous, les retards invisibles et l'argent depense sans preuve. Le site devait vendre un cadre rassurant : devis detaille, paiements par jalons, reporting photo/video, responsable unique et demande d'evaluation qualifiee.
Les variantes design IA
Workflow site web metier : cadrage du secteur BTP, des objections de confiance et du parcours de conversion, puis generation de trois directions completes avant implementation. Les directions explorent trois facons de vendre la meme promesse : construire au pays depuis l'etranger sans avancer a l'aveugle.
Direction 1 - Diaspora Assurance
Direction claire et rassurante, centree sur la promesse commerciale : preuves, jalons de paiement, reporting et accompagnement a distance. C'est la plus lisible pour un prospect diaspora.
Direction 2 - Command Center
Direction plus premium et methodique, qui vend le pilotage du chantier comme un vrai centre de controle : suivi, documents, validations et responsabilite unique.
Direction 3 - Maison + Preuves
Direction plus emotionnelle, focalisee sur la maison familiale et les preuves visuelles d'avancement. Elle garde la confiance au centre mais avec une narration plus habitat.
La direction retenue
La direction 1 a ete retenue pour la premiere version : elle expose le mieux l'offre, les preuves et le workflow de paiement par jalons. Le site final garde une lecture rapide, une densite proche de la maquette et un formulaire d'evaluation adapte au processus reel.
L'intégration finale
Integration finale en Next.js 16. Le site utilise des images WebP, metadata, sitemap, robots, JSON-LD, API route prete pour n8n et animations legeres au scroll. Les controles desktop/mobile valident l'absence d'erreurs console, d'images cassees et d'overflow horizontal.