Brand motion · explainer · product demo · hero loop

Static brand on a moving web is a brand losing ground.

We design brand motion, explainer video, product demos, hero loops and interface animation — designed by senior motion teams who treat time as a deliberate part of the brand. For ambitious product brands across the UK, US, Europe and the Middle East.

1,000+
Animations shipped since 2015
10yrs
Designing motion for product brands
4.9
Across 1,000+ reviews
3cuts
From every commission (hero · social · long)
The real cost

The web moves. Brands that don't move on purpose lose ground.

01

A static brand on a moving web reads as old.

The web is animated by default now — every modern site, every product UI, every social platform expects motion. A brand that ships only static assets into a moving environment looks slower and less considered than its competitors before a single word is read. The penalty is not aesthetic; it is positional.

02

Generic motion looks generic before it looks anything else.

Template easing, library presets, and AI-generated motion all share the same tell — the rhythm is generic. A trained eye reads it instantly, and a non-specialist viewer feels it without being able to name it. The cost is brand quality perception, and it stacks every time a generic asset ships under your name.

03

Motion is the brand's voice in time.

Easing, duration, entrance behaviour, and signature moments carry brand personality the same way typography and colour do. A "decisive" brand snaps; a "considered" brand settles; a "warm" brand bounces. Brands without motion rules let every team in the company decide that personality independently — and ship inconsistency in the wild.

What we design

Six formats. One motion language.

Brand motion & identity in motion

Animated logo lockups, signature transitions, easing fingerprint, motion guidelines. The brand moving on-character across every surface it ships into.

Explainer video

60 to 120 seconds. Scripted, scored, animated frame-by-frame. The format that turns a cold visitor into someone who understands the category and feels they have learned something.

Product demo

90 to 180 seconds. Real product UI walked through with annotation overlays, motion callouts, and a deliberate edit rhythm. The format that converts mid-funnel.

Hero loop & motion-poster

6 to 15 seconds. No narrative. Brand framed in time — the visual equivalent of the front-panel logo, designed for hero sections, social ads, and app-store previews.

Social cuts & derivative formats

9:16, 1:1, and 16:9 cuts derived from the master commission. Same animation, same brand — sized and paced for Reels, Stories, TikTok, YouTube, and feed.

Interface motion & UI animation

Lottie animations, scroll-linked motion, hover states, page transitions. The motion that lives inside your product — designed once, exported as JSON, deployed everywhere.

Motion language

The four primitives that make a brand move on-character.

Every motion we ship is governed by four decisions: how things ease, how long they take, how they enter, and how the brand signs off. These four primitives are the difference between motion that feels like the brand and motion that feels like a default.

01 — Easing fingerprint

How things ease

One or two cubic-bezier curves that govern every transition in the brand. The fingerprint that says "decisive" or "considered" before words do.

02 — Duration scale

How long things take

Four values — typically 120ms, 250ms, 400ms, 700ms — mapped to micro, small, medium, slow. Every motion in the brand picks from this ladder.

03 — Entrance principle

How new things arrive

Drift, scale-in, or stagger — one signature pattern used most of the time, with the others reserved for specific contexts. Consistency makes the brand feel composed.

04 — Signature moment

How the brand signs off

One or two motion artefacts that exist nowhere else — the stinger, the lockup transition, the loading moment. The brand's calling card in motion.

How we work

From the script to the master file.

  1. 01 Briefing

    Brief and funnel audit

    What is the audience asking right now, what funnel stage, what platform, what duration constraint, what budget band. Three working days of structured intake that produces a written brief signed off before any frame is designed. The brief decides the format; the format decides everything downstream.

  2. 02 Script

    Script and storyboard

    The script is the load-bearing element on every video — most explainer failures are script failures. We write, edit, and approve the script before any storyboard work begins. Then frame-by-frame storyboard panels signed off before animation starts.

  3. 03 Frames

    Design frames

    Static design frames in the chosen visual direction — key moments shot-listed and designed at presentation quality before animation. This is the phase where the visual decisions are locked, so animation does not become a moving target.

  4. 04 Animate

    Animate and sync

    Frame-by-frame animation, motion-graphic overlays, voiceover sync, sound design, music selection or commission. This is the longest phase and the one most often under-budgeted. We deliver versioned cuts at the end of each iteration, not just at the end of the project.

  5. 05 Master

    Master and deliver

    Final master in every format you need (MP4 H.264/H.265, ProRes, WebM), captioned and silent versions, derivative cuts at 16:9 / 1:1 / 9:16, Lottie JSON for web-friendly animations, source files (After Effects, Figma), subtitle files. Copyright transfers on final payment.

Selected work

Motion that hovers to life.

Six of more than 1,000 motion projects. Hover any card to see the motion language sample.

