The niche e-commerce website for the water brand uses different atmospheric videos to make the user experience positive and emotional.

Types of Video Content in Interfaces

People are overloaded daily with tons of diverse information coming from various channels. So, make no mistake, most visitors to a website or users of a mobile application aren’t going to spend much time learning about products or services, especially the new ones. In these conditions, video can become another effective way of communication, informative, dynamic, and attractive.

A catchy video crafted with an understanding of the target audience is a tool for attracting customers’ attention as well as a well-checked method of informing them quickly and brightly. Video content activates several channels of perception – audio, visual, motion – simultaneously, and usually does that wrapped in telling a story. Such a combination of factors often makes a video presentation strong, emotional, and memorable.

Hero section video used as a part of the home page for the gardening company website

Content and Goals Perspective

From the perspective of the content packed in motion and the goals set behind it, there are several popular types of videos we can often come across on different websites and applications.

Welcome (introduction) video: these are videos mostly used on websites, especially company and portfolio websites. This video usually aims at welcoming and greeting visitors and introducing a company, service, or person in a friendly and lively manner. Another option is the “about” video created to tell more about the company, people working for it, mission, achievements, etc. Videos of this kind should be quite short, concise, and telling a visitor the core information that could engage them to see more.

Promotional (commercial) video: this type of video rooting in TV commercials and movie trailers. It’s created to inform people about a product, service, event, brand or company, new release or premiere, major updates of the product, and so on, and so forth, in a way that encourages people to learn more, buy, or join in. It’s a video playing a big part in increasing brand awareness and focused on getting the target audience aware of the offer and its benefits.

Promotional video presenting Carricare brand

Showcase (showreel) video: that’s another type of video coming from the movie industry. It’s a video showcasing a set of previous works by a person or company. This one is usually quite long, about 2-3 minutes, and is often used as an impressive addition to the portfolio of people representing various creative spheres like design, animation, filmmaking, acting, modeling, marketing, and the like.

Tubik showreel videos

Short showcase video giving a glance at the icon design project for HUAWEI EMUI 10

Showcase video for the case study about the design process for the Glup delivery application

Video testimonial: these videos share the feedback from buyers and users, show them describing their experience with the brand, product, or company, this way sharing the signs of trust and loyalty and contributing to positive brand image and reputation.

Background video: this kind of video is used as a part of website design when the background of a page is chosen not to be static. As technical improvements in web development don’t stop, video backgrounds and any other kind of video integration into web pages aren’t seen as a great challenge anymore. So, web designers often turn to full-screen videos as a way to capture people’s attention, create the needed atmosphere, and give an instant glance at the product or service.

Background videos on the landing page promoting the mindfulness application.

Mywony website design uses full-screen video setting the instant connection to the nature of the product

Website for the editorial about insomnia uses a background video to instantly set the mood

Product video: these pieces of video are widely used as a part of the e-commerce user experience, in particular on product pages and landing pages, to give details about the product’s features and advantages, and inform customers about the problem-solving potential of the product.

Pet Shop website uses video content to demonstrate the products they offer in the proper environment and the way to connect faster to buyer’s needs

Hero section video: that’s another kind of web page video that is used as a part of the hero section, which is the above-the-fold part of the web page, often the home page, that includes a prominent and attractive piece of content, be it an image, video, text, slider or other elements. Choosing a video for the hero section, designers often breathe life into it, make it dynamic and strengthen its emotional appeal.

Hero video for PointZero25 event agency website

Hero section video used on the confectionery website home page

Video guides and tutorials: these are classic how-to videos. They present video instructions of a different kind showing the step-by-step process of interacting with a product, a piece of information (for example, a recipe), etc.

Explainer video: basically, this video explains to the visitor what the website, app, product, company, or service is about, and often answers the most frequent questions that may arise about it. Being a part of branding strategy, it is focused on presenting the benefits of the product or service and explanation about how to. It often employs storytelling showing the flow of interaction or sharing particular cases and situations, and infographics helping to understand the effect quickly.

