video in web design

A new and popular trend for web design, is embedding videos within the website. This is incredibly beneficial to a website for various reasons. To start off, video are very eye catching and draw the user in. A video can say more faster than text. In addition, video production as become much simpler, easier and faster to create, therefore, tons of websites are beginning to catch on to this bandwagon. According to the article “4 Major Uses for Video in Web Design (2017)” by Trent Erwin, he describes the benefit and purpose of four types of video use in web design. The first type of video he mentions is a background video. Background videos are used on the home page, using normally b-roll and no sound, typically around 30-60 seconds long. This types of videos are important because they “connect visitors with your team, connect visitors with your culture, showcase a product or service, instantly give the user a glimpse of what you do and entertain your audience with a beautiful video”. Clearly, there are some incredibly strong reasons to use a background video on the home page. One website, that does this successfully, that we all already know of is the Quinnipiac website.’s home page is a series of b- roll of students in class, doing activities and amazing drone shots of the campus. I believe this is so successful because it give the average person a look into the life of a Quinnipiac student. Screenshot 2019-03-04 13.37.00.png

The next type of video use in web design is the about us video. The about us video is a great idea because it connects the user with the group, company, etc. on a more personal and deeper level, such as a conversation rather than reading text. The article also describes how it “gives visitors a reason to work with you, sum up who you are and what you do in a few minutes and again entertain”. In addition, HubSpot does a successful job a place a video about their story on there about page that really give the audience an inside look on a deeper level.

Screenshot 2019-03-04 13.40.41.png

Video loops are also commonly used in web design, as something to give the page a little extra touch. The article describes them as “a subtle, yet personal touch”. There are a few key reasons to use a video loop on your website, “increase visitor engagement, showcase personality, allow visitors to connect with your team”. One example, is from the Boo Cat Club website, they use various looping videos on their home page.

Screenshot 2019-03-04 13.47.37.png

The final form of videos in web design is the use of cinema graphs. Cinemagraphs are unique slight moving picture that grabs attention of viewers. A great example of this, is the Budweiser website. The Budweiser website has a cinemagraph of the bubble in their beer moving, a slight little touch that is incredibly engaging. Screenshot 2019-03-04 13.50.23.png

Overall, there are various ways to increase engagement on websites with different types of videos such as background videos, about us videos, loops and cinemagraphs.

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s