Dual corporate & research marketing sites
Energy Corporate Sites
Paired Next.js sites for S-Oil Corporation Pakistan—product-heavy corporate brand presence and a research/lab sister site with static TypeScript content modules.

The challenge
An energy lubricants organization needed distinct digital surfaces for corporate credibility and research storytelling—without diluting either message or over-building a CMS/backend for static brand content. Without a coherent dual corporate & research marketing sites foundation, Energy Corporate Sites stakeholders faced fragmented tools, slow handoffs, and limited visibility—classic failure modes Tekvers designs against.
The solution
Tekvers delivered two coordinated Next.js 16 experiences sharing brand discipline via adapted `data/company.ts` modules while specializing IA: a product-heavy corporate site and a lighter research/lab site. Tekvers delivered a maintainable dual corporate & research marketing sites system for Energy Corporate Sites using Next.js 16, React 19, TypeScript, Tailwind CSS 4, with phased rollout, operator workflows, and documentation suited to long-term ownership.
Approach
Audience-split information architecture
Corporate journeys prioritize products, industries, technology, partners, careers, and blog; research journeys prioritize About, Laboratory, Research, and Contact—so neither audience hits the wrong depth first.
Static typed content model
Products, blog posts, industries, company pages, and research stats live as TypeScript modules—marketing teams update data files without a headless CMS dependency.
Shared brand, specialized layouts
Duplicated/adapted company data keeps naming and corporate URL consistency; corporate adds carousel, WhatsApp float, and richer product/blog UI while research stays a focused multi-page companion.
Deliverables
- ▸Corporate Next.js site: home, about, products (+ slug), industries, technology, partners, blog (+ slug), careers, contact, company pages
- ▸Product catalogue data with category SKUs, specs, and datasheet/MSDS/shop links
- ▸Research Next.js site: home, about, laboratory, research, contact
- ▸TypeScript content modules for company, products, blog, industries, and research
- ▸Client-side contact/partner/career form UIs
- ▸Corporate sitemap generation and optional GA integration
- ▸WhatsApp floating contact on corporate; cross-link to s-oil.pk from research
Outcomes
- ▸Clearer institutional messaging for lubricant buyers and partners
- ▸Dedicated space for research/lab narratives
- ▸Cohesive multi-site brand presence without a shared backend
- ▸Maintainable static content structure for marketing updates
Impact
Stakeholders find the right S-Oil story fast—corporate visitors see products and credibility; research audiences get laboratory depth—on a maintainable Next.js pair that does not invent CMS or e-commerce checkout inside these marketing apps.
Tech stack
Want something similar?
I build production systems like Energy Corporate Sites—from architecture through launch. Tell me what you need.
Contact me →