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.
Add motion that supports project browsing.
Construction imagery can be prominent without making the website difficult to use. We specify restrained transitions, gallery behaviour and reduced-motion alternatives around the actual page tasks.
A few clients we’ve worked with
What we do
Construction imagery can be prominent without making the website difficult to use. We specify restrained transitions, gallery behaviour and reduced-motion alternatives around the actual page tasks.
What needs to be clear before work begins.
Gallery motion must preserve the connection between the selected image and its project caption.
Animation needs a defined purpose and a reduced-motion alternative before implementation.
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 work uses the company’s actual services and approved project material. The agreed brief identifies required access, decisions and review responsibilities.
Interaction feedback
Define feedback for project filters, menus and enquiry controls.
Gallery transitions
Plan image changes that preserve captions and keep the selected project clear.
Motion alternatives
Document reduced-motion behaviour and static states for the implemented effects.
Selected projects across our wider practice
All case studies
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.
Select useful interactions
Review project filters, galleries and enquiry controls, identifying where movement can clarify a change of state.
[ 01 ]
Prototype the effects
Specify triggers, timing and transitions in the relevant page context, including video controls where scoped.
[ 02 ]
Document static alternatives
Provide reduced-motion behaviour and implementation checks that keep essential project information available without animation.
[ 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 construction companies: questions.
Should project videos autoplay?
We assess the purpose, file weight and controls first. A still preview with an explicit play action may be more appropriate.
Can animation explain a building sequence?
Yes, if the sequence is supported by supplied project material and the team approves its meaning.
Website 2.0 combines strategy, design, development and launch in one engagement.