Motion Graphics

Into the wonderland: Interactive Animation

On the occasion of opening the new Lotte Department Store in Ha Noi, BreadnTea and Red Cat Motion worked together to deliver a virtual interactive experience for customers.

About the concept

The client wanted to have a journey into a wonderland where fantasy creatures are living. Audiences can touch them and make them alive.

We proposed a surreal style illustration for the project.

Blame: Music Animation

Blame is a new release of MaWayy (Brian Wayy and Masoud Fuladi), and we had the honor to create, tell, draw and animate their song in our way.

If you like the video of MaWayy, be sure to subscribe, give it a thumbs-up and share.

Facebook: https://www.facebook.com/MaWayyOfficial/

Twitter: https://twitter.com/MaWayyOfficial

Instagram: https://www.instagram.com/mawayyoffic...

Soundcloud: https://soundcloud.com/mawayy

Website: http://mawayy.com

Composed and Produced by Brian Wayy, Masoud Fuladi

Vocals and Lyrics: LaVoyce

Mix Engineer: Austin Leeds

Director: Leo Dinh

Art Director: Kim Phung

Motion Director: Minh Pham

#MaWayy #Blame #FutureBass #Bass #EDM #music #musicscene #housemusic #dance #rave #trap #dubstep #trance #edmlife #edmlifestyle #edmfamily #trapmusic #dancemusic #ravers #edmgirls #ravegirls #electronica #edmnation #spotify #newmusicfridayonspotify #electronicdancemusic #edmlife #festival #electro #edmvibes #edmmusic #festivallife #edmaddict #electromusic #edmfriends #edmlovers

The story

They were very open to ideas and suggestions. When they shared the lyrics, our director Leo DINH planned the story and suggested how the animation should work to support the story. Everyone in the MaWayy bought the proposal without rejecting any single idea. It was a big momentum for us. We were so glad to invest more time into the project as we knew this was the project for us.

This is how our director planned his ideas. Luckily we still got his idea book.

The Styleframes

The client was not difficult, but our Director was very strict. Many options were presented, but our artists only depicted what he wanted until the third round.

24130176_1650569044965380_281648954824535329_o.jpg

Little Big Smala: Explainer Animation

Little Big Smala, Red Cat’s partner ordered us to make a short video to explain their service and we were honored to help them out.

Client: Little Big Smala
Agency: Red Cat Motion

Define the direction

As usual, we spent lots of time working on the concept and direction for any animation project. The concept was very fun. It was the first time we heard of the term “Smala”, and it became a big idea. If you haven’t heard of it, the term “Smala” means a group of servants around a chief in an Arabic clan. When any client is working with us, they deserve the same approach to achieve the best result.

Styleframes

We got many rounds to define the right direction. This step might take time, but it is very important.

For the gallery, we presented many options for the characters and the design style.

This is the final style that everyone was happy with.

Styleframe_Smala_180525-01.jpg
Styleframe_Smala_180525-02.jpg

Storyboard

We had fun making visual ideas for this project. A lot of options were considered before we nailed down to this board.

Smala_Storyboard_Sketch_180518-01.jpg
Smala_Storyboard_Sketch_180518-02.jpg

Wisepass: Explainer Animation

Wisepass is a lifestyle subscription-based app that allows you to enjoy complimentary perks daily in Hong Kong, Manila, Singapore, Ho Chi Minh, Kuala Lumpur, Jakarta, Bangkok, and more. Just simply download the application, let it know your taste and it will suggest to you the best places in town each time you want to go out for dinner or enjoy your favorite drinks. 

Client: Wisepass
Agency: Red Cat Motion

Congrats Mr Lam for winning a deal at Shark Tank Vietnam.

Wisepass_Lam.jpeg

Styleframes

The client decided to go with the second approach which was more application-focus with fewer details. The style should evoke the feeling of delight, modern and high-end.

Wisepass_Styleframe_1-100.jpg
Wisepass_Styleframe_180528-01.jpg
Wisepass_Styleframe_2-100.jpg
Wisepass_Styleframe_180523-01.jpg

Our Art director was very passionate so his input was enormous until we get the right mood and tone.

