Work/Case study 01
swansong
St Helens, Tasmania · off-grid accommodation
Homepage — no overlay, no slogan, no scroll cue01
Client
Swansong, TasmaniaScope
Design & build — five pages, owner-written journalBuilt with
Next.js, editable content, responsive image CDNLive
Visit the site →The brief
A stay that sells itself — if you can actually see it.
The pull of Swansong is entirely atmospheric: light through plywood, eucalypts, water. Two pavilions at the end of a track between St Helens and Binalong Bay, and almost nothing else to say about it.
The old site buried that under a booking-first layout — thumbnail grids, feature checklists, a hero competing with its own photography. Everything that made the place worth the drive was reduced to 300 pixels wide.
- Photographs shown small, in uniform rows
- Place and journey buried below the fold
- Booking treated as the only possible action
- Nothing the owners could update themselves
The approach
Editorial, not accommodation.
We laid it out the way you would a magazine feature about the place: one quiet spread at a time, generous margins, a single idea per screen, pictures at the size they deserve. It scrolls like a printed travel story rather than a listing page.
An irregular image rhythm
Eleven photographs in an asymmetric run — full-bleed, then paired, then a tall single. The sequence tells the story: arrive, settle, look out, sleep, dusk. No gallery grid, no lightbox.
Type that stays quiet
One short display line per section, one paragraph beneath it, and navigation set in tracked-out uppercase so it reads as a caption rather than a menu bar.
Place given its own page
A dedicated Place page for the bay, the walks and the drive from Launceston — the region as part of the pitch, not a footnote under the booking form.
Colour
Sampled from the building.
Every value is pulled out of the site's own photography — the painted eave, the plywood interior, the leather sofa, the paper lantern. Nothing invented, so the interface never fights the pictures.
Header, footer, brand ground
The single accent — booking link only
Page ground, reading surface
Rules, numerals, warm detail
Rare emphasis, hover states
Body copy on linen
Typography
Captions, not headlines.
Three registers and no more: an oblique lowercase wordmark used once, tracked-out uppercase monospace for everything functional, and sentence-case lines of prose for the rest.
Wordmark — oblique humanist lowercase
Set once, top-left, with the two swans above itswansongInterface & navigation
Stay About PlaceUppercase monospace at 6px tracking for every label, link and button. It reads as an editorial caption rather than a UI control.Headlines & body
Experience simple off-grid living.One sentence per section, sentence case, full stop included — written like a caption, not a marketing headline.The detail we'd defend
The hero is a room, not a headline.
The homepage opens on the living pavilion looking east over the bay, edge to edge, with nothing laid over it — no overlay gradient, no centred slogan, no scroll cue. The headline waits underneath. It gives up a conversion trick and buys the thing people actually came for.
Photography supplied by Swansong. Every image is served responsively, so a 3840px hero on desktop becomes a light load on a bush-track connection.
Want one like this?
achiwebdesign@gmail.com · 0423 626 037