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 browsing and enquiry interactions.
We specify gallery, filter and navigation transitions with static alternatives, preserving the information visitors need to compare offers.
A few clients we’ve worked with
What we do
We specify gallery, filter and navigation transitions with static alternatives, preserving the information visitors need to compare offers.
Decisions that shape this work.
Animated filters can make it unclear which records are currently displayed.
Property facts and contact actions must remain available without motion.
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 property business’s actual services and verified information. Availability, pricing and property claims need approval from the responsible team.
Browsing feedback
Clarify changes to selected filters and displayed content.
Media behaviour
Define gallery transitions without obscuring captions or property context.
Motion alternatives
Document reduced-motion and static versions of the effects.
Selected projects across our wider practice
All case studies
“They focused on how to make our daily operations easier, not just on building features for the sake of it.”
“They understood that the app needed to be practical for someone sitting in a car, not just look good on a desktop.”
What you receive.
The agreed engagement includes the relevant outputs below.
- 01
A motion specification.
- 02
Interaction prototypes.
- 03
Reduced-motion requirements.
Our process
How the work runs.
Select useful transitions
Identify state changes where motion can improve orientation in the actual browsing flow.
[ 01 ]
Prototype effects in context
Specify triggers and timing while keeping selected records and captions clear.
[ 02 ]
Define static behaviour
Provide reduced-motion alternatives and checks for preserved focus, input and essential information.
[ 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 real estate companies: questions.
Should every property video autoplay?
The purpose, controls and file weight need review; explicit playback may be more appropriate.
Can animation imply a live availability change?
Only if that behaviour reflects verified real data; visual effects must not manufacture urgency or status.
Website 2.0 combines strategy, design, development and launch in one engagement.