SpyreStudios

Web Design and Development Magazine

  • Design
  • Showcase
  • Inspirational
  • Tutorials
  • CSS
  • Resources
  • Tools
  • UX
  • More
    • Mobile
    • Usability
    • HTML5
    • Business
    • Freebies
    • Giveaway
    • About SpyreStudios
    • Advertise On SpyreStudios
    • Get In Touch With Us

How to Create an Amazing Explainer Video for Your Website

January 18, 2018 by Zac

Do you currently have a business or service that is being offered to your website? If so, you will likely have hundreds of emails coming into your inbox or sent right off your customer support on a daily basis with common questions that are usually already answered on your site. The reason for such madness is that people want answers and instant gratification without the need to search through your site. If this is something you deal with on a daily basis and are quite frustrated, you are not alone.

With more than a billion active websites on the internet today, site visitors and customers simply do not have enough time or patience to try and look through a website to try and find answers or how to sign up for a service that you might be offering. Not only might this be putting a damper on your email and customer support, it could also be hurting your revenue and sales as well.

One of the best ways to make sure your website gives your audience exactly what they want within the first few seconds of visiting is to actually provide them with an explainer or whiteboard video showing what the service is you offer, how it works, and how they can benefit from it. This method is currently being used but some of the top brands and businesses in the world today.

Today we are going to look at not only some of the top services online for creating an explainer video for your site, but also the multi-step process you should take before even thinking about moving forward with the video creation process for your main page.

Be sure to make some notes while walking through this process, as it will make the design and video script process that much easier.

1 – Know what your audience wants, and what your business offers

Before starting with the creation of your intro or explainer video, not only should you have a good understanding of what your audience is looking for, but also the best way to portray it to them in a short and effective manner.

While you might know your business inside and out and think it’s quite simple, for your audience or new site visitors, it could be quite overwhelming or confusing. Be sure to think about the best way to portray your message to your audience while also making it visually appealing and easy to understand in the process.

If you would like to see an example of how top brands like Mint are currently using explainer videos to showcase and explain their business to new audiences, simply check out the short video below. While watching the video, be sure to think about how something like this could be used for your brand.

2 – Writing a script for your website video

Something else you will need to spend some time on before creating a video for your site, is the actual script process. There are many of reasons why you will need to spend some extra time on this, one of the most important being that it’s the foundation for your video and production process.

First, you will want to start with a brief and just writing some notes down about what you would like covered within your video. This will be done so you can get all the wording right and make sure your audience has a good understanding of what you’re trying to say. You also need to think about if you will be recording the audio yourself, or outsourcing it to a professional. While this isn’t a requirement, it’s best to have audio to go along with your video, as it’s more engaging to your audience.

Having a script in place will also allow you to get an idea of how long your video might be — most are 30 to 60 seconds. You can also follow along in each of the three video scripts below, provided by Hubspot.

3 – Exploring your options with explainer or whiteboard video

When is the last time you went to a website and they had a video player right on their main page? Do you remember if it was a talking head, an explainer video, or maybe it was a whiteboard video? With so many options out there, you will also need to think about which one is best for your site.

The help with this process, it’s a good idea to take a look at your competition and see what video they might be using to explain their business or service. If your time and budget permits, you can actually split us the process and create a unique video from each format.

4 – Outsourcing the process, or creating your own video

Even though most businesses and brands are now using video to promote their companies, the truth is, many of them don’t have their own video design team or even know how to get started with an explainer video of their own.

For times like these, it’s simply a matter of deciding whether or not you are going to outsource the process or try and figure out how to create one of your own. More often than not, the better scenario is to outsource your video and audio production or to find a simple drag-and-drop solution like mysimpleshow, which can create whiteboard and explainer videos for you on demand. They even have options in place for converting text to audio, or to upload professional audio files of your own.

The main difference between going with a drag and drop software solution versus an individual graphic and video designer, is usually several hundred (or even thousands) of dollars in costs.

5 – Getting feedback from your audience and tweaking your video

Once your video is created and live on your site, your work is still only half done. It’s important to get feedback from your audience and to make sure your new video is actually benefiting your business and increasing sales and engagement on your site.

A great way to get user feedback from your audience is to share your new video on social media and simply ask your audience what they think. This genuine feedback will also help with the production of new videos you might want to come out with, while also given you valuable opinions and feedback on how to improve any existing video you might already have in place.

Your Website Needs an Explainer Video Right Now!

With more people accessing the internet from mobile devices and tablets than ever before, it’s now more about instant gratification than anything else. This clearly means online video is what people want, and not only what’s in demand, but what will also deliver the best results as well. People no longer want to visit a website and need to read a bunch of text to find what they are looking for. They would much prefer to watch a short video and learn more about your company through a visual and audio way.