Explainer video for OffCents

Entertaining videos: these videos are more about fun rather than information. Their main goal is to encourage emotional feedback and make it connected to a particular product, brand, or company. What’s more, videos of this kind have a high virality potential as having fun; visitors may want to share it with their friends or audience in social networks, this way spreading a word about the brand.

Educational videos: these videos usually become a part of educational platforms and can present a diversity of content, from specially crafted models explaining the processes to videos of wildlife or people doing different jobs.

Educational videos about wildlife integrated into the Nature Encyclopedia app

Design and Technical Realization Perspective

From the perspective of how it’s made, we could mention such common types of video content for UI design:

Live-action videos: these videos are closest to the classic filming process and feature real people, objects, or locations. Their major benefit is a strong collection with real life that has the great power of setting associations and encouraging viewers’ empathy.

Atmospheric live-action video as a part of the home page hero section for the Lumen Museum website

Example of a live-action video combining human talk and visual demonstrations

Fitness application using video tutorials on how to do exercises

Screencast videos: this video type captures the screen this way, showing particular processes. It is especially effective for various tutorials and product videos presenting digital products and software.

Screencast video capturing the illustration process in Procreate

Live-action screencast videos: as it’s clear from the name, this type presents a combination of two previous types. In this case, viewers can simultaneously see what is going on the screen and the person giving explanations.

Animation (cartoon) videos: these videos are very close to cartoons, which means that they present the animated sequence of many still images that can be presented in a variety of visual styles: 2D (flat), 3D (having dimension and depth), and stop-motion (capturing individual frames and combining them in a sequence).

Animated video created as visual storytelling support for the article about gamification in UI design

Motion graphics videos: these ones are based on animated graphic elements, for example, shapes or text, aimed at catching attention, impressing, and setting the theme, but not employing storytelling. They also become a great help in cases when complex or abstract information should be visualized in a way that is easy to understand.

Motion graphics video background for digital transformation agency

Ecommerce website design using impressive motion graphics video for the home page hero section

Photomontage videos: this video type imitates a slideshow, combining a set of photos in an animated sequence that can be supported by special effects, voice-over, or music. This type can work effectively to present various events, charities, or social issues, tell about companies, mark achievements and milestones, and the like.

Whiteboard videos: this is a captivating type of video, where the story, guide, or information flow is unveiled as a picture drawn step-by-step on the whiteboard.

Typographic videos: this is a type of video based on moving text. It helps to make text content perform in a more dynamic and emotional way and engage users that are not keen on reading static text content not to miss core messages. In most cases, it is supported by the voice-over or sound accompaniment enhancing the message.

360-degree (immersive) videos: trendy and getting more and more popular, this type of video records a view in all directions at the same time, this way allowing the viewer to get the full panoramic view. These are, in particular, effectively used as a part of the shopping or booking user experience.

Functions of Video in UX Design

Being a type of content that is quite complex in production and often needing much effort for smooth integration, videos in user interfaces are often in question. However, there are different functions they can cover, often better and faster than other types of content. So, by analyzing the target audience and business goals and considering these functions, designers and creative teams make a decision if they need a video and, if yes, what type is better for their objectives and budget. Let’s take a quick glance at them.

Information

The core factor in making video content considered a part of the user interface is making the information flow clear and easier to perceive. In many cases, a short 1-minute piece of video can share a chunk of information that would take far more time from the visitor reading it in text or trying to understand it from screenshots, mockups, and the like. That is a basic reason why various explainers, tutorials, and guides work well in video format.

No doubt, background videos applied to many web pages or screens now make them visually and emotionally appealing as well as informative, as the image instantly captures users’ attention much faster this way. Also, it supports the feeling of the integrity of all the layout elements.

An explainer video on the home page of Credentially website is placed in the above-the-fold area and lets visitors quickly check the benefits of the service

