Skip to content
Get a quote

Design

A logo that moves the same way everywhere, without slowing anything down

Motion identity for your brand, logo, shapes and interface animated coherently, with clear rules for developers. We do not produce video, we animate what is already graphic or already filmed.

  • You are going through a rebrand and want the logo to work in motion, not only static
  • You have a site or an app where the interface needs transitions coherent with the brand
  • You already have filmed video material and need an animated logo or titling over it

01 · What it costs you today

  • Every context shows a different movement

    Video, app, social media, each reinterprets the animation differently when there is no shared set of rules, and the identity looks inconsistent exactly where it should look controlled.

  • The animations slowed your site down

    It is usually not the concept's fault but the implementation, expensive properties animated instead of transform and opacity, too many elements at once, a heavy JS library for a simple effect.

  • Animation accessibility is ignored

    A 2026 study of 196 interfaces found that 99.2% shipped at least one animation with no prefers-reduced-motion protection at all. Vestibular risk is a documented physiological reaction, not a theoretical detail.

  • You do not know whether you need motion or video production

    The confusion costs briefing time. If you need a filmed commercial with actors, that is not our service, and if you need the logo or the interface to move coherently, that is exactly where we come in.

02 · What you get

  • A documented motion identity

    A fixed set of easing curves, durations and transition types, applied identically on site, app and video material, exactly as a brand manual fixes a closed colour palette.

  • Specifications handed straight to developers

    Duration and easing tokens in a format usable directly in code, clear rules about what is animated, with which properties, and what gets disabled under prefers-reduced-motion.

  • Every animation respects the performance budget

    Compositing exclusively through transform and opacity, never through properties that force a layout recalculation, checked against the project's Core Web Vitals rules.

  • Optimised files, ready to implement

    Animated SVG for shapes and icons, Lottie or .lottie for complex After Effects compositions, always in the format with the lowest real weight.

  • Coherence across every brand context

    The logo behaves the same way on the site, in the app and in the video material you supply, rather than a different movement every time.

  • A motion audit on what you already have

    Which animations cost performance, what is missing on accessibility, what we recommend changing, on an existing site or app.

03 · How we work

  1. 01

    Audit

    The existing identity, logo, shapes, typography, and, where relevant, the site or app the motion will run on.

  2. 02

    Motion vocabulary

    Easing curves, durations, transition types, validated with you before execution.

  3. 03

    Animation and export

    The animated elements, logo, shapes, components, exported in the final formats, SVG, Lottie or .lottie, plus code specifications.

  4. 04

    Handover and testing

    To your development team or implemented directly, with explicit testing of prefers-reduced-motion and of the performance budget.

04 · Results

  • CCECCtechnical animation

    Animation overlaid on aerial footage of a motorway section, marking the expropriation boundaries.

These are the figures reported by the clients themselves, for their own accounts, over the periods shown. We do not turn them into derived percentages and we do not present them as reproducible.

05 · What people usually ask us

“Why pay separately for motion when we already have a logo?”
A static logo carries no information about how it behaves in movement. With no explicit rules, every context, video, app, social, reinterprets the animation differently.
“We tried before and the animations slowed our site down.”
The typical cause is the implementation, not the concept, expensive properties animated instead of transform and opacity, too many elements at once, or a heavy JS library for a simple effect. We fix it at those causes.
“I want an animated commercial or a filmed brand video.”
We do not produce video content, but we can animate the logo, the titling and the graphics over material already filmed by you or by a third-party video production supplier.

06 · Frequently asked questions

Do you also do video production for animations?
No, we do not film and we do not edit. We animate graphic elements, logo, shapes, text, interface, and if you already have filmed material we can add an animated logo or titling over it.
What is the difference between Lottie, animated SVG and video?
Lottie and SVG are vector based, lightweight and controllable from code. Video is far heavier, an equivalent animation can be 10-15 times heavier as MP4 than as Lottie, and it only suits already filmed content.
Will the animations ruin our site speed?
Only if they are implemented badly. Every animation we deliver respects GPU compositing rules, transform and opacity, and the performance budget set for the project.
What is prefers-reduced-motion and why does it matter?
It is a system setting through which the user asks for less movement on screen, especially relevant for people with vestibular disorders. We implement it and test it manually, not only in theory.
How much does a logo animation cost?
As a guide, a simple reveal animation starts from a few hundred dollars, and a complete motion identity system with several formats and a usage guide can reach a few thousand. We give exact numbers once we see the existing identity and the number of delivery contexts.

Shall we talk about your project?

Tell us where you stand. If we are not the right answer for you, you will hear it in the first conversation.

Request a quote