MANDABati Diaspora
Construction website for diaspora clients
Premium showcase website for a fictional construction and renovation company serving diaspora clients who want to build back home remotely. The page sells a clear trust journey: detailed quote, milestone payments, photo/video reporting, one dedicated project lead and a qualified evaluation form. Full business-website workflow: positioning brief, three AI design directions, selected V3 A - Diaspora Assurance direction, Next.js 16 integration, SEO/GEO, JSON-LD, n8n-ready API route and light animations verified on desktop/mobile.
AI-first design workflow
From brief to code
The brief
Design a premium business website for a construction and renovation company serving diaspora clients. The visitor is far from the job site and worries about vague quotes, invisible delays and money spent without proof. The site needed to sell a reassuring framework: detailed quote, milestone payments, photo/video reporting, one project lead and a qualified evaluation request.
AI design variants
Business-website workflow: construction-sector framing, trust objections and conversion path, then three complete design directions before implementation. The directions explore three ways to sell the same promise: building back home from abroad without moving blindly.
Direction 1 - Diaspora Assurance
A clear, reassuring direction centered on the commercial promise: proof, payment milestones, reporting and remote support. The most immediately readable option for a diaspora buyer.
Direction 2 - Command Center
A more premium and methodical direction that sells construction management as a control center: tracking, documents, validations and one accountable lead.
Direction 3 - House + Proof
A more emotional direction focused on the family house and visual progress proof. It keeps trust central with a stronger home-building narrative.
Selected direction
Direction 1 was selected for the first version: it presents the offer, proof system and milestone-payment workflow most clearly. The final site keeps fast comprehension, a compact layout close to the mockup and an evaluation form aligned with the real business process.
Final build
Final build in Next.js 16. The site uses WebP images, metadata, sitemap, robots, JSON-LD, an n8n-ready API route and light scroll animations. Desktop/mobile checks validate no console errors, no broken images and no horizontal overflow.