Skip to main content

The Brief

Create a clear and engaging animated explainer video that outlines how Cardiff-based Yoello’s mobile order-and-pay system works, and why it matters to customers and venues.

This content had to:

  • Simplify a multi-step process

  • Stay aligned with Yoello’s vibrant, digital-first brand

  • Work across multiple platforms (website, sales decks, social)

  • Feel friendly, innovative, and trustworthy

Social Media Content for Yoello

Our Approach

We began with the fundamentals — tone, audience, and visual language. While many fintech explainer videos default to sterile visuals or overly technical messaging, we knew Yoello needed something with more personality.

The core challenge: balance education with style. The solution: create a vibrant, motion-led narrative supported by a confident script, human voiceover, and a distinct motion identity that could evolve with the brand.

1. Scriptwriting & Storyboarding

Our script team worked closely with Yoello’s marketing leads to distill their messaging into a lean and engaging voiceover script. Every word was chosen to keep things clear, concise, and relatable. We followed with a custom storyboard that mapped out each visual transition, using storytelling techniques that would translate well in animation.

2. Motion Design & Animation

This is where the magic happened. Our motion design team developed a playful-yet-polished visual world, incorporating bold colour blocks, simple iconography, and smooth transitions that reflect Yoello’s modern and intuitive user experience. Every element was animated with purpose — from interface simulations to character motion — all reinforcing the ease and fluidity of the product.

The design direction was deeply tied to the brand’s visual identity, but we also helped Yoello evolve their visual language into a more dynamic space. In doing so, we began laying the foundations of a motion identity — one that could inform future content and become a consistent part of their communications toolkit.

Social Media Content for Yoello
Poster design for Yoello

The Result

The final video is a clean, cohesive explainer that demystifies a complex product and brings it to life through considered motion graphics. It’s sharp, friendly, and on-brand — striking the right balance between professionalism and approachability.

It’s also become a cornerstone sales and onboarding asset for Yoello, used across digital channels, pitch presentations, and at events. Its success shows how powerful a well-executed motion design project can be when it’s aligned with strategic messaging and brand clarity.

Why Motion Matters for Fintech Brands

For companies like Yoello operating in complex, highly competitive industries, visual storytelling is critical. Static PDFs or decks don’t cut it anymore. As a motion graphics agency, we help brands move — literally and figuratively.

This project reflects how motion design and motion identity can transform not just how a message is delivered, but how a brand is remembered. It’s not just about animation — it’s about communicating with intent, style, and strategic clarity.

Magenta have been absolutely outstanding creating our animated explainer video. The team have worked with us every step of the way to create exactly what we envisioned and more. We will definitely be back with more projects and cannot recommend them enough.

Sina Yamani – CEO, Yoello