Home › Portfolio › NSA Automation
Case study · Web design

NSA Automation website: a product catalogue for an industrial automation supplier

ZenWeb designed and built the NSA Automation website, an English product catalogue and services site for an industrial automation supplier in Subang Jaya, Selangor.

The NSA Automation website on a laptop and a phone, designed by ZenWeb
ServicesWeb design
IndustryIndustrial automation
LocationSubang Jaya, Selangor
LanguagesEnglish
01

About NSA Automation

NSA Automation supplies industrial automation products and engineering services to factories. Its main office is in Subang Jaya, Selangor, with a branch in Seremban. It carries sensors, PLCs, HMI touch panels, VFD inverters, servo drives and motors, and power supplies, from brands such as Inovance, Siemens, Mitsubishi, Omron, Weinview and Meanwell.

Alongside the parts, its engineers offer panel wiring, system upgrading, PLC and HMI programming, machine troubleshooting and parts sourcing. The idea is to cover a factory's needs from supplying a single component to setting up and maintaining the system around it.

Based in
Subang Jaya, Selangor
Branch
Seremban, Negeri Sembilan
Offers
PLCs, HMIs, inverters, servo systems, sensors and power supplies
Services
Panel wiring, PLC and HMI programming, troubleshooting, upgrades
Customers
Factories and machine builders
Website
English
02

Who the website is for

Maintenance engineers

When a part fails, they need the exact model fast. The catalogue can be searched by name and browsed by product type, brand and series.

Factory owners and plant managers

They want a supplier who can also fix and upgrade the system. The services page sets out wiring, programming, troubleshooting and upgrades in one place.

Purchasing teams

Buyers need the specs before they ask for a price. Each product page lists the key features, with a WhatsApp button to enquire about that exact item.

03

Page-by-page tour

Screenshots of the live site, taken October 2026.

nsa-automation.com
Home page of the NSA Automation website
Home page

A control panel photo, then products and services

The home page opens with a technician working on a control panel and a Get a Free Consultation button. It then moves through the company's mission, popular products, five reasons to choose it, the five services and an enquiry form.

  • Full-width control panel photo with a consultation button
  • Popular products with View More links
  • Services overview and an enquiry form
nsa-automation.com/industrial-automation-products
Products of the NSA Automation website
Products

A searchable catalogue sorted by type and brand

The products page is a full catalogue. A sidebar groups items by type, such as HMI, inverter, PLC, servo drive and power supply, then by brand and series. A search box and a paged product grid help engineers find a model quickly.

  • Product search box
  • Categories by product type, brand and series
  • Paged grid with a Read More link to each item
nsa-automation.com/product/h2u-series
Product page of the NSA Automation website
Product page

One model, its key features and a direct enquiry

Each product has its own page with a photo and a list of its main features, such as ports, memory and expansion options for a PLC. An Enquire on WhatsApp button sits under the list, followed by related products.

  • Product photo and feature list
  • Enquire on WhatsApp button
  • Related products from the same range
nsa-automation.com/services
Services of the NSA Automation website
Services

Five engineering services, each with its own block

The services page explains each service in turn: panel wiring, system upgrading, PLC and HMI programming, machine troubleshooting and parts sourcing. Each block has a Learn More button.

  • Panel wiring and system upgrading
  • PLC and HMI programming
  • Machine troubleshooting and parts sourcing
04

Features built in

  • Product catalogueA full catalogue of PLCs, HMIs, inverters, servos and power supplies.
  • Search and categoriesSearch by model name, or browse by product type, brand and series.
  • WhatsApp enquiry per productEach product page has its own Enquire on WhatsApp button.
  • Services in one placePanel wiring, upgrades, programming, troubleshooting and parts sourcing on one page.
  • Consultation formA short enquiry form on the home page for consultation requests.
  • Easy to updateSet up so new products and series can be added in-house.
Mobile view

Made for phones as well

Engineers often look up parts on the factory floor. On a phone, the catalogue search and product grid stack into one column, and the WhatsApp button stays on screen.

NSA Automation website on a phone
NSA Automation website on a phone
05

Design choices

Photography

Close-up photos of control panels, wiring and technicians at work, plus clean shots of each product.

Colour

Dark hero photos with light blue buttons, on clean white catalogue pages.

Type

Modern sans-serif headings (Poppins) with Inter body text, clear for spec lists.

Why we built it this way

Automation buyers search by model number, and they need to know a supplier can support the part after it arrives. A searchable catalogue with brand and series filters gets engineers to the right item fast. Putting the engineering services beside the products shows a factory that one supplier can source the part, wire it and programme it.

06

More work like this

Supplying industrial parts or engineering services?

Talk to us about a website with a catalogue engineers can search and a quick way to enquire about each part.

Get a free website proposal

Get A Free Proposal

Complete the form and our team will contact you to discuss your goals. Let’s grow your business.