Corporate Platform & Custom CMS

Fiable Building Solutions

A high-performance corporate platform for a civil engineering firm — with a custom MongoDB CMS, automated lead capture, and localized SEO that drove a 3x increase in lead generation.

Client

Industry

Civil Engineering & Construction

Timeline

4 Weeks

Location

India

Year

2025

Type

Corporate + CMS

Business Challenge

10+ years of expertise, invisible online

Fiable Building Solutions has a 10+ year legacy in civil engineering — waterproofing, structural rehabilitation, epoxy flooring, and construction chemicals. Their offline reputation was strong, but their digital footprint didn't match their expertise.

Their previous website was a static brochure that couldn't be updated without developer intervention. No blog for content marketing, no project portfolio to showcase completed work, no lead capture beyond a basic email link. When a property developer searched "waterproofing contractor near me," Fiable wasn't in the results.

They needed a platform that would do three things: generate leads automatically, let their marketing team manage content independently, and rank for local search queries in their service areas.

Goals

Build a corporate platform that generates leads 24/7
Create a CMS so the marketing team can manage content without developers
Implement local SEO for waterproofing and construction search queries
Showcase completed projects with detailed case studies
Launch a blog for content marketing and organic traffic growth

Constraints

4-week timeline to coincide with a marketing campaign launch
Non-technical team needs to manage all content independently
Must achieve 95+ Lighthouse performance for Core Web Vitals ranking
Lead data must integrate with existing Google Workspace workflow

Results

Measurable business impact

Comparing the 3 months after launch against the previous static website.

Lead Generation

increase via optimized CTAs

100%

Content Control

team manages CMS independently

98+

Performance Score

Lighthouse performance

4 Weeks

Build Time

concept to production

Solution

What we built and why

Custom MongoDB CMS

The marketing team manages projects, blog articles, career listings, and service pages through a secure admin dashboard. Rich text editor for blog posts, image upload for project galleries, and auto-generated URL slugs. Content changes appear live immediately — no developer deployment step needed.

Dual-Channel Lead Capture

Every form submission goes through two independent channels: Google Sheets (for the team's existing workflow) and Nodemailer (HTML-formatted email notification). If one channel fails, the other captures the lead. Zero leads lost, and the team can work with data in the tool they already use.

Localized SEO Architecture

Programmatic SEO pages targeting local waterproofing and construction queries. JSON-LD structured data on every page. Canonical tags preventing duplicate content. The 98+ Lighthouse score directly improves Core Web Vitals rankings for local search queries.

Premium Animated Frontend

Framer Motion animations for service card reveals and section transitions. Clean UI components for beam effects and SVG masks. The design communicates 'modern engineering firm' — not 'construction company with a basic website.' First impressions drive whether a property developer contacts the firm.

Gallery

Platform interfaces

Fiable — Homepage sections with service cards and client trust signals

Fiable — Careers page with dynamic job listings from CMS

Fiable — Blog hub with CMS-managed articles for content marketing

Fiable — Blog article page with rich text content and schema markup

Technology Stack

Why we chose each tool

Next.js 15

App Router for server-rendered service pages (critical for local SEO), API routes for form handling and CMS endpoints, and static generation for blog articles to handle traffic spikes from content marketing.

MongoDB + Mongoose

The custom CMS stores projects, blog posts, career listings, and services. Document-based storage handles the varied content types without rigid schema constraints.

Google Apps Script

Lead data flows directly into Google Sheets via Apps Script — no separate CRM needed. Nodemailer triggers HTML notification emails as backup.

JWT + bcryptjs

Secure admin dashboard for content management. The firm's marketing team logs in to add projects, publish blog posts, and manage career listings without touching code.

Framer Motion

Subtle animations for service card reveals and section transitions. Communicates engineering precision and technical competence.

Process

4-week corporate platform build

Discovery & Architecture

Week 1

Mapped the firm's service catalog, defined content types for the CMS, and planned the SEO strategy targeting local waterproofing and construction queries.

CMS & Backend

Week 2

Built MongoDB schemas for projects, blogs, careers, and services. Created the admin dashboard with JWT authentication and rich text editing.

Frontend & Animations

Week 3

Developed the Next.js frontend with Framer Motion animations, clean styling, and responsive layouts optimized for construction industry clients.

Lead System & Launch

Week 4

Integrated Google Apps Script + Nodemailer for dual-channel lead capture, implemented JSON-LD schemas, optimized for 98+ Lighthouse score, and deployed.

"
Our old website was just a static brochure. The new platform acts like a 24/7 sales representative, capturing leads efficiently while allowing us to seamlessly update our growing portfolio of projects and services.
Raseed Saif
Director, Fiable Building Solutions

FAQ

Questions about this project

Why does a construction firm need a custom CMS instead of WordPress?+

WordPress sites for construction companies typically score 30-50 on Lighthouse because of plugin bloat. Fiable's custom CMS on MongoDB + Next.js achieves 98+ performance scores while giving the team full control over projects, blogs, careers, and service pages. Local SEO rankings directly correlate with Lighthouse performance scores, helping Fiable rank for 'waterproofing contractor near me' queries.

How does the lead capture system work?+

User submits the contact form → Next.js API validates the payload → Google Apps Script receives the data → data is appended to Google Sheets with timestamp and service category → Nodemailer sends an HTML-formatted notification email to the team. Two independent delivery channels ensure zero lost leads.

What content can the admin manage through the CMS?+

The admin dashboard controls: (1) project case studies with images, descriptions, and categories, (2) blog articles with rich text editing and auto-generated slugs, (3) career listings with job descriptions and application forms, and (4) service page content. All changes appear live immediately.

What local SEO strategy did you implement?+

Programmatic SEO targeting local search queries for waterproofing, structural rehabilitation, and construction services. JSON-LD structured data on every page. Canonical tags to prevent duplicate content issues. Meta descriptions optimized for location-based searches.

Can you build a similar platform for our construction or engineering firm?+

Yes. The Fiable build took 4 weeks. We need: your service catalog, existing project portfolio (for case studies), content marketing plans (for the blog CMS), and your team's preferred lead notification method. We handle design, development, CMS setup, SEO, and deployment.

Related Services