07 • PROJECT
Oreon
Brand website for a Nigerian professional paint manufacturer.
RoleSolo — design & development
StackNext.js, TypeScript, Tailwind CSS
About the project
A production marketing site built with Next.js App Router for Oreon, a new Nigerian paint brand manufacturing professional-grade coatings formulated for the Nigerian climate. The site covers six products across interior, exterior, and floor categories, each with a dedicated subpage, WhatsApp pre-fill CTA, and datasheet request flow.
Built with SEO as a primary constraint — server-rendered pages, optimised metadata per route, auto-generated sitemap, and AI crawler blocking via robots.txt. Includes a hero with looping background video, a multi-category FAQ accordion, and a contact form with enquiry type routing.
Key Highlights
- Six individual product subpages with WhatsApp pre-fill CTAs
- Next.js App Router with full SSR for SEO performance
- Auto-generated sitemap referencing production domain
- Robots.txt with AI crawler and FacebookBot blocking
- Open Graph metadata verified across all routes
- Contact form with enquiry type routing
Tech stack
Next.jsTypeScriptTailwind CSS