case study · Website Projects

Nuraak Gulf

A custom React site for a Saudi freight-forwarding and logistics company — ten service pages, industry insights and a quote form built for cargo enquiries.

At a glance
10
service pages
26
pages in the sitemap
7
insights pages
0
plugins — fully custom code
Nuraak Gulf — full page design
Scroll inside the frame to see the full page.
01 · The brief

What Nuraak Gulf needed

Nuraak Gulf moves cargo into, out of and across Saudi Arabia by sea, air and road, with customs clearance, warehousing and delivery handled by one team. The site had to feel as substantial and credible as the company, explain a wide range of services clearly, and turn visitors into quote requests.

02 · What I built

How it works

A custom site built with React, Vite and TypeScript and served as pre-rendered pages, so it is quick to open and readable by search engines. It covers ten service pages — from freight forwarding, air and ocean freight and customs clearance to project cargo and warehousing — plus industries, fleet and network pages, insight articles, and a quote form that captures the route and the cargo.

  • Service pages from freight forwarding, air and ocean freight and customs clearance to RoRo, project cargo and warehousing
  • Industries, fleet and network pages
  • Insight articles, such as SABER certification explained
  • Quote form capturing service, origin, destination and cargo details
  • WhatsApp, phone and email contact
  • Privacy, terms and cookie policy pages
03 · Tech stack

What it runs on

The tools behind the build and the job each one does.

01ReactInterface and page components.
02Vite + TypeScriptBuild tooling and typed code.
03Pre-renderingPages arrive as ready HTML, then become interactive — quick to open and readable by search engines.
04Quote APIThe quote form posts to the site’s own endpoint.
05Structured dataOrganisation, location, opening hours and FAQ markup.
06Security headersHSTS plus frame, content-type, referrer and permissions policies.
The result04 · Outcome

What it delivered

One professional home for a multi-service logistics company: a broad set of services that is easy to navigate, with every page pointing to a quote.

  • Ten dedicated service pages
  • Quote form with origin, destination and cargo details
  • Insight articles written for search
  • Pre-rendered pages that search engines can read
05 · Check it yourself

Don’t just take my word for it

Open the project and see it working. The stack and numbers on this page were checked against the live build on 15 September 2026.

How it ran

The same process for every project

One person from first call to launch. See the full process

  1. 01Brief and scopeWe agree what it has to do, who it is for and what counts as done.
  2. 02DesignLayouts for the key screens, shaped around what turns visitors into customers.
  3. 03Build and testBuilt, checked on phones and desktops, and connected to the tools the business uses.
  4. 04Launch and supportLive on the real domain, with 12 months of support included.
Usually replies within a day
let’s talk

Have a project like this?

Tell me what you’re trying to build and I’ll walk you through exactly how it would run — a clear scope and a fixed price.