Moving Backgrounds: When, Why, and How to Use Them

In this article, we’ll take a close look at the whats and whys of moving backgrounds. We’ll consider the impact they have on conversions, examine when they should and shouldn’t be …


This content originally appeared on SitePoint and was authored by Irwin Hau

Moving Backgrounds: When, Why, and How to Use Them

In this article, we’ll take a close look at the whats and whys of moving backgrounds. We’ll consider the impact they have on conversions, examine when they should and shouldn’t be used, and then offer practical tips for doing them the right way.

Moving Images are Powerful

There’s no denying people love video content. TikTok is shooting up the app charts, and short clips are surpassing pictures for shares on Facebook. Things that move are eye-catching, engaging, and more memorable.

The appeal of video isn’t limited to social media. Moving elements on your landing pages give users a way to instantly connect with your brand. Here are some more web design statistics worth knowing:

  • Various studies show videos can increase landing page conversions by around 80%.
  • A shopper who watches a video is nearly two times more likely to convert than a shopper who doesn’t.
  • Two thirds of people would rather read something beautifully designed than something plain.

Video can do good things for your site. But that doesn’t mean you should turn your home page into a mini cinema. As with all things web design, it’s all about finding that sweet spot between what feels playful and exciting and what works.

When to Use Moving Backgrounds

Moving backgrounds can be incredibly effective, but they’re not always appropriate. They slow your site down, they can be distracting, and they’re creatively bold — three things that aren’t suitable in certain situations.

For example, if you’re offering something complex, a video is more likely to distract that aid comprehension. If you’re offering something serious — like financial advice, government information, or anything to do with healthcare — a video just feels … wrong. Similarly, if you’re a practical site — like a grocery store or tool hire site — then speed is probably more important that giving off a certain vibe.

On the other hand, if your business is all about exuding a certain mood, then moving backgrounds can be perfect.

We use one at Chromatix because we’re a creative design agency, and playfulness and beauty are hugely attractive to our customers.

[video width="1400" height="762" mp4="https://uploads.sitepoint.com/wp-content/uploads/2021/06/1623831609chromatix.mp4"][/video]

Luxury lifestyle brands often use moving backgrounds to good effect, because people buy into an experience rather than a product. The same goes for conferences and events, spas, retreats, vacation rentals, and so on.

Here are three reasons to use moving backgrounds:

  • to set a tone
  • to exude a lifestyle
  • to elicit an emotional reaction

Here are three reasons not to use a moving background:

  • because everyone else is doing it
  • because conversion statistics tell me it’ll get good results
  • because it looks pretty

Continue reading Moving Backgrounds: When, Why, and How to Use Them on SitePoint.


This content originally appeared on SitePoint and was authored by Irwin Hau


Print Share Comment Cite Upload Translate Updates
APA

Irwin Hau | Sciencx (2021-06-16T18:00:39+00:00) Moving Backgrounds: When, Why, and How to Use Them. Retrieved from https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/

MLA
" » Moving Backgrounds: When, Why, and How to Use Them." Irwin Hau | Sciencx - Wednesday June 16, 2021, https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/
HARVARD
Irwin Hau | Sciencx Wednesday June 16, 2021 » Moving Backgrounds: When, Why, and How to Use Them., viewed ,<https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/>
VANCOUVER
Irwin Hau | Sciencx - » Moving Backgrounds: When, Why, and How to Use Them. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/
CHICAGO
" » Moving Backgrounds: When, Why, and How to Use Them." Irwin Hau | Sciencx - Accessed . https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/
IEEE
" » Moving Backgrounds: When, Why, and How to Use Them." Irwin Hau | Sciencx [Online]. Available: https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/. [Accessed: ]
rf:citation
» Moving Backgrounds: When, Why, and How to Use Them | Irwin Hau | Sciencx | https://www.scien.cx/2021/06/16/moving-backgrounds-when-why-and-how-to-use-them/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.