Proximity Power
Corporate Energy Company Website with WebGL Effects
Role
Solo Developer & Designer
Year
2026
Tech Stack
6 Technologies
Status
Completed
Overview
A Nigerian captive power generation company needed a website that communicated trust and technical sophistication to B2B clients evaluating multi-year contracts. I built the site in a 2-day sprint with a custom WebGL fluid simulation as the visual centerpiece, 7 SEO schema types for search visibility, and a typed data layer so content updates are one-line edits. Deployed at proximitypower.ng for a real energy company with a real office in Lagos.
The Problem
Nigerian businesses face chronic power unreliability. Proximity Power Nigeria provides gas-powered captive electricity as a service, but needed a digital presence that communicated trust, technical sophistication, and professionalism to high-value B2B clients evaluating long-term Power Purchase Agreements. A template wouldn't cut it — the site had to feel like it belonged to a serious infrastructure company.
Screenshots
Challenges
The CTA section needed an interactive background that communicated 'serious infrastructure company' — not a startup template. A static asset couldn't respond to user interaction; it had to be a real fluid simulation running in the browser.
Ranking for Nigerian B2B energy searches required 7 distinct structured data schemas, each page-specific and interconnected — not just a single Organization tag.
All business content needed to be easily updatable without a CMS — structured enough for type safety, but simple enough that a content change is a one-line edit.
Solutions
Built a custom WebGL fluid simulation — a full Navier-Stokes solver in GLSL shaders that responds to cursor movement, with auto-demo mode for organic idle motion and GPU lifecycle management to pause when off-screen.
Implemented 7 page-specific JSON-LD schemas that all pull from a centralized config — when contact info or branding changes, every schema updates automatically.
Structured all business content into typed data files. Updating leadership, services, or contact info is a one-line edit — no database, no CMS, just a git push.
Key Highlights
WebGL Fluid Simulation: A full Navier-Stokes solver running in the browser as an interactive CTA background — cursor-driven forces, organic idle motion, and automatic GPU pausing off-screen.
7 SEO Schemas: Page-specific structured data for Google Maps eligibility, rich snippets, and service listings — all auto-updated from a single config file.
Typed Pseudo-CMS: All business content in TypeScript data files. Content updates are one-line edits with no database or CMS overhead.
2-Day Sprint: ~4,800 lines, 4 pages, WebGL fluid simulation, 7 SEO schemas, and production deployment — shipped in about 2 days.
Scale & Scope
~4,789
Lines of Code
48
Source Files
4
Page Routes
7
JSON-LD Schemas
6
Git Commits
Technology Stack
Outcome
Live at proximitypower.ng for a real energy company with a physical office in Lagos, serving commercial and industrial clients across Lagos and Abuja.
