Motion / 2023
North Portfolio
A portfolio site for a motion designer whose work deserved a frame that moved with it.
Project Map
- Challenge
- Strategy
- Design
- Build
- Outcome
Challenge
A senior motion designer was showing extraordinary work inside a static grid of thumbnails. The container fought the content: stillness wrapping motion.
Strategy
Make the site behave like the discipline it represents. Scroll becomes playback, transitions become edits, and the work is framed by motion that understands restraint.
Design Approach
Heavy on negative space and timing. The reels lead; everything else gets out of the way. Motion is used as punctuation, not wallpaper.
Implementation
Lazy-loaded video previews, scroll-linked reveals and a reduced-motion path that keeps the whole thing usable and fast on any device.
Outcome
A portfolio that feels authored frame by frame — and doubled the share of visitors who reached the contact page.
Stillness wrapping motion
A motion designer’s portfolio has a specific problem: the medium is movement, but most portfolio templates are built for static thumbnails. The work was fighting its own frame.
Make the frame move
We rebuilt the site so that scrolling feels like scrubbing a timeline. Sections transition like cuts. Reels take the lead, and the interface practices the restraint that good motion design is actually about — knowing when not to move.
- Scroll-as-playback reveals
- Lazy-loaded video previews for speed
- Motion used as punctuation, never decoration
- A full reduced-motion path that stays fast and usable
The outcome
Visitors stayed longer and twice as many reached the contact page. The frame finally moved at the speed of the work inside it.
“Finally a theme that doesn't look like every other Webflow template. Our inquiry rate went up within two weeks of launching.”
Tom Beaumont / Freelance UI Designer
