Showcase
Work, galleries, horizontal scroll, sticky stacks
21 blocks( filter blocks )
01 — GalleryGridEditorial two-column project grid with an offset second column and hover-zoom media.
02 — GalleryHorizontalScrollPinned section where scroll progress drives a row of oversized panels sideways, with a mono progress counter.
( 01 — archive )
Recent work
/ 100
Meridian
01 — Brand IdentityNorthlight
02 — Digital ProductCascade
03 — Art DirectionVermillion
04 — CampaignStillwater
05 — E-commerce03 — WorkListHover-reveal work index: oversized title rows, a floating media preview that chases the cursor, dimmed siblings.
04 — WorkCardsParallaxThree large project cards with parallax-crop media, alternating left/right placement.
05 — GalleryMarqueeTwo full-bleed marquee strips of media tiles scrolling in opposite directions on a slight tilt.
( in motion )
Ten years of shipped work
06 — CaseStudyFeatureFlagship case study: full-bleed parallax hero with an overlapping elevated card, animated stats, and CTA.
( case study — halcyon )
A ground-up replatform of Halcyon’s digital storefront — new identity system, new design language, and a storefront engineered to feel instant on every continent.
conversion uplift
avg. load time
markets launched
07 — ShowcaseStickyFull-screen sticky cards that stack and cover on scroll, alternating light and inverted palettes.
01 / 04
Brand Identity
Monolith
A complete identity system for a materials startup — logotype, type pairing, and a print program built to age well.
View project →02 / 04
Digital Product
Aperture
Design and build of a photography platform — fast, keyboard-first, and obsessive about image fidelity.
View project →03 / 04
Art Direction
Halcyon
Campaign direction across film, stills, and out-of-home — one idea, carried without compromise.
View project →04 / 04
E-commerce
Terra Firma
A storefront replatform that treats performance as a design material. Every millisecond accounted for.
View project →08 — GalleryEditorialMagazine-style 12-column collage with mixed spans, varied aspect ratios, and mono captions.
( 02 — journal of work )
09 — GalleryFullbleedSingle edge-to-edge parallax image with a floating inverted caption chip — a breathing moment between sections.
Halcyon — flagship campaign2026
10 — WorkGridOffsetMasonry-ish three-column grid of varied aspect ratios with scroll reveals and hover-zoom media.
11 — SectorFilterPortfolioPortfolio grid with a horizontal sector-pill filter bar — six project cards fade and reflow as sectors are toggled.
12 — ScrimStackProjectsVertical stack of three tall full-bleed media cards with a dark scrim, centered white title, mono taxonomy line, and ghost CTA.
13 — CaseChapterCase-study narrative chapter: sticky heading + body column beside a 4-up captioned gallery; alternate `direction` to zig-zag stacked chapters.
( chapter 01 )
The brief asked for a column-free canopy over a working courtyard — no cranes inside the walls, no closures longer than a weekend. We prototyped the node castings at full scale, pre-tensioned the membrane off-site, and lifted the finished structure into place in a single morning.
14 — BeforeAfterBefore/after comparison with a draggable vertical divider and mono state labels — for trades that sell transformation.
( the transformation )
drag to compare
15 — ProjectSpecTableFull-bleed case hero image with a hairline-divided metadata grid below — client, location, architect, year, contractor.
( case study )
Client
National Gallery Trust
Location
Bristol, United Kingdom
Architect
Studio Ferro
Year
2025
Contractor
Meridian Build Group
16 — ProjectMapRowsDeveloper-style project index rows: name, location chip, walking-minutes chip, delivery-status chip, and arrow; rows lift on hover.
17 — VenueTabsGalleryTabbed venue gallery — Interior / Terrace / Kitchen / Events pills swap a three-image captioned grid with a soft cross-fade.
( the space )
18 — WorkTimelineRowsChronological work archive: big mono year stamps beside hairline-divided project rows with name and discipline tags.
19 — OrchestrationPanelProduct "hero screenshot" done properly: headline and lead above a large 16:9 frame with layered soft shadows, inner keyline and a mono status-chip legend pinned in the corner.
( control room )
Orchestrate pipelines, agents and approvals from a single surface — built to stay quiet until something needs you.
20 — BlueprintPlateFull-bleed project photo with a technical-drawing annotation plate pinned to the corner — brand mark plus hairline-ruled mono lines, like a drawing sheet.
BLCK. 04EST. 2025
Technical plate
Drawing No. 158.01.00
Scale 1:100
Sheet 04 — Rev A
21 — FloatSubtitleMediaFull-bleed media on an accent band with one small paragraph floating over the photo, drifting against the scroll — parallax on the text, not the image.
( on site — 06:40 )
Every unit is assembled, wired and pressure-tested before it leaves the yard — what arrives on site is already a working system.