— DESIGN EXPLORATION FOR CSG-GERMANY.COM

Two ways to walk
the same trial.

A modernised CSG website, built around a single animated centrepiece: the ten-stage journey from a sponsor's first idea to a successful, published study. Two visual systems explore the same idea — pick a favourite, mix the best of both, or steer us somewhere new.

PROTOTYPE A & B BELOW — CLICK EITHER TO ENTER

PROTOTYPE A

The Journey.
Scroll-jacked horizontal.

Scroll vertically, travel horizontally. Each of the ten stages docks centre-screen with its own animated illustration, headline, and tags. A right-edge scrubber doubles as nav and progress.

HORIZONTALSCROLL-JACKSTAGE-PER-PANELEDGE NAV
05
Enter the Journey
PROTOTYPE B

The Curve.
Signature line, drawn live.

A single cyan curve threads vertically through ten stages, drawing itself as you scroll. A particle travels the curve. Cards alternate sides. A ⌘K command palette stands in for traditional navigation.

VERTICALSVG CURVE⌘K PALETTEPARTICLES
02 04 03 05
Follow the Curve
WHAT'S IN THIS DRAFT

A first round to react to — not the final destination.