Attention lands where you need it
Movement is scoped around the content and interaction it supports, so it directs the eye rather than competing for it.
Use motion to explain interactions and guide attention.
Norml designs website transitions, animated interface details, and motion sequences that fit the brand and account for responsive and reduced-motion behavior.
A few clients we’ve worked with
What we do
Norml designs website transitions, animated interface details, and motion sequences that fit the brand and account for responsive and reduced-motion behavior.
Motion needs a purpose and a defined place in the interface.
A product or process needs an explanation that static frames cannot convey alone.
Page transitions need consistent timing and behavior.
Developers need specifications for animated components.
Existing animations need review for performance and usability.
What motion is for.
Motion either explains something or it delays the person reading. The difference is whether anyone decided what it was for before it was built.
The site stays usable
What moves, when it moves and how a visitor stops it are defined, including the reduced-motion case.
Performance is part of the brief
Motion is specified with its cost in mind, so the page that feels considered does not also feel slow.
What our website motion design services include.
We scope motion around the content and interaction it supports. The work defines what moves, when it moves, how visitors control it, and what happens when animation is reduced or unavailable.
Motion direction
Choose the role, visual character, and pacing of motion within the existing brand and interface.
Interaction design
Specify triggers, timing, states, interruption behavior, and transitions for the selected components.
Prototype and assets
Prepare motion examples and the assets needed to communicate the intended behavior to developers.
Responsive and fallback behavior
Define mobile adaptations, reduced-motion alternatives, and a usable static presentation.
What clients say.
Reviews from the companies that hired us for this kind of work.
Read every review on Clutch“We didn’t choose them to be impressed — we chose them because we knew they’d deliver high-level results with no risk. As a CTO myself, that’s exactly what I look for in a long-term partnership.”
“And, you know, the great part about the fact that you hit the goal, it's not that you had to compromise anything that you were doing, because, honestly, the end result far exceeded what we could have imagined.”
“I would just say that you deliver on quality … I just thought we clicked, and you delivered what we were looking for.”
“Norml Studio's professionalism and responsiveness were impressive.”
Website motion design deliverables.
The agreed scope identifies which of these deliverables your project needs.
- 01
A motion brief for selected components.
- 02
Annotated interaction and timing specifications.
- 03
Prototypes or animation references.
- 04
Required visual assets.
- 05
Responsive and reduced-motion guidance.
Our process
How our website motion design process works.
Define the purpose
Review where motion can explain content or make an interaction easier to understand.
[ 01 ]
Develop the behavior
Work through the sequence, timing, and relationship to the surrounding interface.
[ 02 ]
Prototype the motion
Review representative transitions and adapt them for different screen conditions.
[ 03 ]
Hand over and review
Document the implementation requirements and review the agreed development output.
[ 04 ]The people who do this work.
No account layer between you and them. These are the Norml specialists this work runs through.
Other services we offer.
Norml plans, writes, designs, builds and maintains websites. Each service can be taken on its own, or combined into one engagement.
See all services
Let's chat
“I've spent 10 years working across development and marketing. I started as a developer, but design, SEO and advertising were already part of the job. That taught me to treat a website as one system: the business, the content, the design and the code have to work together. At Norml, I lead the architecture behind our work and stay involved wherever strategy, design, development and search meet.”
Max TymoshynFounder & Architect
Get startedWebsite motion design questions.
Will you implement the animation?
Front-end implementation can be included. Design prototypes alone do not add animation to the production website.
Can you work with our existing website?
Yes. We review its components and runtime before recommending motion that can be maintained there.
What about visitors who prefer reduced motion?
We specify a reduced-motion presentation and retain access to the same content and actions.
Do you make standalone advertising videos?
This service focuses on website and interface motion. Any separate video production needs its own scope.