Tag Archives: product video

Binned case study storyboard

Case Study: Binned. Design for Promo Video Production.

Creating a catchy and stylish promo video for a product or service is a challenging task. However, if realized wisely, it pays itself, becoming another powerful tool for growing brand awareness and promotion. Earlier we already unveiled the creative process of making a year-in-review video for Opera Software designed by Tubik team; today’s case study is going to show you a new story on graphic and motion design for a video introducing Binned, the local cleaning service based in the USA. This time the challenge to participate in animated promo video production was assigned to studio designers Arthur Avakyan and Andrey Drobovich. Let’s have a look at the creative flow.

 

video design animation tubik

 

Task

Graphic and motion design for promotional video production presenting the local trashbin cleaning service.

 

Process

Binned is a service supporting cleaner and healthier environment for the local community by washing and deodorizing the trash bins outdoors. The idea to support the brand promotion with the short, bright and catchy animated video was absolutely logical for this case: trashbins cleaning is not the topic to which people are ready to devote their precious time and read about all the benefits. Meanwhile, the promo video with funny and friendly characters could become a good way to inform the potential users of the service about all its advantages in short seconds.  Moreover, activating multiple directions of perception, video was found impactful in stimulating positive emotional appeal which was to the client’s liking.

 

At the first stage of collaboration with the company, Tubik team created the brand identity for the service including the logo in static and animated versions as well as the pack of branded items — you could have seen the detailed design story in our previous case study. The promo video had to look consistent with the visual style applied to branding and support the idea of the helpful service improving the quality of everyday life for its clients and making the environment healthier for everyone.

 

binned logo animation design

Binned logo

 

 

Storyboarding and graphic design

 

At the first stage, the client and the team agreed upon the visual concept for the video and general story it should transfer. Having got the brief and basic script of the video from the client, the graphic designer started the research and developed the first rough version of a storyboard for the story in the footage. As it usually does in the process of creating promotional videos for a company, storyboard means the illustrations arranged in the sequence of their flow for the video. They featured the images of a bin as a mascot presenting the service and the main character. In general terms, the video presented the story about a dirty and smelly trashbin which was really sad about its condition but then the truck of a cleaning service came and solved the problem quickly: dirt, insects and bad smell are removed and the bin is happy to serve people again. Below you can see the set of sketches for this stage. For this project, the graphic designer applied Adobe Photoshop for both digital sketches and final detailed illustrations.

 

binned video design storyboard

binned video design storyboard

binned video design storyboard

 

After discussing the flow with the client and agreeing upon the final number and sequence of shots for the future video, the next step meant creating a final storyboard for the video showing the scenario scene by scene. In a funny and friendly way, the short story showed the problems, which potential target audience could have, and the ways how Binned solves them easily. The style chosen for the video reflected the idea of the hand-drawn cartoon with a friendly and cute mascot. The color palette was focused on green and blue shades associated with a clean and healthy environment. One by one, the graphic designer made the final version of every part in the storyboard sequence following the consistent style and visual performance.

 

Binned case study storyboard

 

One of the microtasks at this stage was creating the funny images of the rats, insects and harmful bacterias that inhabit dirty trashbins and threaten the healthy lifestyle of the local people. Even being the negative characters of this story, they still supported the general cute and funny look chosen for the video.

Binned video design

 

As we mentioned in our guide to design in promo video production, at this stage it’s vital to set a constructive dialogue between the design team and the client: every single image in the storyboard should be discussed and approved in terms of general idea and goals set for the video. Motion design has many specific features and designers have to be ready to explain them: it can happen that clients express ideas and wishes which technically can overload the footage or look bad in the limited timing. Getting deeper into the goals and results which the client expects, designers looked for the optimal solutions which would make the video both good-looking and effective.

 

Animation

 

When all the storyboard was agreed upon, it was a good time to continue with motion. Here you can see how motion designer worked on visual details in different parts of the video: the magnifier glass featuring the process of a trashbin inspection, the process of loading the bins into the service truck and washing, the bins jumping happily after the wash. The design tool chosen for this type of animation was Adobe After Effects. 

 

binned_promo_video_animation_tubik

 

binned_promo_video_animation_tubik 

binned_promo_video_animation_tubik

 

It was another project for Tubik that proved the benefits of having graphic and motion designers in one team as they work together on all the details and assets from the earliest stages of the creative process and can consult with each other any moment it’s needed. It makes the workflow dynamic and productive enabling the client to get the video without wasting time on trying to bring several teams together.

 

Outcome

 

After the animation of all the shots was finished, it was thoroughly checked along the required timing and harmonic combination with the voice-over.  Here’s the final version of the video.

 

 

Binned project added one more bright page to the Tubik history providing the extensive case of participation in brand strategy for a service company, from creating visual identity elements up to consistent brand style guide and promo video. Don’t miss the updates, new case studies are just around the corner.


