How Semola Rebuilt Itself from the Ground Up — and What That Means for Your Business

quality improvement Semola Digital achieved after a custom NextJs build
Client: SemolaService: Full-Stack Web RedesignTimeline: 34 Days (Build + Launch)

— Executive Summary

From 37 to 94 on mobile. From 68 to 93 on desktop.
In 34 days — including a week of strategic planning — Semola Digital decommissioned a slow, template-bound WordPress site and replaced it with a custom Next.js platform built on a headless CMS, utility-first CSS, and an edge deployment network.
At launch: 27 pages fully structured, indexed, and marked up with JSON-LD schema. First Contentful Paint at 0.3 seconds. Largest Contentful Paint at 0.6 seconds — a threshold that places the site in the top 5% of websites globally for load performance.
This is not a proof-of-concept. It is a live, publicly accessible website. And it is the exact methodology Semola Digital deploys for clients.

About the Client

Semola Digital is a full-service digital agency headquartered in Lagos, Nigeria. The agency operates at the intersection of technical infrastructure and digital growth, delivering services across four practice areas: Technical SEO, Generative Engine Optimisation (GEO), Web Design, and Web Application Development.

Their client base spans SMEs, e-commerce brands, SaaS platforms, and enterprise organisations across Nigeria, West Africa, and international markets. The agency's positioning is deliberately engineering-led — every service is built around the principle that sustainable digital growth requires a sound technical foundation, not just creative output.

Certified and affiliated with Google, HubSpot, Microsoft Advertising, Semrush, and Simplilearn, Semola Digital operates at the frontier of search visibility — including the emerging discipline of Generative Engine Optimisation, which optimises content for citation by AI systems such as ChatGPT, Google Gemini, Perplexity e.t.c.

The Challenge: Building on Borrowed Infrastructure

Before the rebuild, Semola Digital's web presence operated on a WordPress template — the same dependency model we routinely advise some clients to move away from. The irony was not lost on the team. Advising clients on performance-first architecture while running their own brand on a slow, plugin-dependent CMS was a credibility ceiling they needed to break through.

The numbers told the story plainly:

Old Site (WordPress Template)New Site (Next.js Platform)
37 / 100 Mobile PageSpeed Score94 / 100 Mobile PageSpeed Score
68 / 100Desktop PageSpeed Score93 / 100Desktop PageSpeed Score
Semola Digital website pageSpeed score improvement on NextJs

A mobile score of 37 is not just slow — it is a structural liability. Google's mobile-first indexing means the mobile version of your site determines your rankings. At 37, you are not merely loading slowly; you are actively suppressed in search results, leaking prospective clients to competitors with faster sites, and sending every new visitor a silent signal: this business has not invested in its own digital presence.

For an agency selling performance-first web solutions, that was untenable. The decision was made to rebuild — from scratch, no templates, no compromises.

The Brief: What the Rebuild Had to Achieve

The project was scoped internally as a non-negotiable standard-setter. If Semola Digital was going to advise clients on what great looks like, the agency's own website had to be Exhibit A. The brief had five non-negotiable requirements:

  • Build from absolute scratch — no templates, no page builders, no theme dependencies.
  • Own the entire technology stack, from the Headless CMS to the CDN.
  • Implement SEO-first architecture from the first line of code — not retrofitted after launch.
  • Ship in under 30 working days, with a full content and schema markup layer.
  • Launch with every page structured, indexed, and immediately crawlable.

The Process: 34 Days From Blueprint to Production

What follows is not a simplified summary. It is the actual sequence of decisions and deliverables that took the project from blank canvas to a live, production-grade platform — in 34 days.

PhaseWhat Happened
Phase 0: Discovery (Days 1 – 7)Strategic planning, competitive benchmarking, sitemap and URL structure, brand direction, and technology stack finalisation. Every decision made before a line of code was written.
Phase 1: Design & Core Build (Days 1 – 18)UI design, component architecture, Next.js scaffolding, Tailwind configuration, Sanity schema design, page templates, responsive layout, image optimisation pipeline, and Vercel deployment setup.
Phase 2: UX, Content & Schema (Days 19 – 27) - ParallelUX flow refinement across all user journeys. Copywriting and on-page SEO content strategy. JSON-LD structured data markup for every page type. Internal linking architecture and metadata across all 27 pages.
Phase 3: Testing & Production (Day 27+)Cross-browser and cross-device QA, Core Web Vitals validation via PageSpeed Insights, accessibility review, sitemap submission, and production launch. 27 pages indexed at launch.

A Note on Overlap

Phase 2 — UX flow, copywriting, and structured data — did not wait for the build to complete. It began on Day 19, running in parallel with the final development sprint. This overlap is deliberate and reflects a systems-thinking approach to web projects: content and technical architecture inform each other. Waiting for one before starting the other wastes time and produces worse results.

By the time the final test suite ran, the site was not just built — it was fully written, fully marked up, and fully optimised.

The Stack Decision: Why Each Technology Was Chosen

Technology choices in web development are not preferences — they are bets. Each tool in the stack either accelerates or limits everything that follows it. Here is what was chosen and why:

TechnologyWhy It Was Chosen
Next.js 16React-based framework for server-side rendering and static generation — ensures pages load fully rendered for both users and search engines
Sanity CMSHeadless content management — content lives independently of the UI, enabling faster deploys, schema-driven structure, and zero plugin bloat
Tailwind CSSUtility-first CSS that eliminates dead code, enforces design consistency, and shaves kilobytes from every page load
VercelEdge deployment network with global CDN, automatic HTTPS, zero-config CI/CD, and sub-millisecond routing — the infrastructure match for Next.js
JSON-LD SchemaStructured data markup (Organization, WebPage, FAQPage, Article, BreadcrumbList) baked directly into each page template — not retrofitted

