3D Footwear
3D web experience · A scroll-driven landing page for NOIR, a handcrafted formal footwear brand, built around a real-time 3D shoe that moves as you scroll.
Overview
The page renders a 3D shoe model in the browser and moves it through the story as you scroll: the leather and construction details, a collection of three styles with their materials and lead times, the four stages of the craft process, an FAQ and a newsletter sign-up.
My contribution
Application design & development
Open App: https://3dfootwear.vercel.app/
Selected screens
- NOIR 3D footwear page opening on the headline “Walk In Silence.” over the rendered 3D shoe model
- NOIR “Full-grain Italian leather” detail card beside a close-up of the 3D shoe
- NOIR “The Collection.” section showing The Oxford No. 01 with its leather, construction and outsole
- NOIR craft process section, stage one: Select.