Wisepass_Styleframe_180523-02.jpg
Wisepass_Styleframe_180528-03.jpg
Wisepass_Styleframe_3.jpeg

Storyboard

A storyboard is the best way to visualize your story and animation ideas.

Wisepass_Storyboard_Sketch_180607_Option2.jpg

DJI Care Refresh: Explainer Animation

DJI Care Refresh is an effective program to help you cover damages or replacements of your DJI products with a small amount of charge. Red Cat Motion got a big mission to entertain DJI's audiences with useful information about the program.

Client: DJI
Agency: Red Cat Motion

How did we make this?

e137fb58584695.5a01e5cd203dd.gif

This project was a combination of 2D animation with 3D drone as we had to show the key product turning around when flying. The 3D model was made in C4D then imported into After Effects with Element 3D.

Styleframes

The timeline was rushed and the client knew what they wanted so we locked the styleframe very quickly.

DJI_Characters.jpg

Graphics

Graphics were made in 2D. The color palette looks fun, fresh and branded. Other characters such as cat and crab were designed to bring more fun and details to the visual story.

46108658584695.5a01e5cd20b73 (1).jpg
706f0458584695.5a01e5cd207e6.jpg
847fa558584695.5a01e5cd20032.jpg

Crunchbase Marketplace: Explainer Animation

Crunchbase Marketplace Video is one of the most exciting projects that we have a chance to work with. The client was open for us to play with the theme of outer space, space ships, planets, and robots to explain how the tech platform works.

Client: Crunchbase
Agency: Video Sharks
Production: Red Cat Motion

Styleframes

To convince the client, many styleframes were made. We experimented with different settings, different styles, and different colour schemes.

Crunchbase_1-100.jpg
Crunchbase_3-100.jpg
Galaxy_1.jpg
Crunchbase_Styleframe_180222-02-02.jpg

Screencast

We designed some options to feature the interface of the marketplace in the video. The initial intention was to redraw the interface from a very simplified version to a more detailed interface.

Crunchbase_8-100.jpg
Crunchbase_6-100.jpg
When user chooses an app, a new card will show up on the profile page. We suggested an idea as an interpretation to showcase this feature.

When the user chooses an app, a new card will show up on the profile page. We suggested an idea as an interpretation to showcase this feature.

Character

We worked on many options until we get the right style that the client loved the most.

Crunchbase_Characters-100.jpg

Spaceship Design

Crunchbase_5-100.jpg

Icon Design

Crunchbase_icon-100.jpg

Station Design

Crunchbase is a station where you can find all the data you wanted. We designed the Crunchbase Planet and its interior with a high level of detail.

Crunchbase_Styleframe_180222-02-02.jpg

Storyboard to Graphic

The storyboard was made roughly to explain the idea before going to the full graphic.

Crunchbase_Storyboard.jpg
Crunchbase_Storyboard_2.jpg

Animation

This project was a combination of different animation techniques from frame-by-frame animation to cut-out technique, and 3D animation.

Labyrinth.jpeg
Spaceship.gif

EuroStar: Social Ads

We have never got bored of doing Eurostar projects. Each time we get an animation request from AKQA, the team can't keep their excitement. This is a collection of animated shorts that we did for Eurostar since 2015.

Lavie on Board

Eurostar has created an online Instagram 'tapestry' called @LaVieOnBoard comprising 200 still and animated image squares depicting life onboard its new e320 train as it travels from London to Paris. Each of the squares uses a combination of still and animated images to tell stories, such as that of a couple falling in love and that of a group of senior citizens having a party onboard the train. We got a chance to do all the animation parts for the journey.

Read the full article from campaignlive.co.uk here

image3.jpg
image4.jpg

Explore beautiful cities with famous illustrator

This is the second project we did for Eurostar. Famous illustrators were invited to take people around their city. They also drew some illustrations for each city, then Red Cat animated them and place them on live-action footages.

Let's see Bruges and find Pieter's illustrations.

and Charlottes's ones.

Bikes on board

This project is more like a tutorial on how you can grab your bike on Eurostar trains. Sounds boring? Not really, we had lots of fun doing this project. It was simple but in style.

FIGS: Explainer Animation

