(+34) 690 784 626
(+54) 911 3050 0211
© 2026 Story Studio. All rights reserved.
(+34) 690 784 626
(+54) 911 3050 0211
© 2026 Story Studio. All rights reserved.
(+34) 690 784 626
(+54) 911 3050 0211
© 2026 Story Studio. All rights reserved.
Yohana.
Yohana.
Brand animation toolkit for Yohana with 38 editable pieces
Brand animation toolkit for Yohana with 38 editable pieces
Introduction
Yohana contacted us directly for a rebrand: shifting from a vibrant, productivity-driven palette to a more mature identity focused on wellness. We developed a brand animation toolkit built in After Effects, with every asset set up to easily generate new versions by swapping text, color, or imagery. That need to scale a single asset into multiple variations was one of the projects that led us to create Motionme.
Year
2023
Stakeholders
Client YOHANA (Virtual Assistant / Wellness App)
Services
Art Direction, Design, Motion Graphics, Illustration, Brand Animation
Deliverables
38 assets: 20 identity and brand, 6 product and in-app, and 12 content and social media.
Introduction
Yohana contacted us directly for a rebrand: shifting from a vibrant, productivity-driven palette to a more mature identity focused on wellness. We developed a brand animation toolkit built in After Effects, with every asset set up to easily generate new versions by swapping text, color, or imagery. That need to scale a single asset into multiple variations was one of the projects that led us to create Motionme.
Year
2023
Stakeholders
Client YOHANA (Virtual Assistant / Wellness App)
Services
Art Direction, Design, Motion Graphics, Illustration, Brand Animation
Deliverables
38 assets: 20 identity and brand, 6 product and in-app, and 12 content and social media.
Inside the process
Inside the process
One reveal language for every piece
We chose reveal animations so every object, illustration, or line of text in the toolkit appears the same way, regardless of the piece or format.
Built to be edited
We built every piece in After Effects so Yohana’s team could swap colors, images, and text on their own, without needing a new animation for every brand update.
Cairns as a brand object
The cairns, one of the rebrand’s central visual elements, work as a frame for replaceable images, so the client can update content without losing visual identity.
Impact and scale
Impact and scale
A brand animation toolkit built to scale, with fully editable text, colors and images in every piece.
A brand animation toolkit built to scale, with fully editable text, colors and images in every piece.
20 brand identity:
Animated logo, 16 animated illustrations (11 category and 5 general) with replaceable colors, and the brand’s cairns, used both as a frame for replaceable images and in an animated loader.
20 brand identity:
Animated logo, 16 animated illustrations (11 category and 5 general) with replaceable colors, and the brand’s cairns, used both as a frame for replaceable images and in an animated loader.
6 product and in-app:
An in-app animation with a phone mockup showing a mini walkthrough of the app, plus a checklist, animated to-do list, task addition, and animated tip (2 versions, with replaceable checklist and image).
6 product and in-app:
An in-app animation with a phone mockup showing a mini walkthrough of the app, plus a checklist, animated to-do list, task addition, and animated tip (2 versions, with replaceable checklist and image).
12 content and social:
Lower thirds, chat bubbles with editable text per bubble, stickers (2 versions), social call-out and arrows, animated headlines (2 versions), end cards with CTA, featured offers, and transitions (2). The need to multiply one piece into different versions later became one of the starting points for Motionme.
12 content and social:
Lower thirds, chat bubbles with editable text per bubble, stickers (2 versions), social call-out and arrows, animated headlines (2 versions), end cards with CTA, featured offers, and transitions (2). The need to multiply one piece into different versions later became one of the starting points for Motionme.
Upcoming projects.
(2009-26©)
© 2026 Story Studio®
Let's talk about your next project.
Tell us what you need: an all-in-one campaign, scale animation, or a partner for your agency.
Response within 24 hours
We move at your pace. If you are evaluating partners for a bid or campaign, we will respond without delay.
No middleman
You speak directly with the studio management from the very first minute, with no layers of account executives in between.
Let's talk about your next project.
Tell us what you need: an all-in-one campaign, scale animation, or a partner for your agency.
Response within 24 hours
We move at your pace. If you are evaluating partners for a bid or campaign, we will respond without delay.
No middleman
You speak directly with the studio management from the very first minute, with no layers of account executives in between.
© 2026 Story Studio®
Let's talk about your next project.
Tell us what you need: an all-in-one campaign, scale animation, or a partner for your agency.
Response within 24 hours
We move at your pace. If you are evaluating partners for a bid or campaign, we will respond without delay.
No middleman
You speak directly with the studio management from the very first minute, with no layers of account executives in between.