Skip to content

Case study 03 · Website · Next.js · Portfolio

An industrial website for a steel building specialist

Summary

NR Engineering and Construction is a Sri Lankan company that designs and builds pre-fabricated steel buildings, warehouses, factories and civil works. Ceylond designed and built its website at nrengineering.lk with Next.js: a dark, industrial design that presents each service clearly and turns a long track record of projects into a browsable portfolio.

Client
NR Engineering
Market
Sri Lanka
Sector
Construction and engineering
What we did
Website design and buildProject portfolioTechnical SEO
Stack
Next.js, TypeScript, Tailwind CSS
NR Engineering website hero reading Building Sri Lanka's industrial future over a construction site at dusk

The brief

The challenge.

An established engineering firm with a strong record of real projects had a web presence that did not reflect the scale or quality of its work. Industrial buyers needed to see capability, specs and proof quickly.

Approach

How we approached it.

  1. 01

    Industrial, not generic

    A dark, steel-toned palette with a single safety-orange call to action, echoing the work on site.

  2. 02

    Proof before promises

    Real project photography and a project portfolio carry the story, so buyers can see the work.

  3. 03

    Specs at a glance

    Each service lists its key capabilities in short bullets that engineers and procurement teams can scan.

  4. 04

    Built for search

    Service pages structured around what buyers search for, such as steel warehouses and factory buildings in Sri Lanka.

The build

  • Next.js website with service and project pages
  • Project portfolio with categories
  • Quote request calls to action throughout
  • Technical SEO and structured page metadata
NR Engineering website hero reading Building Sri Lanka's industrial future over a construction site at dusk
Fig. 01 Hero: a confident statement over the client's own site photography.
NR Engineering services grid with steel warehouse, factory and house construction cards
Fig. 02 Services: each capability with real project photos and key specs.
NR Engineering services detail with mezzanine floors, steel roofs and solar structures
Fig. 03 Service detail: scannable specs for engineers and procurement teams.
NR Engineering on a phone

Designed phone-first. Most visitors arrive on a phone, so every layout, tap target and image is tuned for small screens before desktop.

Outcome

Where it is now.

The new site is live at nrengineering.lk and gives NR Engineering a modern, credible presence that matches the scale of its projects.

Result one

--

Result two

--

Result three

--

We publish numbers only when the client approves them.

Questions

About this project.

What technology is the NR Engineering website built with?

It is built with Next.js, TypeScript and Tailwind CSS.

Does Ceylond build websites for industrial and B2B companies?

Yes. We build websites for B2B and industrial firms that need to show capability, specs and proof to technical buyers.

Next case study

Ceylond POS →

A bilingual point of sale running in a real store

Free consultation

Let’s grow your business.

Tell us what you want to grow: a brand, a campaign, a website or the whole business. We reply within one business day with honest next steps.