Cinemagraphs in Website Design: How Your Brand Can Capitalize On This Trend
Team Branex
If you’ve been following up on the latest web design trends that are predicted to make big waves this year, you have likely got the wind of magical moving photos - Cinemagraphs.
But do you know what cinemagraphs are, and why they matter?
Not exactly an image, not quite a video, cinemagraphs are visually attractive elements that can keep you riveted just long enough and make you turn your head for a second look. A cinemagraph is basically a GIF that looks like a still image with subtle, continuous movements that entail vigilance to detect.
Cinemagraphs have great potential to make your website attention-grabbing by combining beautiful still photographs with some moving elements. The best part of cinematography is that it brings your photos to life. Thus making the image more realistic, striking, and sometimes even thought-provoking. If the waving photos in Harry Potter newspapers caught your fancy, cinemagraphs are sure to make you go down memory lane.
Cinemagraphs are known to hold viewer’s attention up to 10x longer than still photographs since they allow a glimpse of time to be preserved and experienced again and again. The unique and conspicuous aesthetics of cinematography have led to their popularity in several mediums, such as web design and advertising campaigns.
Some established brands such as Coca-Cola, Netflix, Walmart, and Budweiser have already started incorporating cinemagraphs on their websites and social media marketing campaigns. Recently, many web design agencies have also jumped on this trend and included cinemagraphs on their home pages, product pages, landing pages, and about pages.
In this digital age, brands are striving hard to make users stop and pay attention- even for just a few seconds. Human eyes cannot resist motion, and by leveraging engaging moving photos, you can satiate their need for motion while impressing your website visitors.
Cinemagraphs go a long way towards creating powerful and exceptional stories that are truly fascinating, serving to make your online audience stay longer on your website, and making them look through all the pages. This is a compelling web design strategy that has the power to narrate stories while imprinting your message in the minds of your audience.
Here are some amazing ways of making your website visually attractive by incorporating cinemagraphs.
Take The Deep End as an example. This web consulting and internet marketing agency used a cinemagraph on their landing page to convey their brand message and a sense of professionalism and intelligence, by portraying a man in glasses at work on his laptop, with a subtle backdrop of a bookshelf behind him. This is when you notice a subtle movement; a reflection of a moving train glinting off the window glass. This unique framing is a smart play on “the train of thought” and keeps the audience riveted!
Similarly, Weltrade’s homepage has also made a classy use of cinematography. As you hover over the models in the hero image, they subtly come to life, completing a chic, formidable setting.
Adding cinemagraphs to your landing pages is indeed a worthwhile option to coax visitors into checking out the actual contents of your website.
If you peruse through the website of Tiffany & Co., the brand has leveraged a cinemagraph on their product store page to showcase their Rubedo metal collection. The striking image of a gorgeous woman standing in the open air, with her hair whipping in the air, instantly grabs the eye. This is when your eye flits from her waves to the scintillating neckpiece she is sporting over a chic plunging neckline. The neckpiece is subtly swinging about her back, perhaps caught in a gust of wind, and keeps you hooked in its glamor.
E-commerce businesses can also leverage the power of cinematography and showcase their products with a bit of motion. Look at this amazing example of Bloomingdales, where the brand has used cinemagraphs on Instagram to display its clothing line.
Cinemagraphs are also a great option for your restaurant business to showcase the details of dish preparation by using a more interactive image series. The dripping of a sauce from a succulent-looking burger, or tendrils of steam wafting off from a cup of coffee, remind users of their dining experience and whet their appetite.
Using the right visual elements on your About page can help convince your future clients and customers about your expertise. Adding a cinemagraph of your entire team can help you earn their trust. The human mind can remember and recognize faces. Using cinemagraphs of your team along with the complete bio and their names can work best for your prospects.
You can also use moving testimonials to build customer trust and show potential customers a positive brand history. In addition, you can leverage behind-the-scenes of your workplace to flaunt your future clients how the magic happens.
Make Your Landing Pages Attention Grabbing
Whether you are an eCommerce business or a service-based agency, you can use cinemagraphs on your landing pages. Adding visually appealing cinematography at the start can grab the attention of your visitors and make them scroll further down. The first image on your landing page serves as a hero image. It is the perfect place to showcase your top products in the limelight and draw the attention of your viewers, so they are compelled to read on. A cinemagraph can dominate the entire landing page, which users click through to access more information. You can also combine cinemagraphs with catchy and interactive elements to make them more interesting.
Take The Deep End as an example. This web consulting and internet marketing agency used a cinemagraph on their landing page to convey their brand message and a sense of professionalism and intelligence, by portraying a man in glasses at work on his laptop, with a subtle backdrop of a bookshelf behind him. This is when you notice a subtle movement; a reflection of a moving train glinting off the window glass. This unique framing is a smart play on “the train of thought” and keeps the audience riveted!
Similarly, Weltrade’s homepage has also made a classy use of cinematography. As you hover over the models in the hero image, they subtly come to life, completing a chic, formidable setting.
Adding cinemagraphs to your landing pages is indeed a worthwhile option to coax visitors into checking out the actual contents of your website.
Create Convincing Product Pages
When visitors browse through your product pages, reel them in with powerful, interesting cinematography. You can offer more detailed views of your products by using cinemagraphs along with the static image of your product, perhaps to flaunt the gorgeous flair of a dress or the smooth turning of a watch. Cinemagraphs are something new that our brains haven’t yet been trained to comprehend. While your brain takes those two extra seconds to compute the phenomenon, you do a double take and stay on the image a little longer.
If you peruse through the website of Tiffany & Co., the brand has leveraged a cinemagraph on their product store page to showcase their Rubedo metal collection. The striking image of a gorgeous woman standing in the open air, with her hair whipping in the air, instantly grabs the eye. This is when your eye flits from her waves to the scintillating neckpiece she is sporting over a chic plunging neckline. The neckpiece is subtly swinging about her back, perhaps caught in a gust of wind, and keeps you hooked in its glamor.
E-commerce businesses can also leverage the power of cinematography and showcase their products with a bit of motion. Look at this amazing example of Bloomingdales, where the brand has used cinemagraphs on Instagram to display its clothing line.
Cinemagraphs are also a great option for your restaurant business to showcase the details of dish preparation by using a more interactive image series. The dripping of a sauce from a succulent-looking burger, or tendrils of steam wafting off from a cup of coffee, remind users of their dining experience and whet their appetite.
Tell Your Brand Story
You have a great opportunity to tell your brand story by using catchy cinemagraphs. Visitors are curious about your brand history, what you do and other important information about your company before they actually decide to do business with you.
Using the right visual elements on your About page can help convince your future clients and customers about your expertise. Adding a cinemagraph of your entire team can help you earn their trust. The human mind can remember and recognize faces. Using cinemagraphs of your team along with the complete bio and their names can work best for your prospects.
You can also use moving testimonials to build customer trust and show potential customers a positive brand history. In addition, you can leverage behind-the-scenes of your workplace to flaunt your future clients how the magic happens.

