Collins Street Physiotherapy

Homepage redesign — seven directions

Same content, photos and brand mark; seven distinct design languages. Each is a live, self-contained page with the interactive before/after slider and booking preview. Open any to explore, then pick a direction to take forward.

Melbourne CBD physiotherapy7 variationsShared content & assets
V1
Clinical + Fit

Confident & clinical

Flat clinical surfaces, blue primary with muted brand red, soft cards, dark utility bar, stats strip. Professional and approachable.

LightBlue + redCards
Open V1 →
V2
Swiss minimal

Precise & editorial

Stark white, hairline-rule grid, numbered sections, services as an index-list, mono palette with a single precise red accent.

WhiteHairlinesIndex lists
Open V2 →
V3
Dark performance

Bold & athletic

Near-black, high-contrast UI with a vivid red accent and glow, big stat counters, energetic. Elite sports-clinic feel.

DarkVivid redHigh contrast
Open V3 →
V4
Warm wellness

Calm & human

Cream/sand palette, terracotta accent, soft rounded shapes and shadows, photography-forward. Approachable and restful.

WarmTerracottaRounded
Open V4 →
V5
Clinical editorial · V1 × V2

Structured & branded

V2's hairline grid, numbered sections and index-list wearing V1's blue + red palette, dark utility bar and stats strip. Editorial precision, clinical colour.

HybridBlue + redHairlines
Open V5 →
V6
Editorial full-bleed

Cinematic & magazine

Edge-to-edge hero photo with overlaid type, asymmetric magazine grids, oversized numbers, wide 21:9 comparison. The most image-led direction.

Full-bleedBig typeAir
Open V6 →
V7
Bento mosaic

Modular & tiled

A modern tile grid — hero, stats, services, before/after and booking as rounded, geometric, hairline tiles of mixed sizes in one mosaic.

RoundedGeometricHairline
Open V7 →
Served locally · python3 -m http.server 8137 Original site: collinsstreetphysio.com.au