Swiftline
A freight homepage where the quote form is the hero's floor and one orange box is your cargo.
01 Wide wordmark. SWIFTLINE in a wide black grotesque, a small echo of the headline below it.
02 Edge-to-edge headline. KEEP MOVING. in heavy capitals fills the orange band from margin to margin.
03 The softer promise. Freight, without the friction. in a plain sans, tucked into the space beside KEEP.
04 Your container. One orange box in a yard of grey and black: the visitor's shipment, singled out.
05 Dashed route. A white dashed line between two dots, drawn the way a route appears on a tracking map.
06 Get started. The large orange button that closes the From, To and Shipment type bar.
- Sector
- Freight forwarder
- Year
- 2026
- Work
- Homepage design
- Dock white#F1F0EC · Background
- Diesel black#101B1B · Type
- Signal orange#F8611B · Accent
- Steel stack#2D373D · In the photo
- Yard concrete#887F7A · In the photo
About the project
The full write-up, if you want it. About 4 minutes.
01Brief and idea
The problem, and the one idea that answers it.1 min
The brief
Freight is bought on speed of reply, and a rate request answered tomorrow often goes to someone else today. A homepage for that buyer must look like a company that moves, take a usable quote request in seconds, and leave the team a clean record of every request instead of a pile of emails.
The idea
The yard photo is the whole argument. Dozens of boxes in grey and black, one in orange, and a dashed line tracing a route across the yard: your shipment, singled out and already moving. The orange carries from the headline band to the box to the Get started button, so the eye travels the same path the cargo does. The quote bar is the hero's floor, not a separate page: three fields and one button. Each answer is meant to become a row on an ops dashboard.
02The write-up
The design, decision by decision.5 chapters · 2 min
Picked out from above
The photograph looks straight down on a container yard. Dozens of boxes in slate, charcoal and pale grey lie in diagonal rows, and one, exactly one, is bright orange. A dashed white line runs from a dot near the quote bar, past the end of that container, to a second dot in the top right, the way a route is drawn on a tracking map. An orange-cabbed container handler waits on the concrete apron beside it. Your shipment, picked out and already on its way.
Freight is bought on speed of reply
An importer with a container to move sends the same rate request to three or four forwarders, and the first sensible answer often wins. Brochure sites slow that down: an About page, a mission statement, a contact form at the bottom of a long scroll. Swiftline is drawn for the buyer in a hurry. The first screen sets the tone in two words, shows a working yard, and asks for the three facts a quote needs before the visitor has scrolled at all.
Two words, margin to margin
KEEP MOVING. is cut from an extremely wide, heavy grotesque, so dense that the O in MOVING closes to a narrow slot. The two lines fill a signal orange band from edge to edge, with the full stop squared off like a block. Tucked into the space beside KEEP, a small plain sans adds the softer promise: Freight, without the friction. The wordmark above, SWIFTLINE, uses a similar wide black face at a fraction of the size.
A quote request in three fields
The form is not a separate page; it sits across the lower part of the photograph like a loading dock. From and To each take a port or city, with a location pin and a dropdown. Shipment type has a small box icon and its own dropdown. Thin vertical rules divide the three, and the bar ends in Get started, a large orange button with a diagonal arrow. The header repeats the offer once more with a smaller orange Get a quote button.
Where each request would go
A quote form is only as good as what happens after it. Every From, To and shipment type request is meant to land in one shared inbox instead of a dozen personal mailboxes, and each one would become a row on an operations dashboard where the team can see what came in and what still needs a price. That dashboard is a fixed-price piece of work agreed before we start. Services and Network would explain the lanes in around 1,800 words of copy, and an Arabic edition is an optional extra.
03Type and voice
Type, colour, photography and the lines on the page.3 roles
- Display
- A very wide, very heavy black grotesque in capitals, with near-closed counters and a square full stop.
- Supporting
- A plain neutral sans at a modest size in sentence case, set in two short lines on the orange.
- Labels
- The same neutral sans, small and slightly heavier, for form labels, with grey hint text inside the fields.
A very wide, black grotesque in capitals fills the band from margin to margin. Navigation and form labels drop to a plain neutral sans. Signal orange, diesel black and an off-white the colour of dock paint do the work, with the photo's steel greys in between. The aerial shot looks straight down, and the containers lie in diagonal stripes that lead the eye towards the form.
KEEP MOVING.
Freight, without the friction.
Get a quote
Departure port or city
Get started
Operational and direct. A two-word order, one short promise, then form labels that say exactly what to type; the page speaks like a dispatcher who wants the details now, not a brochure.
04The plan
Grow: up to 6 pages, and what it includes.4 includes
Up to 6 pages, on Grow, AED 4,999 one time. What it includes:
- Services and Network pages, with about 1,800 words written for you
- Every From, To and shipment type request landing in one inbox
- Quote requests fed to an ops dashboard, at a fixed price agreed before we start
- An Arabic version of every page, as an extra
A site like this sits on Grow. AED 4,999 one time, with a fixed quote in writing.
WhatsApp us