Givvit App Explainer Video Case Study

get started making an animated video

Explainer Video Case Study: The new Givvit App website featuring the Givvit Explainer Video made by Sundstedt Animation. Featured on the front page, Jan 2016.

givvit website Jan 2016 landing page sundstedt animation explainer video

“Working with Anders is a pleasure. He is a great mix of creativity and practicality which can be rare. He is extremely thorough and customer focused and also had great ideas and animates beautifully. He developed an explainer video for our social treating app Givvit and it is perfect, exactly what we wanted.”
Alex Kennedy
Founder of Givvit App

Introduction to the App Case Study

Givvit Explainer Video Case Study

Sundstedt Animation was approached by GIVVIT to create an animated explainer video for their website and download the App page to accompany the welcome message and show just how easy it is to Send a Smile! We decided to write a Givvit Explainer Video Case Study to give more detail about the production of this new animated explainer video.

Background – About the Givvit App

Givvit is YOUR “Social-Treating™” app. It’s an easy way to show your thoughts and feelings through the sending of tangible, every day, low-cost Treats to friends, family and colleagues… whatever the reason or for no reason at all! Treats are redeemed with their “Treat Partners”, many of them well-known retailers on the UK high street.
https://twitter.com/ShapingCloud/status/578518092155908096

Brief – creating a fun, animated explainer video

Sundstedt Animation’s task was to take the script supplied by the client, review this and give feedback for any edits and changes, to then take the updated script, voice over and music track and produce a fun, animated explainer video in a bespoke combination of styles, with images and animated movements of the images.

Sundstedt Animation’s task was also to take the sense of how easy it is to show your thoughts and feelings to friends, family and colleagues using their new Social Treating App and turn it into an animated Explainer Video.

Procedure

Having received a finished script and after a few initial talks with the London based company, we began to get a good idea of what kind of video they wanted and with a great script it gave us a lot to work with and we could begin the production.

Our first step in the production was to draw the storyboard for the video, based on their script. What cool style of graphics did they want? We knew that they did not want a lot of character animation in the video, they wanted really simple characters, not much detail on faces/bodies, just very simple.

What did we want the viewers of the video to get from watching it on the site? What was the core message and how would we animate this in a fun, original and interesting way?

Storyboard

After an initial brainstorm, emails and talks with the client, we started sketching out the storyboard ideas. A lot of the ideas for the storyboard was based directly on the animation notes from the script, while some ideas came from working out what would work well in the animation of the various scenes and the transitions between the scenes. We discussed some options and ideas with the client and made suggestions to them for approval, to make sure the client thought the ideas were great.

After having produced the storyboard and getting the clients approval of it, we began working on the artwork and design for the animated video. We began drawing all the artwork needed for the video, including all characters, objects and backgrounds and putting them together into organized folders for every scene in the script/storyboard.

We then got working on creating and compositing every scene to be ready for animation. For this video, we created the animated video as a book, where every scene of the animation were on a separate page inside the book. We created the book cover and pages that could be turned, so we could later animate the turning to a new or previous page, closing the book and zoom in and out of the pages.

Character Design

The other aspects of the animation were that we wanted simple but great animated characters. Two main characters were needed but we also needed many additional characters for other scenes, like one scene in a large park. Each character is different for this video, while in a similar, matching style. We previewed the characters to the client and they really liked the characters we had created.

character design
It was a lot of fun creating these different characters and bringing the simple characters to life using different methods. All the characters were handcrafted and we took our illustrations and prepared them for use in the animations.

Animation Technology

After all the artwork were completed, including characters, props and backgrounds, we continued to put it all together into the different scenes in preparation for animation. We built up each scene with their backgrounds, character placements, foreground and background layers. Having previously created the animated page turns, we now filled each page with its scene animation, using all the artwork content that we had created earlier. We animated each scene and then combined everything so that a page turned for each new scene to appear. We then rendered out the entire video to individual frames. Then we did post-production and post effects on the rendered sequences, plus the sound mixing of voice over, music and sound effects. We put everything together and rendered out the complete video, ready for delivery and upload, with embedding code provided to the client for instant download and embedding on their website.

Result

All the steps in the production worked out without problems and after some minor changes requested by the client, it was ready to publish. The client was really happy with the resulting animated video we had created and they thought it looked great. They thanked us for the ‘Great work’. The animated video is still being used on the landing page of their site, over a year after it was uploaded, helping to welcome visitors to the site. Since last year we were asked to provide an updated version with a small design changes, which we delivered promptly.

The video is there to show people just how easy it is to Send a Smile using their new Social Treating app ‘Givvit’.

The client was very happy with the end result telling us ‘it’s really exciting and looks great!’ and ‘This is absolutely great!! I am really excited by it!’.
Their site now looks fantastic and they have since the launch improved the design of the website even more and we are very impressed by their new website, making us very proud to have contributed to the web page by the animated video:

Givvit Explainer Video Case Study – The Numbers

Days Live = 968

get started making an animated video

News, Features, Tweets & Media Articles about Givvit

https://twitter.com/ShapingCloud/status/555287131120496640

https://twitter.com/Ukstartupnews/status/574896229756309504

https://twitter.com/andipeters/status/531731370905960448

https://twitter.com/caitlin_ldn/status/530244379093786624

https://twitter.com/annaleenyc/status/556793319766753280

https://twitter.com/GivvitApp/status/560051062733033472

https://twitter.com/GivvitApp/status/559358569397882880

https://twitter.com/GivvitApp/status/558236021385867264

https://twitter.com/pcrockford/status/557945221305348096

https://twitter.com/retailweek/status/557578824351637506

http://www.retailgazette.co.uk/articles/00010-new-app-givvit-allows-users-to-give-a-little-more

https://twitter.com/retailtopnews/status/557471146812002304

https://twitter.com/retailgazette/status/557203516922822656

https://twitter.com/OfficialTrento/status/557108524149657600

http://www.dailystar.co.uk/news/latest-news/420896/Blue-Monday-is-here-But-it-s-not-that-bad-as-people-make-out

https://twitter.com/EmilyW_9/status/523766082663104513

https://twitter.com/SurnameSurname/status/557149590890512384

https://twitter.com/GivvitApp/status/553491996183392256

https://twitter.com/Shane_Geraghty/status/553227632620625922

https://twitter.com/ShawseyShaw/status/553215407637942272

https://twitter.com/MissAnitaB/status/552732817063677952

https://twitter.com/SaraJoycey/status/545678576365084673

https://twitter.com/missyamkm/status/549624017989423106

https://twitter.com/emfrain/status/548197541511434240

https://twitter.com/ashleyljames/status/548145152494407680

https://twitter.com/caitlin_ldn/status/547497245818761216

https://twitter.com/giteau_rugby/status/547032450577469440

https://twitter.com/HayleyMcQueen/status/547023674143145984

https://twitter.com/berniejo19/status/546825326131937280

https://twitter.com/ShapingCloud/status/545922979658747904

https://twitter.com/EmilyW_9/status/545931762577457152

https://twitter.com/ShapingCloud/status/545611229197504512

https://twitter.com/ShapingCloud/status/545611229197504512

https://twitter.com/timlowles/status/461813738652577792

https://twitter.com/ShapingCloud/status/578518092155908096

Givvit Explainer Video Case Study
Find us on Facebook

Ready To Partner?

Back To Top

Don`t copy text!