← Back to Projects
Binge Construction
A construction brand site shaped around spatial storytelling and a restrained 3D first impression.
PROJECT HERO MEDIA — 16:916:9
A building shown as a sequence.
01 — Landing hero
The first impression.
The first impression is spatial, then practical.
LANDING HERO — DESKTOP16:9
02 — Brand introduction
Setting the visual direction.
Line, volume, and a restrained material palette.
BRAND LANDSCAPE — DESKTOP16:10
BRAND DETAIL — PORTRAIT3:4
03 — Product discovery
Designed to invite exploration.
Projects are easy to enter without a 3D demo.
SUPPORTING PAGE4:5
PRIMARY PAGE — DESKTOP16:10
MOBILE DETAIL9:16
04 — Interaction system
Movement with purpose.
Motion is reserved for the model, not the chrome.
INTERACTION VIDEO — 16:916:9
INTERACTION DETAIL 014:3
INTERACTION DETAIL 024:3
05 — Conversion journey
From interest to action.
Discover a project, read the method, enquire.
Discovery
DISCOVERY16:10
Selection
SELECTION16:10
Enquiry or checkout
ENQUIRY OR CHECKOUT16:10
06 — Responsive experience
Designed for every screen.
The same structure, stacked for a small screen.
DESKTOP FRAME16:10
TABLET FRAME3:4
MOBILE FRAME 019:16
MOBILE FRAME 029:16
07 — Details that matter
The moments that complete the experience.
Drawings and type stay precise up close.
NAVIGATION DETAIL16:9
TYPOGRAPHY DETAIL4:5
BUTTON / HOVER DETAIL1:1
MICRO-INTERACTION16:10
08 — Final experience
Built to be remembered.
A last elevation that still holds the site.
FINAL EXPERIENCE — FULL WIDTH16:9