Elios: a case study by LAIN

Elios

Freight, shipping and logistics

Website design, UI/UX, visual system, social

Home, About, Services

Freight is a promise
kept on time.

A logistics buyer is deciding who to trust with a supply chain. Before any quote, the site has to show that Elios is dependable, that every shipment can be followed, and that the next step is one click away.

So the design stays industrial and exact: a grid like a container yard, mono type like a manifest, and one colour kept for the things that move.

On the road

Built like
the cargo.

The brand is drawn from what Elios carries. Freight black, signal yellow and steel are the paints of a container yard; the wordmark is painted on the box; and the home page opens on that box, held on the hook over the stack.

1. Three paints, stacked as freight.
2. A mono wordmark, set on the box.
3. The branded box on the hook.

One load set
down on another.

The symbol is two equal blades at the same slant. The lower one sits half a blade down and half across, tucked behind the upper and cut back round it by a thin keyline, like a box landing on the stack. Beside it, ELIOS in a mono face: the type of plates, manifests and stencils.

Yellow is kept for what moves: the lower blade, the buttons that start a shipment and the figures that matter. Everything else is ink on steel.

Construction

On freight black

On signal yellow

On steel

A sans for the headlines, a mono for everything that is data

Ticks, brackets, squares

The mark at
full size.

Rendered where a logistics brand actually lives: painted down the corrugated side, plated on the doors, striped on the hook that lifts it and read from the crane cab above.

On the long side

On the hook

The stack from above

A site that reads
like a manifest.

Three pages on the same parts: a nav in a steel pill, headlines in a plain sans, every label and figure in mono capitals, numbered rows in brackets and a yellow button wherever a shipment can start. Pick a page and scroll it in the frame.

Moving business forward. One delivery at a time.

Delivering confidence through modern logistics.

Flexible logistics solutions, built around your business.

Section by
section.

Each section carries one idea and the proof beside it: the fleet seen from above with the figures in square tiles, the industries as numbered cards, the principles as a bracketed list and dark photo cards for the services.

Freight solutions built to go further

Designed for every industry

The principles that move every shipment

Built for reliable logistics

A higher standard for modern logistics

The launch,
in one swipe.

The website's launch post: eight slides that join up as they are swiped, from the box on the hook to the pages, the partners, the fleet on the road and the clients' own words.

The website's pages in a tour, from the home page to the services

Reliable logistics built around your business

The box on the hook

The home hero on a tablet over the yard

The Home, About and Services pages side by side

Chosen by businesses that keep the world moving

On the road

In their words

Three pages,
three journeys.

Each page opens on a way freight travels: the box on the hook, the ship at sea, the truck on the road. The same frame, nav and figures hold them together. Here they are as posted, in motion.

Home: the box on the hook

About: at sea

Services: on the road

See it in motion.

The website on Dribbble, in three shots.