Ostra — Interactive Website Concept | 3D & Motion Design

The page opens on a dark field of eleven shipment photos: a cargo plane, a port crane, a last-mile van, a signed delivery. Each one carries a small operational label, like AIR · FRA → WAW or POD · SIGNED 09:12. Dashed route lines connect every photo to the center, where the hero image waits.

Light pulses travel slowly along the routes from the center to each photo, then ring softly on arrival. The pace matches the trade lanes on the globe later on, so the whole page shares one rhythm.

On scroll, the camera flies forward in real 3D perspective. Photos sit at different depths, so the near ones rush past while the far ones drift. That gives true parallax, not a flat zoom.

A short loader counts from 000 to 100 and fades out. The navigation stays hidden during the fly-in so nothing competes with the first impression.

Why it works: Before reading a single word, the visitor has seen what the company does. It moves things between many places and keeps them all connected to one point.

The fly-through ends inside an aerial shot of a container terminal, lit by warm port lights. It fills the screen as a rounded card with a slight frame of dark space around it.

Freight that runs ahead. Road, sea, air and rail under one desk. We plan every leg, watch every border and tell you before anything slips.

Design decisions:

Type over decoration. One oversized two-line headline: the second line is set in a muted tone, so the eye reads the promise first and the nuance second. Two clear actions. Start a shipment as the primary button and Our services as the secondary, placed next to the supporting copy and away from the headline so neither fights the other. The navigation arrives here. A compact pill (logo, Ship with us and a menu) slides in from the top only once the hero card has landed. The menu opens into a small drawer instead of a full bar of links, so the image keeps the stage.