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.
“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.”
Introduction to the App 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.
Thrilled to confirm @GivvitApp has been shortlisted for App of the Year in the @ProlificNorth awards: http://t.co/XvZCelJypw
— Shaping Cloud (@ShapingCloud) March 19, 2015
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.
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
We've entered @GivvitApp for Best App in the #NorthernDigitalAwards – check it out here: https://t.co/WqNYyia5Fr #Givvit #SocialTreating
— Shaping Cloud (@ShapingCloud) November 4, 2015
Givvit front page of this Sundays Telegraph!!
— shaun kennedy (@shaunkennedy10) October 29, 2015
Why does the world need Givvit? https://t.co/TeKahuhbap
— Nicola Rowan (@CognizantNinja) October 16, 2015
A jam packed day of planning with our friends @GivvitApp today. Don't know what it's all about? Watch this: http://t.co/KHwCMluVBB #Givvit
— Shaping Cloud (@ShapingCloud) August 19, 2015
Proud to see @GivvitApp as App of the Month in @The_IoD @DirectorIoD magazine! In great company with @richardbranson pic.twitter.com/0gQbfevVVF
— Shaping Cloud (@ShapingCloud) January 14, 2015
Surprise people with awesome treats using UK #Startup @GivvitApp – London Startups http://t.co/BnO9PYm7oh #ukstartupnews
— UK Startup News (@Ukstartupnews) March 9, 2015
@NickKennedy4 Great video, great idea. Now all I need is an iPhone!
— Andi Peters (@andipeters) November 10, 2014
In love with this new @GivvitApp !! Take a look! http://t.co/EgpnowwY6p #sendasmile #treats
— ••CAKEY•• (@cakey_ldn) November 6, 2014
Love the concept of social treating behind @GivvitApp. Looking forward to a US launch. http://t.co/aKgq5ZmJTv
— Anna Pizzino (@annapizzino) January 18, 2015
OMGOMG We're featured in @star_magazine which is exciting enough (hooray, thanks!), but next to Becks!! We've made it pic.twitter.com/c8WGsYxWpr
— Givvit (@GivvitApp) January 27, 2015
We're only in the @TheSunOnSunday @Fabulousmag Graph of Greatness today!! Super-duper chuffed just about covers it! pic.twitter.com/Nq1TZa5Pnc
— Givvit (@GivvitApp) January 25, 2015
We're proud to be helping @marksandspencer into the 'digitalised, personalised shopping' @TheGrocer http://t.co/qcmIrFzHef
— Givvit (@GivvitApp) January 22, 2015
Great News for @givvitapp
Marks & Spencer to offer customers 'meaningful' gifting app @GivvitApp | News | Retail Week http://t.co/8Vx3zRfIZm— Parker Crockford (@pcrockford) January 21, 2015
Marks & Spencer to offer customers 'meaningful' gifting app http://t.co/MkmjkEKwSh (£)
— Retail Week (@RetailWeek) January 20, 2015
http://www.retailgazette.co.uk/articles/00010-new-app-givvit-allows-users-to-give-a-little-more
New app Givvit allows users to give a little more http://t.co/FKTOyoI5GE pic.twitter.com/EtlG7LDub2
— Retailtopnews (@retailtopnews) January 20, 2015
New app Givvit is an innovative experiment in 'social treating' http://t.co/lWT1eoy67c
— Retail Gazette (@retailgazette) January 19, 2015
Via @ISBAsays: #dailyadnews Labour food policy, digital marketing stats and new app Givvit http://t.co/EbMS6lqdKi pic.twitter.com/sJOB9QgE9q
— ?Photo sharer? (@100photoday) January 19, 2015
So, @GivvitApp is genius. Check it out and try not to wish too hard you didn't think of it first. http://t.co/UUnLcVg1RU
— Emily Wright (@EmilyW_9) October 19, 2014
Combat Blue Monday with the amazing @GivvitApp (cl) launching today! Check it out here: http://t.co/kKQdXZZqIp
— Surname & Surname (@SurnameSurname) January 19, 2015
#FF our treat BFFs @PizzaExpress @marksandspencer @_CaffeNero @operationsmile @picturehouses Happy Friday all! pic.twitter.com/Gvm3lWKs9M
— Givvit (@GivvitApp) January 9, 2015
Def worth checking out the new app @GivvitApp for last minute gifts and treats, very simple to use. Let's get gifting @NickKennedy4 #merci
— Shane Geraghty (@Shane_Geraghty) January 8, 2015
@GivvitApp is a great new App that enables you to easily brighten up someone's day via a small gift. 4 more Info go 2 http://t.co/ztqeFZy4Oy
— Simon Shaw (@ShawseyShaw) January 8, 2015
Reasons to send a cheeky treat using @GivvitApp – what's yours? pic.twitter.com/mbH4Gm3oRr
— Anita Brooks (@MissAnitaB) January 7, 2015
Loving the new @GivvitApp! It's great for sending a #treat. It's going to be big! And free on the AppStore! Amaze! Download #givvit
— Sara Joyce (@SaraJoycey) December 18, 2014
Love the @GivvitApp v clever ?just treated my sister to a cappuccino
— Andrea Madden (@missyamkm) December 29, 2014
Forget thankyou cards this #Christmas?
Say thankyou with @GivvitApp -quick, easy & better for the environment!http://t.co/GEJed3iUel
— Emma Frain (@emfrain) December 25, 2014
Forgotten a loved one this #Christmas?
Download this amazing new app @GivvitApp and redeem yourself!
????? http://t.co/T0e28IehqB— Ashley James (@ashleyljames) December 25, 2014
The best way to spread @GivvitApp #Christmas cheer, is to gift your friends wine and beer ????? http://t.co/pkyOfHbYja
— ••CAKEY•• (@cakey_ldn) December 23, 2014
For my UK friends.. Download @GivvitApp.. Beast way of sending treats from phone to phone.. Perfect for all u S.N.A.G's out there ??
— Matt Giteau ?? (@giteau_rugby) December 22, 2014
Check out @GivvitApp for last minute virtual presents. A new concept of social gifting, send your mates gifts through your phone. Bingo
— HAYLEY MCQUEEN (@HayleyMcQueen) December 22, 2014
Who needs to actually go and buy gifts for people when you can get on the @GivvitApp hype?!
— Bernadette Kennedy (@berniejo19) December 22, 2014
Some partners to send gifts from using @GivvitApp! Say Merry Xmas, Happy Birthday, Congrats, Good Luck… #Givvit pic.twitter.com/emF7o8vnHK
— Shaping Cloud (@ShapingCloud) December 19, 2014
Loving @GivvitApp for last minute and/or spontaneous Xmas treats. Quicker, easier and WAY classier than a hastily purchased selection box…
— Emily Wright (@EmilyW_9) December 19, 2014
And if you don't know what all the fuss is about – check out the promo video! http://t.co/k82hcOOS3b @GivvitApp #Givvit #ChristmasGiftIdeas
— Shaping Cloud (@ShapingCloud) December 18, 2014
And if you don't know what all the fuss is about – check out the promo video! http://t.co/k82hcOOS3b @GivvitApp #Givvit #ChristmasGiftIdeas
— Shaping Cloud (@ShapingCloud) December 18, 2014
Love this from @GivvitApp = https://t.co/0CoTeV4y0R #socialtreating
— Tim Lowles (@timlowles) May 1, 2014
Thrilled to confirm @GivvitApp has been shortlisted for App of the Year in the @ProlificNorth awards: http://t.co/XvZCelJypw
— Shaping Cloud (@ShapingCloud) March 19, 2015
Givvit Explainer Video Case Study
Find us on Facebook