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 clarify website interactions.
We define transitions and feedback for the practice’s navigation, resources and enquiry controls. The specification includes reduced-motion behaviour and keeps essential information available without animation.
A few clients we’ve worked with
What we do
We define transitions and feedback for the practice’s navigation, resources and enquiry controls. The specification includes reduced-motion behaviour and keeps essential information available without animation.
What needs to be clear before work begins.
Movement should clarify interface changes without distracting visitors from service and contact information.
Any animation of figures needs approved factual context and must not imply a live accounting calculation.
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 website motion design includes.
The scope follows the practice’s actual offerings and approved information. Your team retains responsibility for technical accounting statements and client-data decisions.
Interface feedback
Clarify menu changes, form feedback and interactive selections.
Content transitions
Specify restrained changes for resource lists and page sections where they serve a purpose.
Accessible alternatives
Document reduced-motion and static states for every proposed effect.
What clients say.
Reviews from the companies we have built and maintained websites for.
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.”
What you receive.
These outputs are prepared for the work included in the agreed scope.
- 01
A motion specification.
- 02
Interaction prototypes.
- 03
Reduced-motion requirements.
Our process
How the work runs.
Identify useful feedback
Review navigation, resources and enquiry interactions to select changes of state that benefit from motion.
[ 01 ]
Prototype the behaviour
Specify triggers and timing in the relevant page context, keeping the primary information readable throughout the transition.
[ 02 ]
Provide reduced-motion rules
Document static alternatives and implementation checks so all essential actions remain available when motion is reduced.
[ 03 ]The people who do this work.
No account layer between you and them. These are the Norml specialists this work runs through.
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 for accounting firms: questions.
Should the site animate financial figures?
Only verified figures should appear, and animation must not obscure their context or imply a live calculation.
Can visitors turn motion off?
The implementation should respect system reduced-motion preferences according to the agreed specification.
Website 2.0 combines strategy, design, development and launch in one engagement.