Brand motion inside an app should help people understand what changed, what is happening and what they can do next. Its timing and character can express the identity, but functional information must remain clear without decorative movement. Define the behavior with product and accessibility specialists.
Begin with the user’s question
An animated logo can make an effective introduction, yet most product interactions happen long after the introduction is over. A person wants to know whether a file uploaded, whether a request is processing or whether an action succeeded. Those ordinary moments deserve as much direction as the launch film.
From an identity perspective, I would ask how the brand should behave in each situation. A calm advisory service and a playful social product may express different personalities, while both still owe the user a clear account of what is happening.
Nubank connects identity assets with the product
Design Week: Nubank identity by Koto, 3 November 2026 describes Koto’s work spanning Nubank’s wider identity and in-app motion, including animated illustration assets. This provides a current example of brand expression reaching the product rather than ending at promotional materials.
The specific functional states below are my proposed planning framework. They are not a report of Nubank’s interface behavior, and the source does not establish that a particular animation improves task completion. That needs evaluation within the actual product.
Give each motion role a purpose
| Situation | What the user needs to understand | Identity decision |
|---|---|---|
| Progress | An action is still underway | Calm rhythm with clear status text |
| Confirmation | The requested change happened | A short, proportionate response |
| Transition | A new context follows the previous one | Consistent movement and hierarchy |
| Error | Something needs attention | Clear language without distracting spectacle |
| Celebration | A meaningful milestone was reached | Optional expression that does not block the task |
Think of a hypothetical booking app. A payment confirmation should make the outcome unambiguous before it adds personality. A floating illustration cannot be the only signal that a booking exists. Likewise, a processing animation should not imply completion while the system is still waiting.
Storyboard the behavior before polishing it
Use a three-frame storyboard: starting state, transition and resting state. Label the user action and the information that must remain visible. Add notes on direction, rhythm and interruption, then discuss the sequence with the product designer and engineer.
For example, a saved-item action could begin with an unselected control, acknowledge the action and end with a clearly selected state plus text where needed. The final state should be understandable from a still image. This is a proposed interaction example, not production code or a universal specification.
Plan for people who prefer less motion
W3C WAI: Understanding WCAG 2.2 SC 2.3.3, Animation from Interactions, Level AAA explains the Level AAA criterion concerning animation triggered by interaction. It distinguishes motion that can be disabled from animation essential to functionality or information. Use that distinction when planning alternatives with an accessibility specialist.
Provide a reduced-motion interpretation that preserves the message, and avoid making decorative movement the sole carrier of information. The criterion cited here is one part of accessibility work; a single motion setting does not establish compliance for an entire app.
Separate identity direction from implementation
A handoff should state why a movement exists, how it should feel and which decisions must remain consistent. Product specialists then need to define and verify behavior across loading conditions, interruptions and devices. Keep launch animation assets distinct from interface behaviors that respond to live state.
My NorthStarWare work is relevant as a technology identity reference. It is not evidence that I built its app or implemented a motion system. The identity discussion can establish visual character while the implementation scope remains explicit.
When reviewing the finished product, ask whether the motion clarifies the action, whether it repeats too often and whether it gets in the way of the next step. A coherent identity can appear through restraint as well as movement. The aim is a recognizable product that remains easy to use.
Frequently Asked Questions
Is brand motion the same as an animated logo?
No. An animated logo is one asset. Product motion also includes transitions and responses that help communicate interface states while expressing the brand’s character.
Who should implement app motion guidelines?
The identity designer can define direction and visual principles. Product designers, engineers and accessibility specialists should specify and verify the actual interactive behavior.
Sources and Credits
- Design Week: Nubank identity by Koto, 3 November 2026
- W3C WAI: Understanding WCAG 2.2 SC 2.3.3, Animation from Interactions, Level AAA
Created and sources checked on 9 November 2026. The editorial date places this article in the requested series; it is not a claim of earlier publication. External projects are credited to their creators. The review frameworks and hypothetical examples are design recommendations, not measured client outcomes.
Bring the product screens and key user actions. We can define where identity direction should guide the experience and where specialist implementation is needed. Book a free consultation or explore design services.