A motion and interaction design studio for product interfaces.
We're a motion and interaction design studio. Every transition, hover state, and loading moment is a chance to make a product feel more considered. We design motion systems that clarify hierarchy and give interfaces a pulse.
What's included
- Motion principles and timing/easing systems
- Micro-interaction and transition design
- Prototypes in Framer for stakeholder review
- Engineering-ready specs (easing, duration, triggers)
What we don't do
- Video production and filming
- 3D, VFX and game animation
- Coding the animations in your product
- Sound design and music licensing
Related work.
Recent projects, most relevant first.
Hearthline Brands: a multi-brand restaurant website built to scale
A concept restaurant group with four quick-service brands. We designed its identity, a brand-themed design system and a 16-template corporate website with a newsroom, franchising and careers.
View project →
Harlow: luxury real estate website design for a multi-market brokerage
A concept residential brokerage across 27 US markets. We designed its brand, information architecture, design system and a responsive website, with neighborhood guides, agent directories and slow, deliberate motion.
View project →
Alder Trust: a nonprofit website and brand built on trust
A concept donor-advised fund sponsor. We designed its brand and a twelve-template website with a design system, editorial reports, a timeline and scroll-driven motion.
View project →How we work
Review
We find where motion would clarify the interface and where it would only distract.
Principles
We set the motion principles, timing, and easing that suit your brand.
Design
We design the transitions, micro-interactions, and loading moments.
Prototype
We build prototypes in Framer so stakeholders can feel the motion.
Specs
We hand engineers specs for easing, duration, and triggers.
What it costs
Three ways to scope it, with a fixed price agreed before we start. Here is how each compares with what agencies typically quote.
Micro
A pack of interface animations.
- Mellon
- $1,800 – $4,500
- Typical agency
- $2,000 – $5,000
- Typical timeline
- 1–2 weeks
Request thisWhat you get Mellon Typical agency Up to 10 UI animations Included Included Delivered as Lottie or video Included Included Easing and timing guide Included Extra cost Developer handoff specs Included Extra cost Explainer
A 60-second 2D animated video.
- Mellon
- $4,500 – $13,500
- Typical agency
- $5,000 – $15,000
- Typical timeline
- 4–6 weeks
Request thisWhat you get Mellon Typical agency Script and storyboard Included Extra cost Custom illustration Included Extra cost Voice-over and sound design Included Extra cost Two revision rounds Included Included Cut-downs for social Included Extra cost Motion system
A brand motion language plus a set of videos.
- Mellon
- $13,500 – $36,000
- Typical agency
- $15,000 – $40,000
- Typical timeline
- 8–12 weeks
Request thisWhat you get Mellon Typical agency Motion principles and guidelines Included Extra cost Animated logo and transitions Included Extra cost Three to five videos Included Included Reusable templates for your team Included Not included Interaction specs for product Included Extra cost
Prefer to pay by the hour or the month?
By the hour
Small jobs, fixes and work you cannot scope yet. Pay only for the hours used.
- Mellon
- $40 per hour
- Typical agency
- $100 – $150 per hour
- Senior designer, no juniors
- Billed in 30-minute steps
- Hours report every week
- Move to a fixed price if the scope settles
Monthly retainer
Best valueOngoing design work with hours reserved for you every month.
Quoted after a short call
- 40 hours reserved every month
- Weekly check-in call
- Priority turnaround on requests
- Unused hours roll over for one month
Prices are in USD, before tax, and show the usual range for each scope. Agency figures are typical ranges from published 2026 pricing guides. Your quote depends on screens, pages and complexity.
Frequently asked questions
What is interaction design?
The design of how an interface responds to people: transitions, hover states, feedback, and loading moments.
Do you design for reduced motion?
Yes. We design for reduced-motion preferences so the interface still works without animation.
Do you implement the motion in code?
We prototype in Framer and hand engineers specs for easing, duration, and triggers. Your engineers implement from those specs.
Do you make explainer videos?
Our work is motion inside product interfaces and websites, not video production.
Can you add motion to an existing product?
Yes. We review the product, choose where motion helps, and design it to fit what's already there.
How do you price motion and interaction design?
Clearly scoped work is a fixed project fee, and ongoing work is a monthly retainer. We scope it with you after a short call.