Starbucks vs. Dunkin' Donuts

• 

• The Architect

  Starbucks and Dunkin' Donuts’ approaches to creating meaningful community around their brands and extending their companies beyond a typical retail website is as different as their stores. Both websites have menus, nutrition information, online stores, store locators and social links -- the bare necessities for brands of this nature. The similarities end there. Dunkin' Donuts' version of extending itself beyond the walls of its stores is reminiscent of old gimmicks and half-hearted community-building ploys. There's a healthy version of its menu, links to a running site, some promos and a contest, and then we’re done. Dunkin' Donuts provides no opportunity for its fans to be a part of its website in any meaningful way. Starbucks has done better in their attempts. Noteworthy is the idea of improving the company with your ideas -- something that speaks to core fans. If you love the green Starbucks splash stick, then you should know it was developed in this way. The website allows visitors to share ideas, vote on ideas submitted by others and see which ideas have received the strongest response. It promotes community by encouraging visitors to play a part in improving the brand they love through their own opinions and innovations. Second to this, there’s a blog that’s halfway worth subscribing to if you’re an ultra fan. And while it is not exactly groundbreaking, it has a genuine appeal and seems to keep a decent personal touch to it with little of the usual corporate interference on the surface. Introducing new conveniences, products and free offers allows the blog to be something worth subscribing to for core users and brand evangelists. In addition, Starbucks offers a place for those willing to contribute to their causes. It’s not terribly engaging, but having a directory of people bound to stores and allowing for conversation within each store is a worthwhile effort. It needs more work in order to truly establish the store as a gateway to the local community.

• 

• The Craftsman

  A website should not only be an extension of a retail store, but it should also be the gathering place for your brand's community of followers. It's important to give that community a great experience when they visit your site, and design plays an integral role in that experience. Dunkin' Donuts and Starbucks handle this experience in very different ways, and both leave much to be desired. Let's start with Dunkin' Donuts. It is quite clear that the goal of this site is to push products. The first thing that I notice is the horrible Photoshop work on the home page. It's a collage of poorly photographed and cut out cups, beans and other products. It's obvious that none of the elements ever appeared together naturally. With coffee beans the size of walnuts and cups the size of buckets, the scale is so ridiculous that the whole thing comes off as cheesy and poorly produced. There is a lot of movement and visual stimulation on the home page, including pop-up menus, enlarging images and a hot pink drop-down menu. It seems that at any moment a man wanting to guess my weight or swallow a sword could jump out from behind that burlap sack. These elements are over the top and a detriment to the functionality, as the page takes several seconds to load. The navigation is passable, but there is a lot going on. First you have the main navigation with drop-down menus. Above that you have a secondary navigation that is one of the smallest I have ever seen at only six pixels. I would think that a store finder and franchising information warrants a larger size. And above in the upper right corner there are 4 graphics that appear to be buttons but do nothing when clicked or hovered over, creating confusion. Secondary pages on the site are cleaner, but there are still some alignment and spacing problems, and an overall lack of design consistency makes the site look thrown together. While some pages look pretty good, others look quite bad. On any given page there are several fonts and many colors, causing it to look very busy. Starbucks' website is in stark contrast to the Dunkin' Donuts site. It's clean and minimalist in a way that feels great on the home page, but once you dig into the site, the pages become bland and boring. The home page immediately gives you hierarchy with a large, interactive feature that is simple to navigate. Below that are three areas that funnel traffic with a minimal navigation system. The light background helps the warm, rich imagery pop, creating terrific contrast. Nothing is in your face or obtrusive. It's subtle and functional -- just what you'd expect from a brand like Starbucks. The secondary pages aren't nearly as strong as the home page. The primary and secondary navigation are minimal to the point of being boring. The leading on the navigation and body text is tight and should be expanded. The subtle drop shadow on the top of the canvas area makes that area appear as a frame and does nothing to enhance the page. Columns are narrow, and content feels cramped. There is wasted real estate under a poorly designed search bar which features a "go" button -- none of which feels like what you would expect from Starbucks. There is also a lot of inconsistency from page to page, especially in the way their products and offerings are displayed, which makes the browsing experience feel disjointed. Both sites have work to be done and leave me feeling disappointed. I expect better from these two captains of the coffee industry. While Dunkin' Donuts is over the top with its bright colors and flashy animation, Starbucks doesn't go far enough with its neutral colors and boring framework. Like a cup of coffee that's too strong or too weak, these sites need to find the perfect brew.

• 

• The Developer

  Anyone who has studied the metrics on their own website knows that getting people past the front page is a big deal, getting them to stay longer is even a bigger deal, and having someone feel that your site is worthwhile enough to come back is the ultimate score. Today's websites are as much about visitors consuming information, collaborating and interacting as a community as they are about selling a product or service.Interestingly, when comparing Dunkin' Donuts to Starbucks, it is clear that both companies have attempted to make their sites into something more than just a reproduction of their retail storefronts. They both have used various methods to try to capitalize on the enthusiasm of their customers. Dunkin' Donuts offers a feature that allows you to create your own donut, while Starbucks has launched a number of social websites that range from promoting specific product lines to advocating social change to soliciting suggestions to make your Starbucks better. Overall, Starbucks does a better job of providing compelling reasons to visit the site. However, both make the perplexing mistake of burying the content rather than bringing it to the forefront. Dunkin' buries these nuggets in favor of button graphics and forces visitors to hunt to find something interesting. Starbucks hides a single text link for each of their social sites below their Flash movie that gets in the way of finding something more useful. Both companies have very active Facebook pages with posts happening every few minutes -- not that you would know this by looking at the front page of their site. What's that you say? The goal is to sell product? Well, I have a question in return: Isn't it necessary to drive traffic to your site in order to sell products online? If there are 4.5 million fans on Starbucks' Facebook page posting every couple of minutes, you do the math. I'll just hold off on returning to these websites until either company gives me a reason to.