GA
GreenergyAir
HVAC North Carolina · USA
GQ
GreenQube
Sustainability United Kingdom
GC
GoChef
Food technology United Kingdom
4C
4 Counties Hire
Equipment hire United Kingdom
JE
Jones Edmunds
Engineering United Kingdom
D2
Door2Door
Logistics Belize

Six projects from a portfolio of more than 1,000. If you want to see motion work in your category, ask — we almost certainly have it.

Ready when you are

Need motion that moves like the brand?

Tell us about the funnel stage, the platform, and the question the audience is asking right now. You will get a written format recommendation within 48 hours.

Get a format recommendation No sales pitch · no obligation
Motion in the world

One commission, every surface it travels.

From the hero loop above the fold to the social cut on TikTok — one master commission, derivative cuts planned at the script stage, consistent brand motion through every surface.

Brand intros

Hero loops & stingers

The six-second moment that frames the brand at the top of every surface.

Product explainers

Explainer & demo video

The 60–180 second narrative that does the educational work copy cannot.

Social cuts

9:16 · 1:1 · 16:9

Reels, Stories, TikTok, YouTube, and feed — all derived from the master commission.

Interface motion

Lottie & UI animation

Scroll-linked motion, hover states, page transitions, in-product micro-animations.

Client stories

Two motion engagements. Two different jobs.

Meridian Coffee

DTC + Amazon · UK + US · 2024–2025
The situation

A specialty coffee brand with a static identity launching a new product line. They needed a 60-second explainer for the landing page, a 6-second hero loop for the homepage, and 6 social cuts in three aspect ratios. The legacy brand had no motion guidelines at all.

What we did

Wrote and recorded the explainer script, designed the brand motion language (easing fingerprint, duration scale, signature lockup transition), produced the explainer in three frame-design directions before animation, cut the hero loop from the same shot list, and delivered six social cuts in 9:16, 1:1, and 16:9.

The outcome

Homepage hero loop deployed in week 7. Explainer added in week 8 lifted email opt-in conversion 14% over the prior static hero. The motion language was added to the brand identity document as a permanent chapter.

Read the full story

Postbrew

B2B SaaS · UK + US · 2023
The situation

A workflow automation product with a strong visual identity but inconsistent motion across surfaces. The product team's animations clashed with the marketing team's social cuts, which clashed with the demo videos sales used in pitches.

What we did

Standalone brand-motion specification engagement: audited 40+ existing motion assets across product, web, and social; designed the four primitives (easing, duration, entrance, signature moments); shipped a 22-page motion guidelines chapter plus a Lottie reference library.

The outcome

Three internal teams now share the same easing fingerprint and duration scale. User research conducted six months later showed "perceived brand quality" up 18% vs the pre-spec baseline. The spec is checked into design tokens.

Read the full story
A direct point

Stock motion libraries can fill 90 seconds. Here's why that fails.

Stock motion library 6 templates · all-seen
Designed for one brand Dream Steps
Meridian · brand lockup transition
One signature moment. Considered. Owned.

Stock libraries have a rhythm. The whole industry recognises it.

After Effects template packs, Lottie marketplaces, motion graphic asset stores — the rhythm of stock motion is recognisable to anyone who has seen enough product videos. Your audience has. Stock motion does not look "fine" to them; it looks generic, and generic is positional damage.

Generic easing carries no brand personality.

Template motion ships with template easing — Material Design defaults, After Effects presets, library standards. None of them carry your brand. Personality in motion lives in the easing fingerprint, the duration scale, the entrance principle. Stock libraries give you none of these, and you cannot bolt them on after the fact.

We start from the brand's motion language.

Every motion we ship comes from the brand's easing fingerprint, duration scale, entrance principle, and signature moments — designed once, applied across every commission. The first piece costs more than a template; the second, third, and fourth cost less than they would otherwise, because the language already exists. Owned motion is an asset, not a deliverable.

Start a motion project 30-minute consultation · honest assessment · no sales pitch
Frequently asked

Questions about video and animation design.

How much does a video or animation project cost?

The cost depends on the format (explainer, product demo, hero loop, brand motion), the duration, whether the engagement includes brand-motion specification, and the scope of derivative cuts. There are honest bands for every scope — a single hero loop is a focused engagement; a connected video system (explainer + demo + hero + 5 social cuts) is a larger one. We share a written estimate within two working days of the discovery call — scope, deliverables, timeline, and team named — before you commit to anything.

How long does a video or animation project take?

An explainer takes 4–6 weeks. A product demo takes 2–3 weeks (the visual content — real product UI — already exists). A hero loop takes 3–4 weeks even though it is the shortest format, because every frame matters and there is no script-padding. A standalone brand-motion specification takes 3–4 weeks. A connected video system (one explainer + one demo + one hero plus social cuts) typically runs 8–10 weeks because the derivatives are planned at the script stage, not as separate engagements.

