John Ossai
← Back to Work

EMRC Website Rebranding

Techno-economic, Regulatory and Financial services platform for Energy and Utility Businesses

Role

Full-Stack Dev

Year

2024

Category

development

Live Site

Visit Link ↗
EMRC Website Rebranding

Tech Stack

ReactNext.jsTailwindCSSShadcn UIServer Actions

The Problem

EMRC (Energy Markets and Rates Consultants) is a leading energy consultancy in Nigeria. Their previous digital presence was a static, hard-to-maintain website that failed to reflect their authority in the sector.

The Execution

I architected a completely new digital experience using Next.js. I moved them from a static site to a dynamic content platform powered by Incremental Static Regeneration (ISR), allowing instant content updates without full rebuilds. I also built a custom design system using Shadcn UI to ensure visual consistency across all 100+ pages.

Incremental Static Regeneration (ISR)

Implemented ISR to allow the marketing team to publish reports and news instantly while maintaining the performance benefits of static generation. This reduced build times by 90%.

Server Actions for Lead Gen

Built robust form handling using Next.js Server Actions, ensuring secure and progressive enhancement for their consultation request flows.

Component-Driven Design

Created a comprehensive UI library based on Shadcn UI, allow new pages to be assembled rapidly with pre-approved, accessible components.

Impact Metrics

98/100

Lighthouse Score

< 10s

Content Update Time

+45%

SEO Traffic Increase

120+

Pages Migrated

Technical Deep Dive

The biggest technical hurdle was handling the massive archive of regulatory PDFs (3000+ files). I implemented a virtualized list for the document library to decouple the DOM size from the dataset size, keeping the 'Publications' page silky smooth even on low-end mobile devices.