L.L.Bean has decided to incorporate a friendly tone in their emails to pique the curiosity of their inactive subscribers. While their dormant members may have missed a lot by not keeping up, the Email reassures them that they still have time to catch up. Considering that most people may not want to be bugged by a constant stream of Emails. They also offer their subscribers other ways of connecting with them, such as Twitter and Facebook. The wander-lust-inducing picture in the Email also serves to create interest in their outdoor gear.
This is another great example of a re-engagement email which shows a unique yet creative way of knowing your target audience. Urban Outfitters used a format that perfectly caters to a generation that loves texting. This way, the brand succeeded in capturing the attention of its readers. The format is easy to comprehend and encourages their subscribers to read on and respond. It perfectly suits their communication style. Phrases such as “come back” and “miss you” in the subject line can resonate with your audience and make them feel special.
Pinkberry came up with a creative idea of re-engaging their subscribers and incentivizing them by offering a free product, a sweet seduction to be sure. They used the term “miss you” to make their readers feel emotionally connected. After all, there’s nothing like a free froyo to say “Welcome back bro”!
Grammarly used an interesting way to re-engage its inactive subscribers by giving them a badge called a “Wrinkle in Time badge”. They used a persuasive CTA button GO to encourage its users to click the button and use the service again. They also persuaded their readers to check their premium version and encouraged them to check the special price.
Habitat came up with a creative way to keep their email subscribers engaged and in the know at all times. They gave them the option to engage and encouraged them to connect on Facebook to stay abreast of their latest developments.
Who doesn’t love surprises? Surprises come with a lot of emotional baggage, ringing a distant bell and making us feel almost childlike again. Birch Tree has beautifully leveraged this sentiment in their re-engagement email by providing their subscribers with two amazing options which they can garner at subscription. What a rewarding way to re-engage!
Feelunique tries to win back its inactive subscribers by giving them a plethora of exciting offers. They offer their subscribers a chance to join their VIP shopping club and avail 10% off on every product for a lifetime. For subscribers, it’s rather impossible to resist these exciting offers.
Lowe’s sent a re-engagement email to capture the attention of their inactive subscribers by informing them that they have made some improvements in their products since they have been away. They have smartly highlighted how millions of satisfied members are using their services. They also incorporated social media buttons in the footer to create more engagement across multiple platforms as well.
Cross strives to win back its inactive subscribers by offering an exclusive discount of $10 on their next purchase. They have adorably humanized their brand with the “sniff sniff” microcopy. They tried to sway their subscribers by highlighting a message at the bottom of the copy training to their shoe donations, showing how they are bringing comfort to people in need.

Moving images such as GIFs are taking the online world by storm. An image with movement attracts more people than a static one. That’s why people are expecting to see more GIFs across their news feeds and emails. A GIF is basically made up of several images that are combined together to create a short looping visual. Not only is it interactive and absolutely riveting, but a GIF conveys information much more effectively than a single image.
GIFs and animations play a key role in communicating ideas, concepts, and processes while making content more engaging for users. You can take advantage of this trend and grab the attention of more people with your emails, newsletters, illustrations, icons, logos, and even ads.
Also Read:
In this poster from

