TOMS Roasting Co. vs. Vogue’s Kimye Cover: A Cautionary Tale in Brand Evolution

Trends come and go. New technologies emerge. Consumer tastes, preferences and habits shift. As a result, brands must evolve or die. But with change comes risk. Will your next big idea be the next big thing or just a big black eye? After all, the history of marketing is riddled with spectacular failures and flops. Sony Betamax. New Coke. The Gap retro logo redesign debacle of 2010. In just the past few weeks two major brands – TOMS and Vogue – have taken major evolutionary leaps with very disparate results. Let’s examine their stories and the valuable lessons they offer to us all in how to maximize our brands’ possibilities for growth while avoiding potentially disastrous pitfalls.

TOMS takes on coffee.

On March 11, TOMS founder and CEO Blake Mycoskie took the stage at South by Southwest to announce its latest venture: TOMS Roasting Co., an ambitious new brand offshoot that encompasses a chain of coffee bars, a wholesale roasting business and an online subscription-based coffee club. Following the “one for one” business model that TOMS first pioneered with its shoes (donating a pair of shoes to a child in need for every pair sold), their coffee likewise comes served with a plan for doing social good. In this case, the “give” (in TOMS-speak) is water. For every bag of beans and cup of joe sold, TOMS will provide clean water to a person in one of the communities in Rwanda, Malawai, Guatemala, Honduras or Peru where TOMS sources its beans. The goal is to make “one for one” giving as much of a deeply ingrained part of their customers’ daily routines as their morning coffee. Reaction to this new venture has been overwhelmingly positive, with celebrities and average Joes alike singing the company’s praises on social media. Actress Olivia Wilde (@oliviawilde) tweeted, “Caffeine with a cause? Don’t mind if I do. I’m helping @TOMS’ mission to provide clean water.” Twitter user @hopevandy said, “TOMS is now selling coffee. My life is now complete.” It’s hard to ask for a more enthusiastic endorsement than that. While only time will tell if TOMS Roasting Co. is truly a sustainable business venture, it’s certainly emerged onto the scene with a well-caffeinated jolt.

Vogue bows to pop culture.

