Nipun Engineering Sdn Bhd

Homepage concepts · 2026

Three directions for the Nipun homepage

Same company, same content, same photography — three different visual worlds. Every version carries your full capability set, the real machine specifications, mission and vision, and links back to your live quotation form. Open each one, then tell me which to take forward.

The panels below are the actual pages running live, scaled down — not screenshots. Click any card to open it full size.

Direction 01
Open full size

Precision

Corporate and confident. Deep navy hero over the workshop photo, clean white body, photo-led capability cards. The closest to the JLCCNC layout you sent me.

Mood
Trusted supplier, established
Type
Archivo + IBM Plex Mono
Accent
Logo red on navy and white
Best if
You want the safest, most familiar B2B read
Open this direction
Direction 02
Open full size

Shop Floor

Light, loud and editorial. Bone paper, huge condensed headlines, square red buttons, duotone photography. No cards — capabilities run as full-width alternating rows.

Mood
Bold, hands-on, confident
Type
Barlow Condensed + Barlow
Accent
Logo red on bone paper
Best if
You want to stand out from competitors
Open this direction
Direction 03
Open full size

Blueprint

A dark drafting table. Drafting grid, corner ticks, monospace on every number, and the machine list treated as the centrepiece. Your wordmark yellow does all the pointing.

Mood
Technical, exacting, engineer-to-engineer
Type
IBM Plex Sans + IBM Plex Mono
Accent
Wordmark yellow on near-black
Best if
Your buyers are engineers reading specs
Open this direction