Work

Sunlight Supplies

Client work

Pallet racking and retail display fixtures, measured and installed across Johor since 2014 — sold on precision rather than on stock photography.

Visit the live siteff-sunlight.pages.dev
Client
Sunlight Supplies
Type
Industrial marketing website
Year
2026
Services
Art direction, Design, Frontend build, 3D / WebGL
The Sunlight Supplies homepage with the racking system rendered in 3D.

Captured from the live site.

The problem

Industrial suppliers all present the same way: a carousel, a product grid, a phone number. The work itself — surveying a warehouse and specifying a rack that fits it — is invisible in that format.

The approach

A configurable racking system rendered in three.js so a visitor can look at the actual product, a six-stage installation breakdown with a real component count, and installed work shown as photographs from real sites.

The page

Four points down the live page at 1440px, each a real render — scroll-triggered sections have fired and the chrome sits where it belongs.

Sunlight Supplies, desktop, the top of the page.
Sunlight Supplies, desktop, section 2.
Sunlight Supplies, desktop, section 3.
Sunlight Supplies, desktop, section 4.

In motion

Recorded from the live site. Muted, looping, and paused when it is off screen or when motion is reduced.

The page scrolling, including the rendered racking system.

On a phone

The same page at 390px. Not the desktop layout scaled down — a recomposition, which is where most websites quietly fail.

Sunlight Supplies on a 390px phone, the top of the page.
Sunlight Supplies on a 390px phone, section 2.
Sunlight Supplies on a 390px phone, section 3.

The outcome

A site that shows the survey-to-installation process, with the racking system rendered rather than photographed.

Detail

Rack rendering
three.js, built from real component data
Delivery
Static export on Cloudflare Pages