Homepage redesign

Three directions to choose from.

Each version is a single responsive page — the desktop layout above 900px, the mobile layout below it. Resize the window, or open it on a phone, to see both.

Version 1

Compro refined

Design 3a

Calm, editorial layout on a steady 128px section rhythm. Photo-led services, split Vision / Mission & Values, advantage timeline and a client marquee.

View version 1 →
Version 2

Combined

Design 4a

Dark cinematic hero with a shipment tracking bar. Service cards turn from icon to photograph on hover, and an interactive map locates all four offices.

View version 2 →
Version 3

Logo-mark system

Design 5a

The Meiko mark drives the whole layout — chamfered shapes, a full-bleed banner hero, an expanding services accordion and an editorial advantage section.

View version 3 →

Note — these are design prototypes, not the production site. Links and buttons inside each version are placeholders, and the pages load fonts, maps and React from external CDNs, so they need an internet connection.