Jennifer Lawrence. Jessica Chastain. Kate Winslet. Sandra Bullock. Michelle Obama. Kim Kardashian and Kanye West. Which of these things is not like the other? On March 21, Vogue magazine proudly unveiled the cover of its April 2014 issue, featuring none other than tabloid power-duo Kim Kardashian and Kanye West (or as they’re known in pop culture circles by their portmanteau, “Kimye"). Immediately, the backlash was swift and vehement, with fans decrying that their Fashion Bible of Record had seemingly fallen prey to the most plebeian fate of catering to the lowest common denominator. Actress Sarah Michelle Gellar tweeted, “Well…I guess I’m canceling my Vogue subscription. Who’s with me???” – a message that has since been retweeted nearly 10,000 times and favored by almost 14,000 users. Another fan responded on Facebook, proclaiming the cover “The official death of Vogue” (a comment which has since received more than 1,500 likes). And while this one cover won’t likely be the singular undoing of this century-old prestige brand, it’s certainly a glaring misstep – one that’s likely to haunt its reputation for some time to come. So how can you ensure that your next big idea follows in the successful footsteps of TOMS Roasting Co. and doesn’t result in a disaster of Kimye-sized proportions? Follow these three commandments of brand evolution:

The three commandments of brand evolution

1. To thine own self be true.

On the surface, coffee does not seem like the next logical evolutionary step for a brand best known as a shoe company. After all, no one expects Nike to step up to the plate and start roasting beans anytime soon. However, shoes are not the core of the TOMS brand. It’s their mission: one for one. And by branching out into coffee, TOMS has created an opportunity for its fans to live that mission every day, not only when they need a new pair of shoes. As Mycoskie explained during an interview with TODAY, “I’ve been saying in the office, ‘Let’s start our day by improving someone else’s.’” By contrast, according to their own mission statement, “the foundation of Vogue’s leadership and authority is the brand’s unique role as a cultural barometer for a global audience. Vogue places fashion in the context of culture and the world we live in — how we dress, live and socialize; what we eat, listen to and watch; who leads and inspires us. Vogue immerses itself in fashion, always leading readers to what will happen next. Thought-provoking, relevant and always influential, Vogue defines the culture of fashion.” Juxtaposed against that is Kim Kardashian. She became a household name as a result of an illicit tape. She’s cemented her celebrity status with a basic cable TV reality show and an omnipresent claim on the tabloid headlines. She designs a clothing line sold in Sears. Which part of that is cohesive with a brand that wants to be “a cultural barometer for a global audience”? Vogue built its name as a brand of high-end aspiration. It’s not supposed to be a clothing catalog; it’s meant to be escapist fantasy. Kim and Kanye are as mass and mainstream as it gets. And Vogue’s readers (and perhaps now former subscribers) saw right through this stunt for what it is: a desperate, grasping, Hail Mary attempt to cling to relevancy in a world where print media outlets are a dying breed.

2. Know thy tribe.

For TOMS, branching out into the coffee business is not a move without risk. After all, there’s no lack of competition in the marketplace. However, TOMS knows its tribe. Customers who buy TOMS do so for a reason: to make a difference with their dollars. With their shoes, TOMS has cultivated with a distinctive style. Their signature beachy canvas slip-ons can be spotted at 20 paces, making a fashion statement that says, “I care.” TOMS knows their customers are torch-bearers who will champion their latest cause, proudly carrying their TOMS coffee bags and cups as a beacon of consumerism with a social conscience. And again, this is where Vogue seemingly overestimated the sheepish loyalty of its tribe. Perhaps the inherent danger in being a self-proclaimed arbiter of high culture and fashion is that it’s too tempting to think you’re better than your tribe. You know best, and they’ll love whatever you give them because you tell them to do so. A word to the wise: you’re never above your tribe. If you lead them, it is by permission through hard-won trust. And that permission will be quickly revoked if that trust is betrayed. First, last and always, you must demonstrate that you exist to serve your tribe and have their best interests at heart.

3. Engage your evangelists.

For a month leading up to the big reveal, TOMS teased their fans. They plugged the upcoming announcement. They solicited guesses from their followers about what the new product would be and publicly promoted those who participated. They challenged their customers to take the cleverly hashtagged “#onedecision pledge” to “change one decision that will help change a life.” In doing so, TOMS literally created an appetite for their coffee. Their customers felt a sense of ownership over the new product line before they even knew what it was, and as a result, came locked and loaded with a sense of investment in its success. Of course, this approach only succeeded because they also delivered on the anticipation with a truly great product that follows commandments #1 and 2 above. After all, publicity in the absence of authenticity is just a recipe for disaster, right Vogue?

---

Parallax Scrolling 101: The Good, The Bad and The Beautiful

One of the hottest trends in website design is parallax scrolling. First employed by Ian Coyle on the Nike Better World site in 2011, this is a special scrolling technique wherein background images move by the camera – or in this case, your computer screen – more slowly than images in the foreground, thereby creating an illusion of depth in what is in reality a two-dimensional environment on your screen.

With its explosive popularity, you have likely seen this effect in use but may not have known exactly what it was or how parallax scrolling is reshaping the landscape of today’s Web. But just like any trend or technique, parallax scrolling is not the right fit for every site, and it does have a few drawbacks. To help you decide whether this is a bandwagon you should jump on, let’s dive in and take a look at parallax scrolling from every angle – the good, the bad and the beautiful.

The good

The obvious benefit of parallax scrolling is its undeniable visual wow factor. Even though this technique has become very popular of late, it is still not so overdone that it has become commonplace. This means that any site that uses this approach well will make a lasting impression on its visitors. In a world where every company and organization is looking for a way to stand out from the crowd, this can be a powerful advantage.

The bad

While the bold visual impact of parallax scrolling is hard to beat, there is a downside to all that eye-popping punch: due to the weight of these graphic-intensive designs, these sites generally take a bit longer to load. In our modern age of impatience, this could potentially be a deal-breaker. Many people will not wait more than a few seconds for your site to load, so if your awesome parallax scrolling means that you have a 20-second load time (which is not unheard of), that is a big problem.

The reason that parallax sites take longer to load is due to the size of the images that must be used to create this style of presentation. As a result, you must be cautious in how you implement this technique. It's easy to overdo it, thereby making your site so large and cumbersome that you’ll turn away customers who aren’t inclined to wait for the page and its images to load.

If you are considering incorporating a parallax effect on your site, be sure to consider performance and work with your web development team to ensure that all images are optimized so that your site not only looks great but also loads as quickly as possible.

The beautiful

Let’s look at a few examples of parallax scrolling that really amp up the wow factor:

Life Of Pi

The website for the movie Life of Pi illustrates the incredible journey of not only the characters in the film but also of the filmmakers who took on this challenging story.

Through the use of numerous still images taken from the film and pieced together, the implementation of the scrolling technique here gives the illusion of video content, providing an element of motion that really enhances the presentation.

Other effects used include images that start out black and white or as sketches and are colored in as you scroll down the page, as well as content that appears from the sides of the screen. In this way, the site is the perfect reflection of a film that relies heavily on visual effects, recreating that feeling of “movie magic” on the screen for its visitors.

Rimmel London

Rimmel London's site uses a traditional parallax effect, where images of the company's products appear in the foreground and scroll at a different rate than those in the background. This gives the site a sense of visual interest and perception of dimension that you simply would not get with flat, static photographs.

Parallax.js

This site, which is a sandbox aimed at web developers, has an incredibly complex and layered implementation of the parallax effect.

The scene depicted has multiple layers of ocean waves that move at different speeds and patterns along with a lighthouse that bobs up and down to give the illusion of an undulating seascape. For added effect, users on mobile devices equipped with a gyroscope can use the orientation of the device to manipulate the way the page moves and flows.

As this intricately layered demonstration of the parallax scrolling effect shows, with so many layers and axes of motion at your disposal, there is a mind-boggling array of possibilities for the kind of experience you could design for your visitors.

Make Your Money Matter

The purpose behind this website is to illustrate the difference between putting your money in a bank versus a credit union.

As you scroll down the page, a series of whimsical illustrations are layered into the page to tell the story of “where your money really goes” when you put it in a bank. In doing so, a topic that is fairly dry and serious becomes much more engaging and approachable through the strength of its presentation. The end result is much more powerful than it would be had the site’s owners simply published a flat page of content and bullet points relating this same information.

Sony

In much the same way as the site for Life of Pi, Sony uses a series of photographic images strung together to create the sensation that the visitor is watching a video in motion, as Sony’s products – ranging from a 4k television screen, speakers, a smartphone and more – appear to assemble themselves right before their very eyes.

This is a very cool presentation technique that far surpasses what traditional still photography alone could capture. Even a video of the product assembly process would not be nearly as engaging, because here, there is the added element of surrealism where the user’s scroll is what controls the build of the products.

TEDxGUC

The site for TedxGUC is far less intricate than others covered so far, but it’s still a great example of how parallax scrolling can deliver a narrative via the Web.

Using nothing but elementary illustrations and some well-written copy, this approach conveys its intended message much more effectively than it could through a few paragraphs of text alone. In fact, the strength of this site is in its simplicity, which goes to show that you do not need to be as over-the-top as the Life of Pi or Sony examples in order to use make effective use of the parallax scrolling technique. Sometimes, less is, in fact, more.

But does it convert?

The million dollar question is whether parallax scrolling has any measurable impact on the power of a website to convert leads and customers. While the results are still hazy on that front, a Purdue University study from 2013 did find that “although parallax scrolling enhanced certain aspects of the user experience, it did not necessarily improve the overall user experience.” This is, of course, just one attempt to evaluate a relatively new technique, but it is noteworthy.

That being said, this particular study did not take into account the memorability of the sites included. The ability of parallax scrolling sites to make a lasting impression is one of their key benefits – one which could theoretically have a very real effect on the site’s ability to capture and convert customers.

In summary

While the business benefits of parallax scrolling are yet to be fully determined, the visual wow factor of this technique is very appealing and is one of the main reasons it has become such a popular trend. In the end, like any element of web design and marketing, parallax scrolling is something that you and your trusted web development team will need to decide whether or not it is a fit for your brand and your website.

---