Home/Work/Marina Tech
Marine construction

An isometric marina you can navigate.

Marina Technology & Construction has built waterfront since 1991 — pontoons, gangways, piling, ferry terminals, oil and gas berths. We made the homepage a drawing of all of it, and the catalogue underneath findable.

Client
Marina Technology & Construction
Sector
Marine construction · Singapore
Engagement
Project build
Platform
Web · corporate
marinatechnology.com
Marina Technology and Construction homepage
Marina TechWeb · corporate
The situation

Where it started.

MTC is a waterfront contractor with three decades behind it, working across Singapore, Malaysia and further afield. The work is physically enormous and technically specific: floating pontoon systems, marine-grade aluminium gangways, anchoring and piling, fenders and bollards, pedestrian bridges, ferry terminals, oil and gas terminals, cofferdams.

The problem was never credibility — it was legibility. A catalogue that deep collapses into an unreadable menu, and a marine engineer looking for one component had no way to see how the pieces relate to each other, or to the projects MTC had already delivered.

What we did

Four decisions that shaped it.

Information architectureIllustration & art directionWeb build
01

The homepage is the site map

An isometric marina drawn to hold everything MTC builds — berths, pontoons, a cruise terminal, a container quay, a bridge, the yard — each structure a way into the section that describes it. You find the capability by recognising it.

02

Four lines, not forty links

Marina Development, Marine Civil Works, Project References and Special Projects. Every one of the dozens of sub-capabilities lives under one of the four, so depth never costs the visitor their bearings.

03

Components documented like products

Floats, decks, fenders, bollards, cleats, gangways, anchor brackets, pile guides, rubber connectors, pedestals. Specifiers arrive looking for a part; the site treats each as a page rather than a bullet.

04

Track record made reachable

Project references sit one level from the homepage rather than buried in a PDF — so the proof of a thirty-year track record is available during the pitch, not after it.

What changed

After launch.

What the rebuild changed about how the company presents itself.

One map
as the primary navigation
A visitor sees the full scope of the business in a single illustration before reading a word of copy.
4
capability lines, one structure
Dozens of sub-capabilities organised so depth is reachable without a menu that sprawls.
1991
of track record, made visible
Project references and awards surfaced near the top rather than filed behind a download.