What's the difference between video, animation, and motion design?

Video is the medium (time-based moving image); animation is the technique used when there is no live-action footage (frame-by-frame motion, motion graphics, 2D and 3D animation); motion design is the discipline of designing how things move with intent (easing, timing, rhythm, brand voice in time). Most product brands need a blend: live-action footage for human and product moments, motion-graphic overlays for explanation, motion-design rules running consistently across both. We work in all three and treat them as one toolkit, not three separate services.

Do you handle scripting and storyboarding, or do I provide it?

We handle both. A weak script is the single most common reason explainer video projects miss the mark, so we include scripting and storyboarding in every video engagement by default. If you already have a strong script you want to bring, we will work from it — but we will audit it against the funnel stage and the platform first, and flag any structural issues before animation begins. Audit-and-bring-your-own is roughly 30% cheaper than full scripting from scratch but only saves time if the existing script is structurally sound.

What deliverables do I receive at the end of a video project?

Master files in the formats you need (typically MP4 H.264, H.265, ProRes, and WebM for web); silent and captioned versions; derivative cuts at platform-specific aspect ratios (16:9 for YouTube and embeds, 1:1 for social feed, 9:16 for Reels/Stories/TikTok); poster frames for use as fallback images; subtitle files (.srt, .vtt) for accessibility; and source files (After Effects project, Lottie JSON for web-friendly animations, Figma source for static frames). Source files are included. Full copyright transfers on final payment.

Do I own the video after the project ends?

Yes — full copyright and exclusive ownership transfers to you on final payment, with a written statement confirming the transfer. Source files (After Effects projects, Lottie JSON, master MP4s) are all yours. You can use the video on any surface, in any geography, in perpetuity. Dream Steps may include the work in our portfolio and case studies unless you specifically request confidentiality. Licensed stock footage, music, and typefaces used in the video remain governed by their respective licences, which we transfer to your name where possible.

Where in the world are your video and animation clients based?

Across the UK, United States, Ireland, Australia, Germany, the Netherlands, the UAE, and worldwide. Most of our motion work is commissioned by founders, marketing directors, and product teams in those markets — from SaaS and fintech to consumer brands, healthcare, and education. We work in your timezone, communicate entirely in English, and have senior motion designers available across UK and US business hours.

Can you refresh an existing video or animate a new version?

Yes — a focused refresh keeps the script and concept intact but updates the visual treatment, motion language, or duration. A 90-second explainer can be cut into a 30-second social ad and a 6-second hero loop without re-shooting. We can also adapt an existing video to match a new brand identity (re-typeset, re-coloured, re-eased to match new motion guidelines). The refresh is dramatically cheaper than recommissioning from scratch — usually 30–50% of the original production cost.

What's the difference between hiring a freelancer and an agency for video?

A senior motion freelancer is appropriate for a focused single-deliverable project where one experienced person can hold the script, animation, and edit. An agency is appropriate when the work spans multiple formats (explainer plus product demo plus hero), requires live-action footage and motion-graphic overlays together, needs brand-motion specification alongside, or involves multiple stakeholders and review rounds. The rough threshold: if the project includes more than one format or requires both live-action and animation, an agency band tends to produce more cohesive output.

Can you work with AI-generated video tools like Sora or Runway?

Yes, with one caveat. AI video tools are useful for rough animatics, stock-style B-roll, and stylised concept frames — they generate output in minutes that would take a designer hours. They are not yet good at brand-specific motion, character consistency across cuts, lip-sync, precise typography animation, or the kind of judgement that separates a ‘fine’ explainer from one that converts. We use AI tools where they save real time and produce output to brand; we don’t use them where they would force a compromise on the work. The final master is always a deliberately-crafted piece, not a generated one.

How do I get started with a video or animation project?

Book a free 30-minute discovery call. We will ask about the audience, the funnel stage, the question they are asking right now, and your target launch date. A written proposal — scope, timeline, team, and price — follows within two working days. The project can usually start within a week of proposal sign-off. Book directly from this page or email info@thedreamsteps.com.

Ready when you are

Commission motion that moves the brand, the metric, and the team.

Book a free 30-minute consultation. We will look at the audience, the funnel, and the question they are asking right now — and tell you honestly which format moves the metric. If we are the right team for the work, we will tell you exactly what we would do and what it would cost.

What to expect

A direct conversation with Vikas, our founder. No middlemen.

  • A direct conversation with a senior designer. Not an account manager, not a junior rep.
  • An honest assessment of what your brand needs and whether we are the right team to deliver it.
  • A clear written quote, with scope and timeline, inside 48 hours of the call.