Giffy · Low-code business platform · 2D character animation video

Digital Storytelling Animation for Giffy: From Tool Overload to a No-Code Store

Giffy needed small business owners to see one platform for CRM, CMS and web page building as relief, not one more tool. This digital storytelling animation opens on the owner's own doubts, "Do I have budget for this?", drops him into a pile of files and apps, then answers "how?" by building a store on screen with "No coding abilities".

Last updated

Giffy · Low-code business platform

Client
Giffy, by Infiflex
Product
Giffy business platform: CRM, CMS, web development and app deployment
Made for
Small business owners and teams moving their work online
Format
2D character animation video with on-screen text
Style
Flat 2D characters, file and app icons, tablet, store and dashboard mockups
Length
1:33
Production timeline
3 to 4 weeks
Budget
$1,200 to $2,000

The problem: an all-in-one platform that sounds like one more tool

The Giffy YouTube title and description list a lot: a customizable CRM, a CMS, web development and fast app deployment. For a small business owner, a list that long sounds like more setup, more cost and more learning, the same fear any SaaS buyer has when a platform promises to do everything.

The owner in the video asks "Do I have budget for this?" and "Do I need this?" before he hears a single feature. The animation had to show the mess he is already in, then prove that building with Giffy takes taps, not code.

How the Giffy animation turns doubt into a build, scene by scene

On-screen text and pictures carry the plot, so the video reads with the sound off. Select a time to play that scene above.

TimeOn screenWhat it does
A business owner at his desk, hand on chin, as questions appear around him: "Am I getting behind?", "Do I have budget for this?", "Do I need this?". Then a close-up of his hand on his chest.Opens on the buyer's own doubts, so he recognizes himself before he meets the product.
He falls through a cloud of ZIP, PPT, AVI, PNG and XLS files, folders, envelopes and LinkedIn, Instagram and Facebook logos, ending on a dark screen with a small worried face.Pictures tool overload with the files and apps a small business already juggles.
"It doesn't have to be this way" on the dark screen, then the Giffy logo with "Powered by INFIFLEX" and 2 hands holding a phone with Giffy on it.The turn: the product arrives as the way out of the mess.
The owner rides a rocket through the sky. Circles with a building, a heart, a basket, a book, a burger and a house appear, then "Digital transformation success". Scissors cut a "PROFIT" balloon and clocks hide behind clouds.Shows that any kind of business fits, and names the 2 things at stake: profit and time.
"how?" on green, then a woman taps blocks into a page layout on a tablet, and an online plant store fills with products and a cart.Answers "how?" with a build the viewer can follow, start to finish.
Scrambled letters resolve into "No coding abilities", then a window reads "No server administration" beside a masked password field.Clears the 2 objections a non-technical owner has before trying a builder.
"There is so much", then a house-shaped chart fills with team members, check marks, a cross and dollar signs, and a calendar grid gets ticks, crosses and "activities".Moves from one store to running the team and the schedule on the same platform.
A dashboard of charts, star ratings and profile cards under the Giffy logo, 2 people celebrating on a red panel, then the Giffy logo and "www.giffy.net".Ends on the result and the address to visit.

Storyboard: the frames that carry the Giffy digital storytelling animation

Key frames from the finished video, in order. Select a time to play that moment above.

  • Frame at 0:05: a business owner at his desk, hand on chin, with "Am I getting behind?", "Do I have budget for this?" and "Do I need this?" around him
    The buyer's own doubts come before any product.
  • Frame at 0:10: the owner falls past ZIP, PPT, AVI and EPS files, folders and LinkedIn, Instagram and Facebook logos
    Tool overload is drawn with real file types and apps.
  • Frame at 0:16: "It doesn't have to be this way" in white on a dark screen
    One line turns the story from problem to answer.
  • Frame at 0:19: 2 hands hold a phone showing a page with the Giffy logo
    The product arrives in the buyer's hands.
  • Frame at 0:37: a hand with scissors cuts the string of a green "PROFIT" balloon in the sky
    Profit is drawn as the thing at stake.
  • Frame at 0:41: "how?" in large white type on green
    The promise turns into a question the video must answer.
  • Frame at 0:50: a hand taps an online plant store on a tablet, with product tiles and a cart icon
    The answer is one build, finished on screen.
  • Frame at 0:53: "No coding abilities" in white on blue
    The first objection gets its own screen.
  • Frame at 1:16: a calendar grid with ticks, crosses and the word "activities"
    The same platform runs the team's schedule.
  • Frame at 1:32: "www.giffy.net" in green on white
    The video ends on the address to visit.

