Sample case study — placeholder content showing the layout. Replace it with a real project before launch.
Motion Design · Web Design
Halo Audio
A launch site with 3D product motion for wireless headphones.
- Client
- Halo Audio
- Services
- Motion Design, Web Design
- Industry
- Tech
- Year
- 2025
- Timeline
- 7 weeks
The idea
A launch page that lets the product’s design do the talking — in 3D.
01/ Problem
The problem
A hardware start-up needed a launch page that showed off industrial design and explained the tech in seconds.
02/ Solution
The solution
A scroll-driven product story with Spline 3D, UI motion for the companion app and a pre-order flow.
Design process
Clear steps, in order: research first, then structure, mood, the visual concept and finally every screen tuned for mobile.
Homepage — scroll to explore
Structure & layers
Every section is built as a block the team can reuse, reorder and edit without a developer.
Mobile interface adaptation
Most visitors arrive on a phone, so every screen was designed for one thumb first and scaled up to desktop after.
Typography & colour
The results
Google PageSpeed Insights, mobile.
Client
“People shared the page itself. That never happens.”
Made with FigmaSplineAfter EffectsGSAP
Thanks for scrolling.