Atmospheric video integrated into the museum website design concept quickly gives visitors a glance at it in a realistic and dynamic way

Demonstration and Presentation

One of the strongest points of video content is the ability to demonstrate products or services using all the channels of perception at the same time. If visitors are interested, watching the video, they can consume quite a lot of information in a very short time without the need to scroll, read, see the pictures, and keep all those different pieces of information in mind in the process. As the human attention span is quite short, video often allows for using it effectively and gets higher chances of visitors’ engagement and website conversions. For instance, explainer videos or product videos allow for catching how to deal with it while the visitor is on the wave of interest. As well, for services that are focused on visual outcomes like design, advertising, illustration, art, modeling, and so on, well-crafted showcase videos can become the fastest way to the future client’s heart.

Video demonstrating Fitness App interactions

Short videos used instead of static images to demonstrate the options of models on niche accessories website lets customers learn more about the product and get a positive impression

Video demonstration of the product in the Drink Recipe application helps to impress users and supports the atmosphere of a bar or restaurant

Storytelling

Another strong point of video content is its ability to tell a story in a smooth and engaging way, according to the laws and techniques of visual storytelling, supported with voice narration or music enhancing that effect. People like stories: they clarify things, illustrate situations, are often fun and aesthetic, they are often easier to perceive and remember. In most cases, videos based on storytelling feature a plot that moves through 3 basic phases: showing pain points, activating emotions, and offering the solution.

Promotional video for the cleaning service tells an illustrated story using cute characters and sharing positive vibes

The video version of the case study on design for the Annual Awwwards 2020 website

Atmosphere

As well as images, many videos integrated into UI are super powerful in setting the needed atmosphere, which is a part of customer experience with the offered service, product, place, or event. This way, it pushes demonstration to a higher level, letting the visitor catch the vibe in split seconds. That’s one of the reasons why immersive videos are getting more and more popular and demanded.

The background video for the home page of the agricultural holding website impresses with the atmosphere from the first minute

The hero section video of the website for forest camping creates the needed cozy atmosphere from the very start of interaction with the website

The atmospheric hero section video on the winter holiday website shares the views of the destinations users can travel to, and this way lets them get stunned and dive into the mood instantly

Emotion

Whatever logical and clever people are, many of our decisions are partly or fully based on emotions, not only facts. “I feel it,” “I like it,” “I want it” – aren’t these reasons often stronger than any logic, calculations, and analysis? Video content is often a good way to cover that point: as it employs multiple perception channels and can collect various factors of influence together in a time-saving concentrated piece, the chances it sets the emotional connection to the audience get much higher.

Hero section video for a horse riding club sets strong emotional appeal

Archive video added to the article devoted to the historical period strengthens the emotional appeal of the page

Points to Consider

Loading Time

This is a core thing to consider when you decide upon video integration into the website or application. This issue requires a thoughtful approach from developers and thorough testing. That’s especially vital for the web pages that are expected to attract much organic traffic but can be downgraded in search results just because the loading time of the page is too long while the bounce rate is high as some visitors won’t wait long to see the page and will just move away. Think twice, consider technical options, and do your best to test that aspect. Otherwise, there won’t be much effect from even a very well-crafted video if it’s not even got a chance to be seen.

Contrast Issue

Integration of video content, especially full-screen backgrounds well-spread these days, requires much skill and effort to find the right contrast and hierarchy of elements and integrate the navigation and text content properly so that the page wouldn’t turn into an illegible mess. Test the contrast on various screens, devices, and in different environments to make sure it doesn’t spoil general readability and doesn’t break navigation leaving users lost in all that beauty.

Other Ways to Communicate

Make no mistake; video content is not a cure-all or a magic wand, as it could seem from everything mentioned above. Not all people like videos. Not all of them, interacting with your website or app, find themselves in conditions that are convenient for watching a video. So, don’t make the video your only way of communicating with visitors or customers. Support it with other ways of communication, like text and images. Otherwise, you risk losing a part of the audience just because video as a way of getting information is not comfortable for them. The “Show, don’t tell” rule may work, but the “show and tell” works better in this case.