The WordPress Comparison

WordPress powers over 40% of the web. It is also one of the most over-burdened, plugin-dependent, and performance-compromised platforms in existence when used at scale with a visual page builder or commercial theme.

The structural difference between a WordPress template site and a custom Next.js build is not a matter of degree — it is a matter of kind. A WordPress template bundles code, styling, and functionality for every possible use case, most of which a given site never needs. A Next.js build ships exactly what is needed, nothing more. The result is a smaller payload, a faster rendering pipeline, and a codebase the agency owns completely.

The Results: What the Numbers Say

MetricBeforeAfterImpact
PageSpeed Score — Desktop68 / 10093 / 100+37%
PageSpeed Score — Mobile37 / 10094 / 100+154%
First Contentful Paint (FCP)N/A0.3 s
Largest Contentful Paint (LCP)N/A0.6 sTop 5% globally
Cumulative Layout Shift (CLS)N/A0.00Perfect
Speed IndexN/A0.6 s
Total Blocking Time (TBT)N/A160 ms
Pages Indexed at Launch27 pagesDay-one crawlability

Breaking Down What These Numbers Mean

quality improvement Semola achieved after a custom NextJs build

PageSpeed scores are important, but the individual metrics tell the more precise story:

  • FCP of 0.3s means a visitor sees the first piece of meaningful content in 300 milliseconds. The industry benchmark for 'Good' is under 1.8 seconds. Semola Digital's site delivers it in one-sixth of that threshold. First Contentful Paint — 0.3 seconds;
  • LCP is the metric Google weights most heavily in Core Web Vitals. A score under 2.5 seconds is considered 'Good'. At 0.6 seconds, the site sits in the top 5% of websites globally. For a business competing for attention in a crowded agency market, this is a structural competitive advantage. Largest Contentful Paint — 0.6 seconds;
  • A CLS of zero means nothing on the page moves after the initial load. No buttons jumping. No text reflow. No images popping into position. This is the UX detail that separates engineered websites from assembled ones. Cumulative Layout Shift — 0.00;
  • How quickly the visible portion of the page is fully populated. At 0.6 seconds, the page feels instant — because it effectively is. Speed Index — 0.6 seconds;
  • Most newly launched sites are crawled gradually over days or weeks. By launching with a fully structured XML sitemap, clean URL hierarchy, and schema markup on every page, Semola Digital's site was indexable from day one. 27 pages. Fully structured. Ready to rank. 27 Pages Indexed at Launch;

Phase 2: The SEO Layer, Already in Motion

The rebuild was Phase 1. It solved the infrastructure problem — speed, architecture, structure, and technical SEO foundations. Phase 2, which began in parallel on Day 19 of the build, addresses the visibility problem.

quality improvement Semola achieved after a custom NextJs build

What Phase 2 Covers:

  • On-page SEO optimisation across all 27 pages — title tags, meta descriptions, header hierarchies, and keyword mapping aligned to search intent.
  • UX flow analysis — ensuring that every user journey from landing page to conversion point is logical, low-friction, and designed to generate enquiries.
  • Structured data markup — JSON-LD schema implemented for Organisation, WebPage, FAQPage, Article, and BreadcrumbList types, making every page eligible for rich results in Google Search.
  • Content strategy — the blog is already live with industry-grade technical content targeting high-intent search queries in the Nigerian, West African, and the global market.

Phase 1 built the engine. Phase 2 puts it on the road.

What This Means for Your Business

Semola Digital did not build this website to demonstrate that they could. They built it because they needed it — and then realised that the process, the discipline, and the results were exactly the proof point their potential clients needed to see.

Consider what the project established:

  • A bespoke website, built from scratch, delivered in 34 days — including strategic planning, design, development, copywriting, and schema markup.
  • A mobile PageSpeed score lifted from 37 to 94 — a 153% improvement — on a live, production domain.
  • A desktop score of 93, with an LCP of 0.6 seconds, placing the site in the top 5% globally for load performance.
  • 27 fully optimised, indexed pages on day one of launch — not gradually crawled over weeks.
  • A headless CMS architecture that editors can update without touching code — and developers can extend without fighting a theme.

The Question Worth Asking About Your Own Site

What is your current mobile PageSpeed score? If you do not know, Google's PageSpeed Insights tool will tell you in thirty seconds. If the number is below 50, you have a structural problem that design alone cannot solve.

If it is between 50 and 75, you are losing ground to competitors who have already invested in performance. If it is above 75, you have a foundation worth building on — and the question becomes whether your architecture, your content, and your structured data are working as hard as your page speed.

“If we can do it for ourselves — with our own reputation and domain on the line — we can do it for you.”
That is not a sales line. It is the entire point of this document.

Start With a Free Consultation & Technical Audit

The most useful first step is not a proposal — it is an honest diagnosis. Semola Digital offers a no-commitment consultation about your business website where we can proceed with a technical audit that surfaces exactly what is holding your site back: speed bottlenecks, crawlability gaps, missed schema opportunities, and content misalignment.

The consultation is free. The insight is immediate. And if the audit findings point to a rebuild, a redesign, or a targeted SEO engagement, you will have the data to make that decision with clarity — not on a sales pitch.

Get a Site Audit --> semoladigita@gmail.com; +234 (706) 891-8071What You Get: Core Web Vitals diagnosis. Crawlability and indexation review; Schema markup gap analysis; Prioritised action recommendations, No obligation. Response within 24 hours.

Share this case study