Motion and immersive experiences
Motion can guide attention, explain how things relate and make a website memorable. We use it deliberately, and always with performance and accessibility in mind.
Who it’s for
- Brands launching a product, collection or idea that deserves a memorable first impression.
- Businesses whose work is easier to understand when people can explore it.
- Teams who want a site with more character, without sacrificing clarity or speed.
The difference is in the timing
The same change, made three ways. Motion that responds at once and settles gently feels calm and deliberate. Without easing it feels mechanical. Reduced motion keeps the change and leaves out the travel.
Linear
Mechanical. Starts and stops abruptly.
Considered
Responds at once, settles gently. What we use.
Reduced motion
The same change, without the travel.
Each lane takes exactly one second.
What’s included
- 01
Motion direction
A small set of motion principles so transitions and interactions feel like one coherent system.
- 02
Scroll-led storytelling
Sequences that unfold as visitors scroll, and reverse cleanly when they scroll back.
- 03
3D and spatial moments
Real-time scenes where depth, light and materials help explain something.
- 04
Micro-interactions
Hover, focus and feedback states that make the interface feel responsive and considered.
- 05
Reduced-motion versions
Calm alternatives for people who prefer less movement, with nothing important lost.
- 06
Performance budgets
Asset sizes and rendering limits agreed up front, so ambition doesn't cost usability.
How it works
- 01
Purpose
We decide what each moment should communicate before deciding how it moves.
- 02
Prototype
We test key interactions early, on real devices, to check they feel right.
- 03
Produce
We build the sequences, assets and fallbacks together, not as an afterthought.
- 04
Tune
We refine timing, smoothness and loading until it feels effortless.
Good to know
It doesn't have to. We set performance limits early, load heavier pieces only when needed and pause work that isn't on screen.
We respect the reduced-motion setting and design a simplified version that keeps all of the content and meaning.
Next step
Tell us what you'd like people to understand or feel. We'll suggest where interaction could help, and where it shouldn't be used.