Manipulations

Take care of allowing a visitor to manipulate the video where it’s needed, especially if it’s long and heavy. Think twice about using autoplay, as it may appear less convenient for your audience than the ability to control if they want to watch a video or not. Make sure that the user can control the volume of the sound part as audio autoplay as soon as the web page or screen is loaded is reported to be one of the most annoying aspects of the user experience. Put shortly, consider all the basic manipulations that will allow users to feel more confident with the video content in your web or mobile product.

Mobile Adaptation

What looks well on a desktop or TV, may not work at all on a much smaller mobile screen. As more and more digital interactions of different kinds move to mobile these days, this aspect should also be well-considered and tested for all types of content, including videos. Make sure that it looks clear and legible and is well-adjusted to the mobile screen of any kind.

Mobile adaptation for a niche e-commerce website selling accessories

Sure, that’s only the tip of the iceberg in such a deep and diverse issue as video implementation into user experience design, so we’re going to share more examples, UX practices, and tips about it. Anyway, this article may help UX designers, marketing specialists, and businesses to take into account the different benefits and pitfalls of using video content on websites and mobile apps. Stay tuned, and don’t miss the updates!

Useful Reading

For those, who want to dive deeper into the topic, here’s a list of handy articles:

UX Design: Types of Interactive Content Amplifying Engagement

Photo Content in User Interfaces: When and How It Works

Aesthetic Usability: Beauty on Duty for User Experience

5 Basic Types of Images for Web Content

Motion in UX Design: 6 Effective Types of Web Animation

Types of Contrast in User Interface Design

5 Pillars of Effective Landing Page Design

How to Improve Website Scannability

The Anatomy of a Web Page: Basic Elements

How to Design Effective Search

Web Design: 16 Basic Types of Web Pages

Videos as Instructional Content: User Behaviors and UX Guidelines

Step-by-Step Guide to Custom Promo Video Design

Originally written for Tubik Blog, graphic and video content by tubik

Сообщение UX Design: How Video Content Can Enhance User Experience появились сначала на Design4Users.

Project

Graphic and motion design for an explainer promo video presenting the mobile application.

Process

Our designers received the task from a product company OffCents. The mobile app aims at fighting global warming and environmental pollution. It provides real-time, automated tracking of carbon emissions from transportation. From the OffCents application, users choose to offset their carbon footprint from any number of their car, train, or airplane trips. The app helps users to control a number of emissions and purchase offsets or Verified Emission Reductions (VERs). This way people fund various carbon-reducing projects and support a healthier environment.

The company made a request to create an animated promo video for OffCents app. The video was expected to be an explainer assisting users to understand the specifics of a product as well as the benefits it can bring to them and the environment. In our article Step by Step Guide to Custom Promo Video Design, we’ve already described the stages of animated video production. They usually include the following steps:

• research stage: target audience and market research
• pre-production stage: script writing and storyboarding
• production stage: creating graphic assets and animation
• post-production stage: video editing, adding sounds, music, and voice-over, etc.

User and market research is an essential stage of the creative process since it’s an effective way to gather the core information about the target audience including their age, preferences, and goals. Moreover, market research helps to analyze competitors and create a product which will stand out the crowd. The research stage can be done beforehand by a client or by a designer as a part of a project. In our case, the client supplied our team with all the needed information.

The client came to us with the ready-made script. It was quite a basic description containing preferred timing of the video, general description of the scenes and their sequence. However, before the creative team went to the production stage, graphic designers created a storyboard.

Illustration

Storyboard

