Milestone Showroom

The story

A single-screen showroom website for Milestone. Every scroll swaps the scene in place, and every scene arrives with its own transition.

The showroom is the front door to the Milestone store. The whole site is one screen: scrolling, swiping or the arrow keys swap each scene in place. The logo draws itself in, the tagline is written letter by letter, appliances rise into a spotlight over a kitchen backdrop, and the channels scene opens with an explosion of every store and social link.

• One-screen navigation by scroll, swipe, keyboard and side dots
• A different transition for every scene: split, circle reveal, slide, explosion and curtain
• Collection with live finish and size switching
• Our Channels scene where icons swim around the store and react to the cursor
• Fully responsive, with a dedicated phone layout
• Respects reduced-motion settings
• SEO, AEO and GEO files with structured data