The Mission
The goal was to introduce a new modern ChatBot builder, arouse interest, attract customers, and support a marketing campaign. People from ChatBot wanted to show their customers the advantages of the new Visual Builder, explain why they’ve invested time to prepare a new Visual Builder, and how it speeds up creating chatbots.
The Outcome
ChatBot Visual Builder promo video was used in a variety of marketing platforms. Animation appeared in in-app notification, Social Media promotion, PR note, email marketing, Visual Builder Guide website.
The Impact
Marketing campaign strengthen the position in the chatbot market and acquire new users. ChatBot Visual Builder received over 300 upvotes after publishing on Product Hunt.
Client
Services
- Storyboard development
- Music research
- Motion Graphics
Software used
Miro
Figma
Illustrator
After Effects
What is a chatbot?
A chatbot is a software that simulates human-like conversations with users via text messages on chat. Its key task is to help users by providing answers to their questions.
ChatBot is an all-in-one platform to create, deploy, and track chatbots across channels. Automate key tasks right away by creating multipurpose chatbots with diverse templates and a visual builder.
Kickoff
During our first kick-off meeting, we discussed all benefits of the new Visual Builder. The new interface offers a drag-and-drop editor and lets you zoom into every bot story to see it in full view. That allows you to locate particular elements on the conversation tree quickly and gives you more control over the building process. To fully understand the value of the new features, I got access to the staging of the builder. That really helped in recreating the interaction of the software. During brainstorming of the art direction, we agreed on the overall mood of the animation.
Storyboard
The visual idea was to present everything in the space in a minimalistic way. To sell the concept Agata, the graphic designer, used hand-drawn space dust. After my comments, I received a completed storyboard in Figma software.
Stillomatic
The start of the animation process begins with a stillomatic. It’s like an MVP for product development. I took images from the storyboard and spread out all the frames on the timeline to create a simple video. This step helps to lock timing and figure out the pace and dynamics of individual scenes.
Animation
The animation phase was such fun, and I am proud of the result. This was a fully remote project, so attention to good internal communication was the key to success. We used Slack and Google Meet to discuss our tasks and stay in touch.
The most exciting thing for me that also took an extra effort was to create an actual functioning slider. By using Adobe’s After Effects internal scripting, I recreate A/B Test action from ChatBot Visual Builder. By changing one value of bot traffic second moves automatically.
| CREDITS | |
| Production | ChatBot |
| Graphic Design | Agata Dubaniowska |
| Motion Design | Bartłomiej Otłowski |
| Copywriting | Daria Zabój |
| Project Management | Gabriela Bartoszek |