A storyboard is the set of graphic assets organized in the sequence of their flow for the video. Storyboard visualizes the designers’ ideas giving a better understanding of the future video flow. This way the design team and the client can discuss the details of the visual part as well as the sequence of scenes before the motion design process begins. A storyboard can include images of various fidelity, from simple sketches to detailed illustrations. The choice usually depends on the requirements and urgency of the project. When clients have an only basic understanding of what they want to get not having strong visual preferences, it also may be good to use mood boards showing a variety of possible styles and flows to feel better what they want to see.

At the early stage of the ideation process, Tubik designers have developed a set of sketches showing the basic idea for the video. Every image in the storyboard was discussed and approved by the client in terms of the general idea and goals set for the video. The story in the video told about the environmental pollution, nature, and benefits of the app. Here is a storyboard made for OffCents.

Due to the set of quick sketches, the designers managed to present their ideas to the client and quickly make a decision on the essential points which had to be included in the promo. After several discussions and considering all the aspects such as specifics of the target audience, clients and designers agreed upon the stylistic preferences and the message of the story. The team could start the production process.

Color choice

Colors have a great impact on visual perception, so the choice of the general color palette is a crucial step in graphic design. To help the clients make their decision, the designer provided a client with color variations of the same scenes. The illustrations were shown in warm and cold combinations. Also, the designer experimented with saturation and brightness of color palette. Here you can see the variations of a single scene with different colors.

Patterns

Original patterns can make the video graphics look harmonic and native as well as add some fun to the appearance of the future promo. Since the OffCents promo video is focused on the environmental topic, the designer decided to apply some patterns similar to those we can see in nature.

Illustrations

Knowing the style, color palette, and patterns, the designer went to the creation of digital illustrations. Here are some of the final results.

As you can see, the designer chose flat design illustrations which help to keep the balance between the elements of fun and the serious topic of global warming. The bright color palette sets the happy mood of the video showing how the app can make the world a better place.

Motion design

3D

After all the illustrations were ready, the next step was to animate the scenes with a 3D view for the most global parts. They were designed to be catchy and set the emotional and aesthetic links to the viewers. Here you can see the process of 3D animation in three steps, from the schematic to the detailed one.

Animation

The final stage fully relayed on the motion designers. All the scenes represented in the digital illustrations were animated into a united story looking bright and attractive.

Here you can see a piece of animation workflow made in Adobe AE.

Post-production

When the visual part was created, the client provided the designers with the music and the voice-over made by professional voice-actors. Choosing the voice for a video, it’s important to sure it corresponds to the offer and mood of the video and the tone matches the preferences of the target audience.

After combining the sound with the visual part, an animated promo video for OffCents was ready. Here’s the result.

Useful reading

Step by Step Guide to Custom Promo Video Design
Case Study: Opera. Year-in-Review Video Design
Case Study: Binned. Design for Promo Video Production
How to Create Original Flat Illustrations: Designer’s Tips
Animated Logos: Why, Where, How to Use

Originally written for Tubik Blog

Сообщение Design Case Study: Explainer Video Production появились сначала на Design4Users.

Task

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

Process

Binned is a service supporting a 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

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.

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.

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.

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.

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.

Originally written for Tubik Blog
Welcome to read a case study on Binned Brand Identity Design

Сообщение Design Case Study: Binned. Promo Video Production появились сначала на Design4Users.

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 that stand out among thousands of the others because they are unique and catchy.

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. Its 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 the 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 testimonials from 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 effective marketing tools. However, a company needs to choose the type accurately according to business tasks that 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 to take more effort to read a copy of company’s offers rather than watch a video. That’s why, by placing a presentation promo video on a website, a company increases the 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 is 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 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 from 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 that 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 the 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 Studies

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 the 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 the 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 production.

Another case study to remember was participation in video production process for Binned, a USA-based 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. Here’s the final video.

Welcome to read a detailed case study on Binned video production.

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

Step by Step Guide to Custom Promo Video Design.

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

Originally written for Tubik Blog

Сообщение Benefits and Pitfalls of Promo Videos for Web появились сначала на Design4Users.