Another Google Game-Changer: How Going Mobile Friendly Will Boost Your Search Visibility

From Panda to Penguin to Hummingbird, Google has rolled out a series of major changes to its ranking algorithms over the past three years that have sent major shockwaves echoing through world of SEO.

While its latest announcement hasn’t been met with the same level of fanfare as these previous updates, it heralds an important turning of the tides in the future of search and signals to any business that depends on web traffic that the time has arrived to pay heed and take action.

So what is this latest game-changer from Google? In an article released November 18 entitled “Helping Users Find Mobile-Friendly Pages”, the search giant announced that it is now adding an eye-catching “mobile-friendly” label in front of its mobile search results.

How does Google define mobile friendly? According to the article, a page is eligible for the “mobile-friendly” label if it meets the following criteria as detected by Googlebot:

• Avoids software that is not common on mobile devices, like Flash
• Uses text that is readable without zooming
• Sizes content to the screen so users don't have to scroll horizontally or zoom
• Places links far enough apart so that the correct one can be easily tapped

Okay – so what's the big deal about mobile friendly?

On the surface, this may seem like a relatively minor aesthetic enhancement to Google’s search results pages. However, it’s the reasoning driving this modification that portends even bigger changes ahead. In Google’s own words:

“Have you ever tapped on a Google Search result on your mobile phone, only to find yourself looking at a page where the text was too small, the links were tiny, and you had to scroll sideways to see all the content? This usually happens when the website has not been optimized to be viewed on a mobile phone…We see these labels as a first step in helping mobile users to have a better mobile web experience.”

It’s those last few words – “a first step in helping mobile users to have a better mobile web experience” – that should prompt smart marketers, SEOs and webmasters to sit up and pay attention. While Google has long recommended the use of responsive web design for mobile device support, they are now taking proactive steps to draw attention to those sites that deliver an optimal mobile browsing experience in order to ensure that they are providing the best search results for mobile users.

What this means for you is simple: if your site is not yet optimized for mobile devices, now is the time to change that!

Will “mobile-friendly” sites receive higher ranking on search results pages?

As you can see from the example above, the new “mobile-friendly” label will certainly capture the attention of users searching on mobile devices over results listings that are not given the same designation. In that way, mobile-friendly sites will automatically receive a boost in visibility in mobile search results.

But the question on everyone’s mind is whether having a mobile-friendly site will actually affect where their listing is ranked on the search results page. The answer: quite likely. In the article, Google states that the labels are a “first step” in creating a better mobile web experience, but they also conclude by saying that they “are also experimenting with using the mobile-friendly criteria as a ranking signal.”

It has long been speculated that Google does, in fact, give extra weight to sites that offer quality multi-device support by employing a responsive design framework, but this statement is the first official acknowledgment of this practice. What this means is that in the months ahead, you may see websites that create an experience optimized for smaller-screen, touch-based devices start to climb the rankings over others that do not offer the same. Who knows – maybe Google will even start exclusively displaying mobile-friendly sites for mobile searchers, a move that could really shift the balance in favor of those that provide an optimal experience for mobile users!

If your company is searching for ways to rise above the competition and increase your exposure in search engine rankings, this could truly be a game-changing development – one that should absolutely be capitalized on immediately. Not only will optimizing your site for mobile improve the experience for a growing percentage of your users, but a responsive site is also very likely to be your ticket to improved Google rankings in the future while also earning you their new “mobile-friendly” designation today.

How do I get started?

Google offers a number of tools to help you determine whether or not your site is mobile friendly, starting with their “Mobile-Friendly Test.” Simply plug the URL for any page of your website into this tool, and if it fails the test, Google will offer some suggestions and recommended links to more information about how you can improve your site’s support for mobile users.

You can also use the Mobile Usability Report in Google Webmaster Tools, which highlights major mobile usability issues across your entire site, not just one page.

These tools are a good start, but there is a difference between “mobile friendly” and “mobile optimized.” A site that scales down to better display on small-screen devices and features navigational links that are easily usable on those mobile devices is “friendly”, but there are many other considerations that go into creating a site that provides a truly optimized experience for users on those devices. If your site fails the Google tests, evaluate the suggestions they offer and also be sure to speak to your web design firm about how best to address mobile device support on your site.

The bad news

So optimizing your site for mobile is going be awesome, right? It will improve the user experience for many of your customers, and now that Google is taking a firm stand on this issue, mobile optimization can actually mean greater visibility in search and improved rankings. Those are great reasons to jump aboard the responsive bandwagon, but the bad news is that making a site responsive is no small task.

Responsive web design is not a feature you can simply tack on to an existing site, especially one that is quite old and outdated. Responsive design often requires rethinking how a site’s content is presented, and it almost always involves rebuilding your site from the framework up. This means that to make your site truly mobile ready, you may be looking at a complete redesign.

As 2014 nears its end and 2015 is on the horizon, your company is likely in the midst of budgeting for the coming year, including planning your marketing expenses. Mobile optimization for your website, even if it will require a full site redesign, should be on your agenda because as Google has so clearly stated in their recent announcement, support for mobile devices is no longer just a nice-to-have luxury. Rather, to compete successfully on the Web of today and tomorrow, optimization for mobile devices is an essential element.