MField & Data Insight

Fieldwork precision, rebuilt as a site that behaves like the work.

MField & Data Insight (short form MField MEA, where MEA means Middle East & Africa) is a market-research fieldwork and data-processing agency headquartered in Casablanca. It runs CAPI tablet interviews, CATI telephone interviews, CAWI online surveys, mystery shopping and retail audits, focus groups and in-depth interviews, then cleans, weights and tabulates the data for research networks and brand-side insight teams across Morocco, North Africa, the GCC and Sub-Saharan Africa. Its buyers are research directors and project managers who scope studies for a living: they want to know which methods are covered, in which markets, with what quality control, and how fast a field team can mobilise. The old website could not answer any of that well. It was a multi-page Bootstrap/jQuery template with AOS, Swiper and Magnific Popup that looked like a thousand other agency sites and did not convey the precision the agency sells.

It also carried real liabilities. A full PHPMailer checkout (122 PHP files) sat in the public assets folder. The RFQ form showed an "RFQ logged" confirmation without sending anything, so a buyer could request a quote and never hear back. On the search side, canonicals disagreed with the sitemap, the 404 page was indexable, hreflang tags pointed to French and Arabic versions that did not exist, and the footer carried a compliance badge the site could not substantiate.

RAIN Design Studio rebuilt the site from scratch as a fully static Astro 5 site in TypeScript: 33 pages, no framework runtime, no server and no database. What ships:

• A content system research buyers can scan — 4 core services, 5 methodologies in interactive tabs, 8 research programs, 10 industries, 6 long-form case-study pages with a filterable index, and a 16-document policy hub in 4 categories.
• Tools instead of brochure copy — a real-time fieldwork feasibility calculator, a keyboard-accessible map of Morocco's 12 administrative regions, a ⌘K command palette, and an RFQ builder that writes a structured, pre-filled email in the visitor's own mail app.
• An "ink and bone" design system — one midnight-navy ink, one vermilion signal colour, self-hosted Geist type and flat hairline surfaces, in light and dark themes whose text and fill pairs pass WCAG AA.
• Clean foundations for search and AI answer engines — one SEO component for every page's metadata and JSON-LD graph, one honest locale, one clean sitemap with canonicals that match it 1:1, llms.txt and llms-full.txt, and a robots file that welcomes AI crawlers by name.

All content moved out of the markup and into typed data files, so the agency's own team can edit services, FAQs, policies and case studies without touching a template, and a typo fails the build instead of reaching the live page. The site is live at mfieldmea.com on v27.1.2, served through Cloudflare and released as tagged, ready-to-upload archives.

Static by default, typed at the source, safe for crawlers.

A precise, honest site the agency can run itself.

MField & Data Insight is live at mfieldmea.com on v27.1.2, served through Cloudflare and released as tagged, ready-to-upload archives. The fake RFQ confirmation, the publicly served PHPMailer files, the false French and Arabic hreflang claims, the indexable 404, the canonical and sitemap mismatch and the unsubstantiated footer badge are all gone. Per the project changelog, client logos dropped from 124 KB to 30 KB as WebP with correct dimensions. A research buyer can now scope a study in the calculator, check regional coverage on the map, read a matching case study and the relevant policies, and send a structured RFQ from their own inbox in one visit. The agency's team edits services, FAQs, policies and case studies as typed data, without a developer on call. We have no traffic, ranking or lead data for this project, so we make no claims about business results.