4 decisions behind the Giffy digital storytelling animation

Decision 1

Open on the buyer's questions

The first words on screen, from 0:02 to 0:05, are the owner's own: "Am I getting behind?", "Do I have budget for this?", "Do I need this?". Giffy is not named until 0:17.

Copy it: Write down the 3 questions your buyer asks before a demo and put them on screen before your logo.

Decision 2

Draw the overload with real file types

At 0:08 the owner falls past ZIP, PPT, AVI, PNG and XLS files and LinkedIn, Instagram and Facebook logos: the actual clutter of a small business, not an abstract "complexity".

Copy it: Picture the problem with the formats and apps your buyer opens every day.

Decision 3

Answer "how?" with one build

The word "how?" fills the screen at 0:41. By 0:50 a page has been tapped together on a tablet and turned into an online plant store with products and a cart.

Copy it: After the promise, show one thing your buyer would make, from blank screen to finished result.

Decision 4

Clear objections in "No X" lines

At 0:53 "No coding abilities" resolves out of scrambled letters, and "No server administration" follows at 0:54.

Copy it: Write your buyer's top 2 objections as short "No X" lines and give each one its own screen.

From Giffy's feature list to a 1:33 small business plot

  1. One owner, 3 doubts. The plot was built around a single business owner whose questions open the video and whose fall and rocket ride carry it.
  2. Visual assets. File-type icons, app logos, industry icons, the PROFIT balloon and clocks were drawn as one flat 2D kit.
  3. Character animation. The owner's desk scene, fall through the files, rocket ride and the closing celebration were animated.
  4. UI motion design. The tablet page builder, the plant store, the "No server administration" window and the closing dashboard were built as simple product mockups.
  5. Compositing and effects. Scenes were composited, with effects such as the scrambled text that resolves into "No coding abilities".
  6. Voice, sound and finish. The scope closed with voiceover recording, sound design, final editing and color grading.

Scope of work:

  • Visual asset creation
  • UI motion design
  • Character animation
  • Scene compositing
  • Visual effects
  • Sound design
  • Voiceover recording
  • Final editing
  • Color grading

Production took 3 to 4 weeks on a budget of $1,200 to $2,000. See the 2D video production service for how a project like this is scoped.

Questions about the Giffy digital storytelling animation

Why does the Giffy video open on 3 questions instead of the product?

"Am I getting behind?", "Do I have budget for this?" and "Do I need this?" (0:02 to 0:05) are what a small business owner thinks before buying software. Seeing them first makes the viewer the main character, and Giffy arrives at 0:17 as the answer.

What does the falling scene at 0:08 show?

The owner falls through ZIP, PPT, AVI, PNG and XLS files, folders, envelopes and social media logos. It pictures the scattered tools Giffy replaces, and it ends on "It doesn't have to be this way" at 0:16.

How does the animation show that Giffy needs no code?

After "how?" at 0:41, a woman taps blocks into a page on a tablet, and by 0:50 it is an online plant store with products and a cart. "No coding abilities" follows at 0:53.

Which objections does the Giffy video clear?

Two, each on its own screen: "No coding abilities" at 0:53 and "No server administration" at 0:54, shown next to a masked password field.

What does the video show after the store build?

From 0:59 a house-shaped chart fills with team members, check marks and dollar signs, a calendar fills with "activities", and a dashboard closes the story at 1:18. The YouTube title names the parts behind them: CRM, CMS and web development.

What did the Giffy animation take to produce?

The scope covered visual asset creation, UI motion design, character animation, scene compositing, visual effects, sound design, voiceover recording, final editing and color grading. Production took 3 to 4 weeks on a budget of $1,200 to $2,000.

What Advids clients say

"Advids successfully simplified the complex. The work focused on minimalist design language to make a high conversion SaaS demo video and a cohesive visual identity."Arthur Brown, Creative Director at Stripe

Selling an all-in-one platform to buyers who already feel buried in tools?

Talk to Advids
Monkey Mascot Floating Animation
Let’s Talk!

Please fill out the form below and
we’ll get in touch.

  • This field is for validation purposes and should be left unchanged.