Gravitee's New Platform Explainer Video

Incorporating a fresh rebrand into a video that launches brand-new Agentic AI capabilities into Gravitee's robust API management platform

 

Client

Gravitee

Role

Producer, Lead Creative, Animator

Timeline

2025

Overview

One of my biggest—and most fun—clients is definitely Gravitee. Not only do they have a great product that has brought them tremendous growth as a startup, but they’ve always been willing to take chances, which not a lot of companies in the B2B SaaS field do. This year they underwent a re-brand to coincide with their $60M Series C and the addition of Agentic AI to their API and Event Management platform. So of course, we had to create a new video to showcase these milestones! 

Challenges

  • Re-brand in very early stages
  • Very barebones styleguide
  • No Design System set up: buttons, icons, styles still being defined by web team
  • Now to explain the immediate benefits AI Agents will bring to current users, while also converting new ones

Solutions

  • Worked together—and very closely—with their CMO to translate their budding design system into vector assets that could be easily imported into After Effects and templatized for future use.
  • Brainstormed ways to make the narrative compelling while staying within the limited framework of their style-guide.

Process

In 2017 I designed and curently continue to refine a workflow that has worked wonders with both my stakeholders and my contractors to streamline the production of any animated explainer. Here’s a peek into my workflow:

Scripting: narrative, duration, concepting

I always push for B2B SaaS animated explainers to be under two minutes, ideally around 90 seconds. It’s essential to try to distill the messaging at this stage to make sure the narration fits the timing. So I give my clients a script/storyboard template with a suggested range of words to make sure we don’t go over time. They always craft the first draft because sadly, I’m still not an expert in everything. Once they send over what they want to achieve with the piece, I go in and do some script-doctoring for clarity, flow, and efficiency. 

The template has three columns: column 1 is a loose guide to help establish narration beats such as challenge, solution, differentiator and CTA. In column two we break up the script by sentence or emphasis so that in column three we can start brainstorming and describing visuals, even adding references.  

Tech script

Voiceover and music

Once the script has been approved by all stakeholders, we begin casting for VO talent and searching for a music track for the piece. Most clients’ budget restraints call for the use of stock music over original, so we discuss a theme that fits the piece and send over options for the client to decide on. Some clients don’t want to be involved in the process and leave the decision to me, which is quite alright. As for casting VO talent, we decide on gender, age range and delivery style, and I usually propose 3-5  actors that I’ve prescreen from dozens of auditions. Some clients are so happy with their first choice that they keep using the actor for years! 

Storyboarding

This is where the real fun begins. Armed with an approved VO and a music track, I work with my jr. designers and illustrators to take the third column of the script template and create fully rendered storyboards for the client. I made the decision early on to cut out the preliminary sketched storyboard phase because I found that there would still be a wide range of reactions whenever the rendered piece had any differences—subtle as they may be—from the first round. We use Adobe Illustrator to create vector storyboards for each beat because of the ease of importing the files as compositions into After Effects, and the potential to group beasts into scene files and also cut down on production time. It is at this point that any changes to script, VO or visuals must be requested, because the time and cost of making changes to an animation is significantly higher. The document we send to the client for next approval looks like this:

Example Storyboard: Gravitee 2025 Platform

Animating

 

 Once the storyboard is approved, it’s time to put it all together in After Effects. The same document we send the client is the basis for the kick-off meeting I have with my animators, where we over the visuals and beats and I verbally describe any animations or transitions that aren’t clearly specified. The teams I’ve put together are great at taking direction and running with it, and more often than not their first draft basically nails my initial vision. Regardless, I always take back the project file and make any adjustments—big or small—before sending the client a first preview. Once again, 90% of the time any comments the client may have on the first draft are minor, as we would have ironed out any issues during the storyboarding phase. It never takes more than 3 rounds of feedback to get to a final version.   

Result

“Working with Jordi on motion graphics has been nothing short of seamless. From high-pressure ad campaigns on the Nasdaq tower in Times Square, to polished web explainers, he consistently delivers stunning visual work-often under intense deadlines. He combines creative vision, technical precision, and calm professionalism, making even the most complex projects feel effortless. He’s been an invaluable partner in elevating our brand across every channel.”

Chris Du Toit

CMO, Gravitee

Opioid Crisis Case Study thumbnail

Opioid Epidemic in America

Motion Graphics

Keyfactor DevOpsSec animated explainer

Keyfactor DevOpsSec Explainer

Motion Graphics

Graphic Novel case Study

A Lupita le Gustaba PLanchar

Graphic Novel