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


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.

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 article was republished from its original source.
Call Us: 1(800)730-2416

Pixeldust is a 20-year-old web development agency specializing in Drupal and WordPress and working with clients all over the country. With our best in class capabilities, we work with small businesses and fortune 500 companies alike. Give us a call at 1(800)730-2416 and let’s talk about your project.

FREE Drupal SEO Audit

Test your site below to see which issues need to be fixed. We will fix them and optimize your Drupal site 100% for Google and Bing. (Allow 30-60 seconds to gather data.)

Powered by

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

On-Site Drupal SEO Master Setup

We make sure your site is 100% optimized (and stays that way) for the best SEO results.

With Pixeldust On-site (or On-page) SEO we make changes to your site’s structure and performance to make it easier for search engines to see and understand your site’s content. Search engines use algorithms to rank sites by degrees of relevance. Our on-site optimization ensures your site is configured to provide information in a way that meets Google and Bing standards for optimal indexing.

This service includes:

  • Pathauto install and configuration for SEO-friendly URLs.
  • Meta Tags install and configuration with dynamic tokens for meta titles and descriptions for all content types.
  • Install and fix all issues on the SEO checklist module.
  • Install and configure XML sitemap module and submit sitemaps.
  • Install and configure Google Analytics Module.
  • Install and configure Yoast.
  • Install and configure the Advanced Aggregation module to improve performance by minifying and merging CSS and JS.
  • Install and configure Schema.org Metatag.
  • Configure robots.txt.
  • Google Search Console setup snd configuration.
  • Find & Fix H1 tags.
  • Find and fix duplicate/missing meta descriptions.
  • Find and fix duplicate title tags.
  • Improve title, meta tags, and site descriptions.
  • Optimize images for better search engine optimization. Automate where possible.
  • Find and fix the missing alt and title tag for all images. Automate where possible.
  • The project takes 1 week to complete.