In his book “Four Seconds”, Peter Bregman talks about pausing for a second and introspecting before making a decision. For instance, each response we give ensuing an incident comes with its own set of repercussions and outcomes. Given a different response, a new story would have unfolded. Now, Peter talks about repositioning the process. When an incident happens, think about the outcome you want to yield from the incident and respond accordingly. This will help you calm your mind and think for a second before making an impetuous decision.
Mel Robbins, in her book “The 5 Second Rule”, also talks about how Entrepreneurs have been using the power of 5 seconds to make big decisions in their lives. She writes about how before taking any big decision, Richard Branson closes his eyes and listens to his gut, and the same goes for Elon Musk and Jeff Bezos. This 5-second break is to let your inner voice take precedence and do what feels right instinctively.
He took a coin and tossed it. Heads for investing, and Tails for not giving away his venture. Even though he seemed partial to the outcome, in the mere fraction of the seconds that the coin was flipping through the air, his heart ached for tails. And that is what he got. Yes, his gut made the right decision. And by the end of the TV series, we saw why this decision was so accurate.
I am an Entrepreneur myself and I have used this technique dozens of times. The thing is, it is not just whether your luck hands out more heads or tails, it is about what your heart desires when the coin is in the air. This is the power of silence. When you silence your mind for even a few minutes, your subconscious mind gets a moment to wander off and scrutinize the problem.
Most of you might not agree with me here, but trust me, this is a technique which has guided me to make the right decisions even in the most distressed situations.


According to Facebook, there are around 100,000 monthly active bots on Facebook Messenger that offer a platform for online marketers to connect with audiences. While approximately 60% of millennials have used chatbots and 71% say that they would like to talk to a chatbot of major brands.
So, if you haven’t started incorporating chatbots into your marketing strategy. Now it’s time to test these friendly bots for your business.
It is simply not enough to establish a relationship with some industry influencers. Instead, digital marketers should focus on building strong relationships with thought leaders, setting clear goals, and choosing the right person who can help deliver the best ROI.

Starbucks has been producing holiday cups for 20 years. This year, they came up with a unique idea; the cup displays a ubiquitous Christmas tradition; a festooned Christmas tree, illustrations of presents, and people holding hands.
Starbucks' Christmas campaign claims that “The holidays mean something different for everyone.”
Sanja Gould, a company spokeswoman, says, “This year’s hand-drawn cup features scenes of celebrating with loved ones — whoever they may be. We intentionally designed the cup so our customers can interpret it in their own way, adding their own color and illustrations.”
This is an amazing Christmas promotional idea that created social media buzz and gained widespread public attention. The holidays are all about remembering what it means to spread goodness into the world and give love, and these are the emotions the red cup means to evoke!
For Coca-Cola fans, the twinkling Coca-Cola Christmas trucks are synonymous with the festive season. For the last twenty-one years, twinkling Coca-Cola Christmas trucks have been spreading holiday cheer across Europe. Coca-Cola holiday trucks herald the festive season each year. The ever-popular Coca-Cola truck tours spread happiness and joy across the whole continent. The brand has already announced its 2017 route and tour dates.
Watch the new Coca-Cola Christmas advert 2017 to see the spectacle for yourself:
https://youtu.be/1S0z7oTNCkY

Most MBA programs brag about how good they are or good much market experience they have, here, Vanderbilt MBA turns the customer into a hero and guides the way forward.
War by Parker also donates a large part of their profits to needy people. This alone makes this brand impactful.

The Keeping Up with the Bakers campaign centered on the stylish Bakers Family. The 360-degree video is directed in pastel colors with fun graphics to appeal to Snapchat users. The items/outfits sported by the characters in the shoppable film could easily be purchased by viewers.
The 360-degree VR-oriented shoppable film, allowed viewers to immerse completely into the Bakers’ world. The fashion retailer has played on Instagram Stories to capture the interest of younger audiences and glean more engagement and social shares.
https://www.youtube.com/watch?v=ZSSfIlQnZb8

The horse bust that was initially bought for $6 was sold, after it was compounded with a compelling story, for a whopping $65. Yes, you read that right! That’s around 10 times the original price of the object. And why did people buy it at such an exorbitant price? The story was engaging enough to coax them into making the purchase, despite the high price.
Was this a one-off situation? No. The items that were bought for $200 were sold for $8,000. Insane, right? I don’t know what Bob did with all that money, but what I can tell you is that he taught us a valuable lesson. The power of storytelling and how it is impacting our lives.
All the


If you peruse through their Instagram feed, you’ll fall head over heels in love with the way they are narrating stories. Every picture and every piece is magical. Their stories will teleport you into a different dimension and you will return to Earth only after you purchase something from them.
When you avail their services, they give you a feeling of heroism. It is just an ordinary agency that is