FIGS is an online platform that helps you make better investment decision by integrating different expert-level tools and information. Red Cat creates an explainer video to explain to new audiences about FIGS.

The design style was a combination of isometric views with gradient stylized graphics. The client wanted to have cute characters in the video, so we developed characters with rounded details but not too childish.

Artboard 25-100.jpg

Chosen images with gradient color grades create a feeling of high technology.

Artboard 28-100.jpg
Artboard 25 copy-100.jpg
Artboard 30-100.jpg
Artboard 32-100.jpg
Artboard 33-100.jpg
Artboard 34-100.jpg

Fisher Price: Animated Social Ads

Animation and music are the best combinations to connect brands with audiences. In this project, Red Cat Motion creates a series of 10 animated videos to promote 10 toys of Fisher Price brand.

The live-action part was shot in Singapore by Chimney Singapore, and all designs and animation were executed at Red Cat Motion Vietnam.

The project was a fun collaboration between JWT Hong Kong, Red Cat Motion Vietnam and Chimney Singapore.

b3f23b51617805.58f4b6f02203f.jpg

Each video comes with a story. We translate the skills that children can learn with Fisher Price toys into images, symbols and make fluid transitions between them in animation.

FP_RockAStack_Storyboard_150726.jpg

Fisher price has a strict brand guideline on their illustration, so all new assets need to stick to that.

6d71f551617805.58f4b6f01ffe1.jpg
a9e53351617805.58f4b6f020cd6.jpg
6d4fa051617805.58f4b6f021b75.jpg
0d680a51617805.58f4b6f020992.jpg
01946951617805.58f4b6f02123c.jpg
b8c62051617805.58f4b6f02041c.jpg
c7da1d51617805.58f4b6f0215de.jpg

#noregret with Contiki: Social Ads

Have you ever regretted traveling on your own? Whoever you identify with, we’ve got a trip to turn your FML to OMG. With Contiki, there is no regret. Sounds fun, right? We had a fun time working on this project with Where There's Smoke. Our scope was developing some characters, storyboards, designs and animation for 4 videos in the series.

 Some images from our working progress

A new design of Contiki website became an inspiration for vibrant color palette and bold typography.

A new design of Contiki website became an inspiration for the vibrant color palette and bold typography.

We develop some visual concepts for character.

We develop some visual concepts for the character.

These are final characters.

These are the final characters.

Each story was interpreted in a storyboard with details of action, camera movement and transition.

Each story was interpreted in a storyboard with details of the action, camera movement and transition.

Based on the style frames and the storyboard, our illustrators draw the full graphic board with colors and details.

Based on the style frames and the storyboard, our illustrators draw the full graphic board with colors and details.

Google Sport: Animated GIF

Everyone loves sport, and so does Google. We collaborated with AKQA to produce more than 100 animated gifs for Google Sport on the occasion of Euro Basket and Rugby. The project took 2 months to complete as the event took place for 2 months. Each gif was produced after every match within 4 hours from design to animation, so our team had stay active everyday. It was tough but there were lots of fun around.

Enjoy our selections from the collection!

Priory Solutions: Explainer Animation

Priory Solutions creates different software tools that help research professionals at large organizations – especially law firms and financial institutions – better manage the Knowledge Management process. Think research professionals who help attorneys access important research from Lexus or Westlaw. It’s important to note that we’re speaking to the heads of these research teams.

We create an animation for them with a theme of an adventurous journey. Think researchers as heroes and on the quest of exploring knowledge, they need a weapon to help them.

Based on their service, we understood that the image needs to be mature, trustworthy, not cartoony but needs to look fun and engaging as we didn't want research to become a boring term.

ShowCasePriory1.jpg

We developed 2 options of styleframe and decided the second style works best for the video.

ShowCasePriory2.jpg
ShowCasePriory3.jpg

The second styleframe elevates the story better. The researcher wears light browns adventure clothes with his high-tech binoculars on a quest to find the knowledge treasure.

ShowCasePriory4.jpg
ShowCasePriory5.jpg
ShowCasePriory6.jpg

After getting the storyboard approved, we drew all the illustrations and started animating.

ShowCasePriory7.jpg