Welcome to read a case study on Binned Brand Identity Design

Welcome to check Binned Video project in Tubik Portfolio

Welcome to read a step-by-step guide to design for promo video production

video design animation tubik

Step by Step Guide to Custom Promo Video Design.

We are living in the times when information is absorbed faster and faster via numerous ways and sources. Videos of all kinds are increasing their popularity in many spheres including education and entertainment. Surely, one of the fields where video production is rapidly growing its presence is marketing with the aim of promoting and selling products and services. It’s not surprising as videos are often faster and more expressive than other ways of sending the message to the potential buyers or customers. So, creative teams accept the challenges of making original video content which is not so easy under the conditions of tight competition and tons of already produced commercials and promos.

 

Watching a short promo video on web or TV, most viewers don’t even imagine how much time and effort those short seconds of animation take from their creators. In the vast majority of cases, the visual part of the video is made by the team of illustrators and motion designers. Today we would like to show you the creative flow of the design process we have for this kind of projects as well as answer the questions frequently asked by the clients who need the custom design of a promo video.

 

Types and benefits of promo videos

 

In one of our previous articles devoted to design of promo videos for websites, we have given a classification. Let’s just briefly review the frequently used types:

introduction video usually gives the first insights about the company, product, or brand and shows what benefits the users can get

product presentation videos gives details about product’s features and advantages, informs about special steps of interactions and shows the problem-solving potential of the product

landing page videos strengthening the message driving users to a particular call-to-action offered on the page

video testimonials showing the reasons and signs of trust and loyalty to the company, brand or product

entertaining and educational videos rising emotional appeal and often presenting the material for viral marketing.

 

All the mentioned types can serve efficiently for marketing goals and increase brand awareness. A creative and catchy video is a good way of attracting customers’ attention and the proven method of informing them quickly and brightly. A video activates several channels of perception — audio, visual, sound — simultaneously and usually do it in a way of telling a story. All the mentioned combination of factors tend to make the presentation strong and memorable especially if based on high-quality graphic design and animation. People are daily overloaded with tons of information of all kinds, so most of them aren’t ready to devote much time learning about products or services, especially the new ones. In these conditions, video can become the way of communication which is dynamic, informative and attractive.

 

No doubt, technically design any sort of video is the complex multi-level process in terms of design. Promotional video adds its own specific aspects being focused on the particular business goals.

 

opera video graphic design case study tubik

 

Creative stages of video production

 

Generally, the process of video production includes the following steps:

research stage: target audience and market research

pre-production stage: script writing and storyboarding

production stage: creating the graphic assets and animation

post-production stage: video editing, adding sounds, music and voice-over etc.

 

Pre-production

 

Being a full-stack design team, Tubik is usually involved in the process at pre-production stage which means that the creative flow starts from discussing a video script we get from the client. Obviously, the most effective scripts are the ones based on the preliminary market research learning what kind of promos are used by the competitors on the market. Another important factor of making the idea behind the video appealing is the definition of the target audience. To make the final promo attractive and interesting, designers need to know who are its potential viewers, their age, preferences, and goals. So, if this information is not provided by default in the project brief, designers have to be ready to ask for all the missing data while the clients would better consider all these aspects beforehand.

 

Script and voice-over

 

The scripts for the future videos come to us in different forms: some of them are really basic, containing preferred timing of the video, general description of the scenes and their sequence while the others present the documentation with the full scenario of the scenes and even the audio with its voice-over. Is that essential to present the audio before the graphics for the video start to be done? Well, it really helps. Having the ready-made voice over, motion designer can achieve the best synchronization of the footage with the sound right from the start of the production process. 

 

As a tip for clients who are considering custom video design for their business projects, we would recommend ordering voice-over from professional voice-actors aka specialist voice talents. Be careful choosing the voice as it should correspond to the offer and mood of the video, all the words should be legible and the tone would better correspond to the preferences of the target audience. The same could be said about the music if the promo doesn’t apply speech: sound and imagery should harmonically support and strengthen each other instead of living their own lives. That is why if needed our team is always ready to take part in the process of choice and recommend possible types of voices or background music which could work well for the created type and style of the video. 

 

Is it possible to start working on the promo video before the voice-over or soundtrack is ready? Certainly, yes. However, the client should be ready that the additional time will be needed for alterations and editing combining the sound with the already created footage which wasn’t based on the given sound initially. This is really the matter of seconds when all movements and sounds have to feel like clockwork.

 

tubik studio teamwork designers managers

 

Storyboard

 

