( Lubricants manufacturing )

Ace Lubricants

Protection for every turn: a product website for a Nigerian lubricants maker.

Client
Ace Lubricants
Year
2026
Industry
Lubricants manufacturing
Duration
3 weeks
Services
Web design, Web development, 3D web animation, Content structure
Ace Lubricants home page: Protection for every turn, with a Sprint SAE 40 jerrycan on a wet road at sunset
Ace Lubricants Lubricants manufacturing

Protection for every turn

Ace Plus 20W-50 4 L jerrycan

Brand board

From jerrycan to gearbox

17 products, 4 families, packs from 1 L to 200 L

3D scroll scene: a gear oil jerrycan pours amber oil onto turning steel gears

Typeface: Saira and Geist

What went into Ace Lubricants 3 weeks

  • engine oils
  • gear oil
  • hydraulic oils
  • product finder
  • WhatsApp ordering
  • distributors
  • 3D scroll
  • dark mode
Ace Lubricants logo in white on green
Ace Lubricants home page on a phone
Lubricants catalogue with search and filters
Ace Lubricants web design Ace Lubricants .14

About

Ace Lubricants makes engine, gear, hydraulic and transmission oils in Ogun State, Nigeria, for cars, keke, okada, generators, trucks and industrial plant. Its old website domain had lapsed, so the company needed a new home online that mechanics, fleet owners and distributors could actually use.

  • Website design and build
  • Product catalogue
  • 17 product pages
  • 3D scroll scene
  • Distributor page
  • Light and dark themes

Project Line

Week-1
Week-2
Week-3
  1. Research , week 1
  2. Content and structure , week 1 to 2
  3. Design and build , week 2 to 3
  4. 3D and launch , week 3
The challenge

What needed solving

Seventeen products, four families and pack sizes from 1 L to 200 L had to be easy to compare, and the brand had to feel as solid as the product. Most buyers order by phone or WhatsApp, not through a shopping cart.

What we did
  1. Built a searchable catalogue with filters for what you run, product type, viscosity, API grade and pack size.
  2. Gave every product its own page with technical data, pack sizes and one-tap WhatsApp ordering or an enquiry form.
  3. Told the product story with a Three.js scroll scene: oil pours onto turning gears as you scroll.
  4. Added distributor and company profile pages, light and dark themes, and a contact form ready for the client’s hosting.

Delivered

  • Website design and build
  • Product catalogue
  • 17 product pages
  • 3D scroll scene
  • Distributor page
  • Light and dark themes

Thanks for looking. Want one like this?