Home » Portfolios »
B2B Marine & Industrial Case Study
Yuatsu Systems
Yuatsu Systems sells to fleet operators and industrial buyers at the Port of Singapore. For that audience, choosing a vendor is a risk decision, so the website had to signal precision and discretion before anyone reads a word.
Overview
A Website Built for Trust in Marine and Industrial Supply
Yuatsu Systems runs two businesses under one name: vessel technical support at the Port of Singapore, and overhead and gantry crane supply for industrial sites across the region. Both sell to buyers who study a supplier carefully before making contact. We built a website that holds both divisions clearly and looks as disciplined as the work behind it.
Services
Information Architecture, User Journey, UX/UI, Web Design, Web Development, User Experience Design
Cinematic Hero
The hero opens with a calm, cinematic video of a vessel at sea, setting the tone and establishing the brand.
What We Deliver
Three scannable pillars cover both the marine and industrial sides, led by local accountability, so each buyer sees its fit fast.
Quick Navigation
Six tiles send vessel operators and industrial buyers straight to the section each one needs.
Sticky WhatsApp
One tap from the page to a direct conversation, on every screen.
Approach
The Challenge
One brand, two demanding audiences, and credibility as the whole job
Yuatsu’s buyers do not make quick purchases. A fleet operator choosing technical support, or an industrial buyer specifying a crane, weighs the supplier carefully before reaching out. The website had to earn that trust fast, carry two separate divisions without confusion, and look as precise as the work itself.
Restraint as the Strategy
We chose a restrained dark maritime palette over anything decorative. For this audience, a controlled interface reads as competence, not a lack of effort.
Precision in the Details
A port coordinate in the hero, a line drawing of a gantry, and numbered process steps all point to the same thing: precision.
A Clear Process on Every Service
Each service is laid out in three steps, from brief to delivery, answering the buyer’s first question: will this supplier follow through.
Contact Built Around WhatsApp
WhatsApp leads the call to action, ahead of any long form. In this market, serious B2B enquiries start there, so we put it front and centre.
Visual Identity
Colour & Atmosphere
A restrained palette built for heavy industry
Colour Palette
The palette stays in deep navy and steel, colours that suit heavy industry and read as serious rather than slick. Restraint here is a deliberate signal of competence.
Photography Direction
Documentary-style photography of port and yard settings places the brand in the kind of environment its clients work in. Large, confident headings and tight spacing keep attention on what Yuatsu does.
Information Architecture
Two Divisions, One Site
Separate paths for two different buyers
The navigation gives Vessel Technical Support and Gantries & Cranes equal, separate space. Shared pages tie the company together, while each division keeps its own service pages, capabilities, and process. A ship manager and an industrial buyer each find their path without wading through the other.
FULL TEXT
Zero Icon
Copy Does the Selling Alone
Three-step process laid out as pure typographic blocks on dark ground. The restraint is the authority — no icons softening the claim, no visuals to hide behind.
Mobile & WhatsApp
Built for How Buyers Make Contact
One tap from interested to talking
Most enquiries in this market arrive on a phone. A sticky WhatsApp button, present on every screen, turns interest into a direct conversation without the friction of a long form. It matches how vessel operators and site managers actually reach a supplier.
When a supplier is judged on trust before the first conversation, a website has three quiet jobs: look as disciplined as the work, keep two divisions clear, and make contact effortless. Yuatsu’s does all three. For these buyers, looking quietly certain is the point.
Eunice
Creative Designer, Passion In Design Agency
We look forward to hearing about your project.
Featured Works