The other part of pre-production stage is fully done on the design team side: it’s a creation of a storyboard for a future short video. Storyboard is the set of organized graphic assets: these are the illustrations arranged in the sequence of their flow for the video. This technique is not a new thing: its early version is said to be invented by the Walt Disney Animation Studio in the 1930s and has been adopted by many animation studios around the world. Storyboard visualizes storytelling and gives the better idea on the flow of the video. It allows design team and the client to discuss the details about the visual part and the sequence of scenes before motion designer starts the actual animation. Depending on the requirements and urgency of the project, images applied for the storyboard can feature various level of fidelity, from simple sketches to sophisticated and detailed illustrations.

 

At this stage it’s vital to set a constructive dialogue between the design team and the client: every single image in the storyboard should be discussed and approved in terms of general idea and goals set for the video. This type of design has many specific features and motion designers have to be ready to explain them: it can happen that clients express ideas and wishes which technically can overload the footage or look bad in the limited timing. Getting deeper into the goals and results which the client expects, designers look for the optimal solutions which will make the video both good-looking and effective.

 

storyboard video design tubik

 

Sometimes the clients come with only the basic understanding of what they want to get not having strong visual preferences. In this case, moodboards compiled by motion designers can give the client a variety of possible styles and flows to feel better what they want to see. 

 

Production

 

When the storyboard is all agreed upon and every illustration in the footage is accomplished hi-res according to the approved style, graphic designers polish all the details and prepare all the necessary assets for the motion design stage. At the moment, the software used for these types of work here in Tubik is Adobe After Effects, so motion designer can work on some elements by himself on the basis of the existing functionality of the tool and without additional effort from the graphic designer side. However, most of the assets are prepared by illustrators and altered in the process if necessary: when it comes to motion, sometimes even slight changes measured in millimeters can have a big impact on the result. That is another advantage of our having graphic and motion designers in one team as they work together on all the details and assets and can consult with each other any moment it’s needed. It makes the workflow dynamic and productive enabling the client to get the video without wasting time on trying to bring several teams together.

 

After the animation of all the shots is done, it’s thoroughly checked along the required timing and harmonic combination with the voice-over. The final version of the video is then delivered to the client to be transferred to the professional sound designer — this service isn’t provided by our team. 

 

animation video production tubik

 

Case Studies

 

Here is the set of short promo videos designed by Tubik team: to check more about the project, follow the links.

 

Promo video for PassFold project

 

Year-in-review video for Opera

 

Promo video animated for Binned

The described creative flow is used here in the studio for not only promotional videos but also for educational videos and cartoons for various purposes. Productive work and effective result are always based on thorough research and tight collaboration with the client to satisfy the viewers and support the business goals at the same time.


Welcome to see the designs by Tubik Studio on Dribbble and Behance

Welcome to read or download free e-books about Design for Business and Problem-Solving Web Design

opera video graphic design case study tubik

Design for Web: Promotional Video. Benefits and Pitfalls.

A video is an effective marketing tool which never gets old. People got used to watching video adverts on TV since the beginning of the past century. Now is an era of the Internet and a big part of the marketing and advertising is concentrated on the web. Internet users are in love with videos and joyfully spend hours watching them. Marketing community couldn’t ignore such an opportunity and many companies already use a promotional video as a creative and effective way of product marketing. In this article, we’ll dive deeper into details of custom promotional videos covering their essence and profitability.

 

What’s a promotional video?

 

Don’t want to sound obvious still there is no better explanation than to define a promo video as the one created to promote a company or its product. This type of videos is made that way so it could encourage people to buy a certain product or use the services of a company. They are usually small catchy videos showing all facets of a promoted object in the best way to prove people it’s worth of their time and money. Since promotional videos are popular and widely-used, everyone tries to find ways to make their videos original and creative. That’s why designers offer businesses promo videos created in different styles which stand out among thousands of the others because they are unique and catchy.

 

Animation case study by Tubik Studio

 

Types of promo video

 

Promo videos can serve many business purposes so there are different types each created to achieve certain objectives. For example, one of the most commonly used types of promotional videos is an introduction video. Their aim is to tell people about a business, its offers and reasons why someone should care about it. An intro promo video works best for startups willing to present themselves and interest their potential clients. This type of video needs to be informative still short and entertaining so that it could catch viewer’s attention.

 

Next type having popularity among companies is a product presentation video. Many businesses are looking for creative ways to tell about their products and a custom promo video is a trending tool now. The video can shortly present product features and tell about its value for users. Another type combines features of the two previous. These are landing page videos which aim at driving users to take expected actions such as purchasing or signing up. They usually are meant to present some unique offers which people can get by taking certain action like leaving contacts or else.

 

To gain people’s trust, companies often share the testimonials from the satisfied clients on their websites. Video testimonials are an effective way to show that a company is trustworthy and can bring values. One more approach to product promoting is short entertaining videos. This type usually doesn’t seem like promo videos because it isn’t centered on a product or a company. The videos are meant to catch people on the emotional level by showing funny, heart-moving, or thoughtful video pieces having a short plot and a promoted product can appear as a secondary element. Quite often, if done and introduced originally, the videos of this sort get viral and present additional support to the brand.

 