If you aren’t currently using online video to explain what your business does, while also increasing sales and engagement on your site, you are already falling behind the curve. As mentioned earlier, your competition is likely already using online video to better describe and grow their business. Take some time to see what’s working for them, then start thinking about how you can create a quite script and get your own explainer or animated video rolling in the right direction. You won’t be sorry!

Filed Under: Resources, Tutorial Tagged With: create videos, how to

Recent Posts

  • 31 Fresh Design Elements for Spring and Easter
  • 10 Templates for Music Concert Flyers
  • How to Build a Web Scraper Using Node.js
  • Best PHP Books, Courses and Tutorials in 2022
  • How to Get Your First Web Design Client

Archives

  • April 2022
  • March 2022
  • February 2022
  • January 2022
  • December 2021
  • November 2021
  • October 2021
  • September 2021
  • August 2021
  • July 2021
  • June 2021
  • May 2021
  • April 2021
  • March 2021
  • February 2021
  • January 2021
  • December 2020
  • November 2020
  • October 2020
  • September 2020
  • August 2020
  • July 2020
  • June 2020
  • May 2020
  • April 2020
  • March 2020
  • February 2020
  • January 2020
  • December 2019
  • November 2019
  • October 2019
  • September 2019
  • August 2019
  • July 2019
  • June 2019
  • May 2019
  • April 2019
  • March 2019
  • February 2019
  • January 2019
  • December 2018
  • November 2018
  • October 2018
  • September 2018
  • August 2018
  • July 2018
  • June 2018
  • May 2018
  • April 2018
  • March 2018
  • February 2018
  • January 2018
  • December 2017
  • November 2017
  • October 2017
  • September 2017
  • August 2017
  • July 2017
  • June 2017
  • May 2017
  • April 2017
  • March 2017
  • February 2017
  • January 2017
  • December 2016
  • November 2016
  • October 2016
  • September 2016
  • August 2016
  • July 2016
  • June 2016
  • May 2016
  • April 2016
  • March 2016
  • February 2016
  • January 2016
  • December 2015
  • November 2015
  • October 2015
  • September 2015
  • August 2015
  • July 2015
  • June 2015
  • May 2015
  • April 2015
  • March 2015
  • February 2015
  • January 2015
  • December 2014
  • November 2014
  • October 2014
  • September 2014
  • August 2014
  • July 2014
  • June 2014
  • May 2014
  • April 2014
  • March 2014
  • February 2014
  • January 2014
  • December 2013
  • November 2013
  • October 2013
  • September 2013
  • August 2013
  • July 2013
  • June 2013
  • May 2013
  • April 2013
  • March 2013
  • February 2013
  • January 2013
  • December 2012
  • November 2012
  • October 2012
  • September 2012
  • August 2012
  • July 2012
  • June 2012
  • May 2012
  • April 2012
  • March 2012
  • February 2012
  • January 2012
  • December 2011
  • November 2011
  • October 2011
  • September 2011
  • August 2011
  • July 2011
  • June 2011
  • May 2011
  • April 2011
  • March 2011
  • February 2011
  • January 2011
  • December 2010
  • November 2010
  • October 2010
  • September 2010
  • August 2010
  • July 2010
  • June 2010
  • May 2010
  • April 2010
  • March 2010
  • February 2010
  • January 2010
  • December 2009
  • November 2009
  • October 2009
  • September 2009
  • August 2009
  • July 2009
  • June 2009
  • May 2009
  • April 2009
  • March 2009
  • February 2009
  • January 2009
  • December 2008
  • November 2008
  • October 2008
  • May 2008
  • April 2008

Categories

  • Accessibility
  • Android
  • Apps
  • Art
  • Article
  • Blogging
  • Books
  • Bootstrap
  • Business
  • CSS
  • Design
  • Development
  • Ecommerce
  • Fireworks
  • Flash
  • Freebies
  • Freelance
  • General
  • Giveaway
  • Graphic Design
  • HTML5
  • Icons
  • Illustrator
  • InDesign
  • Infographics
  • Inspirational
  • Interview
  • Jobs
  • jQuery
  • Learning
  • Logos
  • Matrix
  • Minimalism
  • Mobile
  • Motion Graphics
  • Music
  • News
  • Photoshop
  • PHP
  • Promoted
  • Rails
  • Resources
  • Showcase
  • Tools
  • Tutorial
  • Twitter
  • Typography
  • Uncategorized
  • Usability
  • UX
  • Wallpapers
  • Wireframing
  • WordPress
  • Work

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org

SpyreStudios © 2022