East Coast Lubricants

A brand storefront and product-finder for a premium German-engineered lubricant distributor — built so workshops, fleet buyers, and industrial teams find the right oil fast.

Lubricants & Distribution2026Brand WebsiteProduct CatalogWeb App

East Coast Lubricants distributes premium, German-engineered lubricants across Atlantic Canada, supplying workshops, fleet operators, and industrial teams. We designed and built their brand storefront end to end — a cinematic marketing site, a searchable category-led catalog spanning five product ranges, an oil-guide tool that matches a vehicle or application to the right lubricant, and a dealer portal — as one modern Next.js application.

Results at a glance

  • A cinematic brand storefront that positions a trade supplier as a premium brand
  • A searchable, category-led catalog across five product ranges
  • An oil-guide finder that matches vehicle and application to the right lubricant
  • A dealer portal for trade accounts, alongside the public storefront
East Coast Lubricants homepage — cinematic 'Reliable Trade Lubricants Built for Everyday Confidence' hero

What we built

East Coast needed to look like the premium brand it distributes — and make it effortless for trade buyers to find and specify the right product.

  • A cinematic marketing storefront
  • A searchable product catalog
  • An oil-guide product finder
  • A dealer portal for trade accounts
East Coast Lubricants oil-guide finder — search by name, viscosity, or vehicle application with brand, category, and vehicle-type filters

How it was delivered

Built as one modern Next.js application:

Brand storefront

A dark, cinematic home built around a rotating hero, clear fleet-and-workshop positioning, product-category highlights, testimonials, and location — turning a trade supplier into a brand buyers trust.

Category-led catalog

A searchable catalog spanning five ranges — Deogen, Greasgen, Ingen, Petrogen, and Syncrogen — with brand and category filters and search by product name, pack size, or support label, so buyers narrow a large catalog fast.

Oil-guide finder

A guided tool that matches a vehicle or application to the right lubricant — search by name, viscosity, or vehicle application, then filter by brand, category, and vehicle type — taking the guesswork out of specifying oil.

Dealer portal

A trade-account portal — registration with verification, sign-in, and account management — layered on the public storefront, so dealers get their own experience alongside retail visitors.

East Coast Lubricants product catalog — category-led ranges with brand filters and search

Approach

Brand-first — East Coast distributes premium, German-engineered product, so the site had to feel premium too. A dark, cinematic art direction with a single amber accent gives a trade supplier the presence of a consumer brand.

Built to find, not just to browse — a large multi-range catalog is only useful if buyers can navigate it. The catalog filters and the oil-guide finder were designed so a workshop or fleet buyer reaches the right product in a few clicks.

Built with

Next.js 16React 19TypeScriptTailwind CSS v4TanStack QueryZustandPWA

Outcome

  • A cinematic brand storefront that positions a trade supplier as a premium brand
  • A searchable, category-led catalog across five product ranges
  • An oil-guide finder that matches vehicle and application to the right lubricant
  • A dealer portal for trade accounts alongside the public storefront

Want results like this for your product?

Start your project →