All the types of promo videos can serve as efficient marketing tools. However, a company needs to choose the type accurately according to business tasks which the video is meant to accomplish.

 

Product presentation video for Toonie Alarm

 

Is a custom promo video profitable for businesses?

 

Custom promotional video creation requires time, money, and effort to spend, so obviously many companies are concerned with the question “What benefits will we receive from it?”. Here is the answer.

 

People perceive video faster than copy. Psychological research shows that human brain processes video material much faster than text. It means that people need take more effort to read a copy about company’s offers rather than watch a video. That’s why, by placing a presentation promo video on a website, a company increases chances that more people will know about their product. Also, a quality video can accurately transfer the message which a company wants to tell to its possible customers.

 

Video increases conversion rates. Since people perceive video better than text, they are more likely to be influenced by it. It easier to gain users’ trust when they are able to see how the product works in a real time. If people trust a company and are interested in their offers, they more willingly take an action such as signing up or trying a demo. What’s more, a powerful promo video is an effective way to retain users longer rather than a great amount of copy.

 

Good search engine results. A major part of the Internet content consists of text data. Video content has less competition so the users searching keywords are more likely to find a video on the first page. To achieve even better results, a promo video needs to have well-thought SEO with the appropriate keywords in the headline, tags, description, etc.

 

Better social sharing. People are crazy about nice videos and the thing they like even more is sharing these videos with their friends. Videos are mobile and easy to share, the reason why it can be easily spread across social networks. Businesses should keep in mind that buyers are the best marketers they have, so it’s vital to encourage users to share the links.

 

Video receives real-time feedback. Internet users like commenting videos and discussing it with the others. It allows a company to see what people say about them and their product. Analyzing the feedbacks, a company can make significant improvements.

 

Better branding recognition. If a company creates an interesting and original video, people are more likely to remember them. The thing is that video has the influence on the visual memory as well as the echoic one so the chances that users will recognize a brand increase twice compared to elements that are perceived only visually.

 

Creative video helps to stand out from the competition. Video marketing isn’t a new approach, even more, it’s been a top tool for decades. However, technology is evolving and so do approaches to video creation. Original and quality video can help a company stand out against competitors.

 

Promo video for PassFold project designed and animated by Tubik team

 

Promo video pitfalls to consider

 

Certainly, there is no ideal approach to product marketing: considering video as a promo tool, you need to keep in mind possible pitfalls it may bring. First of all, the creation of a powerful promotional video requires spending money and time. To make an effective video, professionals need to handle many processes: from scripting and video recording to video and sound editing. Original video will need unique graphic material and high-quality animation, so if a company wants a quality video, it must be ready to invest in it.

 

In case a company decided to make a promo video, they need to make sure it’s done right. Bad quality video can affect brand reputation almost as hard as a bad quality product. Also, promotional videos have to be useful and interesting otherwise the users may consider it as disrespect to their time which is also not the best thing for company or brand image.

 

One more thing you need to think about once you’ve applied a promo video is that not all people would like to spend their time watching it. It means that there must be another way for buyers how to learn about a product. It can be a short piece of copy which users could quickly scan and decide whether they’re interested or not.

 

And, finally, we shouldn’t forget about the technical side. High-quality videos can overload server of the website so it works slowly. When you include a video as a content element, it should be thoroughly tested on different devices and conditions. It helps to make sure there will be no technical problems that may make users frustrated.

 

Case Study: Opera custom promo video

 

In the end of 2016, Opera, a web browser developed by Opera Software, presented their promo video devoted to their achievements over the past year. It was a short animated video called «Opera 2016: Year in Review» with illustrations showing their acquirements. To make this project done, Opera Software collaborated with Tubik design team.

 

The main idea of this project was to create a positive and cheerful video presenting the fresh innovative features the company added in the web browser during the past year. It was agreed that the video must consist of illustrations accomplished in the 3D flat style and lush colors. Each illustration would present lifestyle object composition devoted to a specific month when a feature was delivered. The accent was made on the typography since Opera wanted to emphasize useful opportunities their users have now. That’s why designers come up with the decision that animation of the elements should be minimalistic so that it couldn’t distract users. Here is the result.

 

 

Welcome to read a detailed case study on Opera video creation.

 

All in all, videos have taken a big part in our life, the reason why we should take all the benefits from it. Stay tuned!

 

Recommended reading

 

Beginner’s Guide to Online Video Marketing: Making a Video (Part 1)

 

How Ecommerce Businesses Can Generate Organic Traffic with Video Marketing

 

The Top 16 Video Marketing Statistics for 2016

 

27 Video Stats For 2017


Welcome to see the designs by Tubik Studio on Dribbble and Behance