CASE STUDY: Explainer Video Production Step by Step CASE STUDY: Explainer Video Production Step by Step
Review: 3- 5 5 CASE STUDY: Explainer Video Production Step by Step

CASE STUDY: Explainer Video Production Step by Step

Rating
Project Management
05 Aug 2019
3 min read
Update:

Today we’d like to lift the veil on the explainer video creation process. In close collaboration with the Swiss Fin Lab, our Fireart design team has created an animation video giving the viewer the lowdown on a solution of ZOA Personal Data Exchange in the engaging, easy-to-understand way.

Background — About ZOA Personal Data Exchange

ZOA gives individuals greater transparency and control over their personal data stored at different companies and organizations. It has the easy-to-use questionnaire workflows that help manage your data inventory, and data processing software across all legal entities.

CASE STUDY: Explainer Video Production Step by Step 2

Brief — Creating an Animated Explainer Video

Swiss Fin Lab made a request to create an animated video about their ZOA Personal Data Exchange. The video was expected to be a quick and easy explanation assisting users to clearly understand the specifics of this service and the benefits it could bring to customers.

Fireart design team faced up this challenge. Combining clear and concise language with appealing visuals, we created an animated explainer video that can help a brand improving communication with its customers. Here’s how.

Video production stages

To create a product which will stand out of the crowd we needed to pass through the following stages:

  • the research stage — the target audience and market research is an essential stage of the creative process.
  • pre-production stage — scriptwriting and storyboarding
  • production stage — creating graphics and animation
  • post-production stage — video editing, adding sound, and voice-over.

At the early pre-production stage, our designers have created sketches showing the basic ideas of the future video.

CASE STUDY: Explainer Video Production Step by Step 3

CASE STUDY: Explainer Video Production Step by Step 4

CASE STUDY: Explainer Video Production Step by Step 5

CASE STUDY: Explainer Video Production Step by Step 6

CASE STUDY: Explainer Video Production Step by Step 7

Every picture in the storyboard was discussed with the client and should have followed the general idea, goals for the explainer video. After several discussions, we agreed on the stylistic preferences and the main message of the video. Our team could start production.

Illustration and animation

Having chosen the style and color palette corresponding to the main branding colors of Swiss Fin Lab, our designers started the creation of digital illustrations.

At this stage, we faced several challenges. Creating a shot with a rotating calendar we had to use 3D animation. While producing a scene with a rotating rough hand holding a hammer we combined frame-by-frame animation of the hand with the 3D-model of a hammer.

CASE STUDY: Explainer Video Production Step by Step 8

Human hand animation appeared to become one more challenge for us. The complexity of the hand movements made it impossible to animate it in After Effects. So, we decided to use that tool separately for an arm animation using basic layer parenting and for a hand animation using a traditional frame-by-frame technique. Only after that, a frame-by-frame sequence of the hand was parented to the character’s elbow in After Effects.

CASE STUDY: Explainer Video Production Step by Step 9

CASE STUDY: Explainer Video Production Step by Step 10

All the scenes represented in the digital illustrations were animated into a catchy story helping people understand the ideas of ZOA service and able to set the emotional and aesthetic links to the viewers.

Here are some of the final shots gathered in a video.

CASE STUDY: Explainer Video Production Step by Step 11

CASE STUDY: Explainer Video Production Step by Step 12

After combining the sound with the visual part, an animated explainer video for Swiss Fin Lab was ready. Here’s the result.

 

Got a project in mind?

Reach out to us at Fireart, and we'll help you bring it to life

Your name
Email
Message

Our Clients

Over 200 brands have built their products with us at Fireart. Yours might be next!

Rolls-Royce
Limehome
Just Eat
FREE NOW
Bolt
TheoremReach
Pipedrive
Back Office
Toggle
Google
Atlassian
ByNext
Swisscom
JAM
dots