Starbucks vs. Dunkin' Donuts

With billions in sales annually, coffee industry giants Starbucks and Dunkin' Donuts have demonstrated their ability to push their product in our caffeine-driven society. But when it comes to harnessing the power of the web to cultivate community around their brands, what are these two superstars doing to ensure that they keep and inspire loyalty among their followers, especially in the face of mounting competition between each other as well as increasing threats from newer players such as McDonald’s? Fame Foundry’s agents weigh in below:

• 

• 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.

---

Check it Out: 10 Ways to Stop Shopping Cart Abandonment

It’s not over until the cash register rings

A customer has found your site, browsed your store and added several items to their cart. You’re home free, right? No so fast...until they’ve confirmed their purchase, you’re still at zero, and you still have plenty of opportunities to derail the sale. Fatal flaws in your checkout process can not only cost you the potential sale at hand but also drastically decrease the likelihood of that customer ever returning to your site to buy from you in the future. If you’re experiencing a high occurrence of shopping cart abandonment, here are 10 ways to fix the obstacles and annoyances that are driving away customers and crippling your conversion rates:

1. Eliminate all chance of unpleasant surprises.

Make sure customers have all the information they need upfront to make a confident buying decision. This includes confirming the availability of the item; calculating promotional pricing or discounts; mapping out shipping options, costs and timetables; specifying whether or not sales tax applies to the purchase and clearly defining your return policy. If a customer reaches checkout only to discover that the particular item they wanted is out of stock, ineligible for an advertised discount or costs more to ship than they are willing to pay, odds are good that will be the last you see of them.

2. Display relevant details in the cart.

The shopping cart itself should provide a clear overview of the pending purchase at a glance so that customers do not have to navigate away from the checkout process to confirm the details of their order. Keep in mind that by this point in the process, your shopper may well have clicked to and from the cart numerous times as they selected multiple items, browsed various categories of products or compared one item to another, and they may be fuzzy on the specifics of everything they’ve chosen. Without the benefit of being able to glance down into a physical shopping cart to review their selections, they need reassurance that the package that lands on their doorstep will contain exactly what they intend, so be sure to provide thumbnail images, descriptions, quantities, sizes, colors, prices, availability and applicable discounts for each product in the cart.

3. Allow changes within the cart.

Every time your customer navigates away from the cart, you’re running the risk of losing them, so make sure that they can edit details such as quantity, size and color without having to locate the product page a second time.

4. Offer multiple payment options.

If you’re conducting e-commerce business online, your site should be tied in to a secure payment gateway. However, offering the option to complete the transaction through a third-party processor like PayPal or Google Checkout can put some customers – especially those who may not shop online often – at ease because they don’t have to release their credit card number and billing information directly to you. Conversely, PayPal and Google Checkout shouldn’t be the only options you provide. If a customer does not already have an account established with one of these payment processors, they may not want to create one just to do business with you.

5. Don’t require customers to create an account.

Without a doubt, it’s awfully tempting to require customers to create an account to complete their purchase because it will allow you to collect valuable data from them for future sales analysis and marketing. However, given the sheer number of social media and e-commerce sites that your customers likely interact with, they may very well have account creation fatigue. They may not want to establish yet another user account and password just to make a purchase, especially if they don’t necessarily anticipate ordering from you again in the near future. The best approach is to offer two options: checking out as a guest, which will expedite the process, or creating an account, which offers conveniences appealing to those who do shop with you often, such as eliminating the need to re-enter their shipping and billing information every time they make a purchase and allowing them to check on the status of an order. The key is to let your customer make the choice that suits them best; don’t force the issue and lose a sure sale in pursuit of future marketing opportunities.

6. Simplify and streamline.

Online shoppers are notoriously impatient, so don’t ask for more information than you need to complete the transaction, and don’t break the checkout process into more steps than necessary. Make sure as well to display a breadcrumb trail that indicates how the checkout process will progress. If a customer can see at step one that they only have three steps left to complete their order, they won’t get impatient or frustrated as they move from one screen to the next, not knowing what’s coming next or when the process will be done.

7. Cater to the on-the-go shopper.

When evaluating your checkout process, don’t forget about mobile users. A customer may be standing in the bricks-and-mortar store of your competitor and comparison shopping on their phone. If you offer the better price, don’t you want to make it as easy as possible for this customer – who’s clearly ready to buy – to order from you on the spot instead? This is another reason why it’s critical to streamline the steps within your checkout process as much as possible as well as to ensure that form fields can be easily completed on touch-based devices. Walk through your checkout process on as many different types of mobile devices and platforms as you can get your hands on, and don’t waste any time in eliminating any obstacles or road blocks that you discover.

8. Don’t give up too soon.

In the age of multitasking, sometimes a customer will simply get distracted before they have a chance to complete their transaction. The phone rings, the baby wakes up from her nap, the computer freezes, the pizza delivery guy arrives, etc. Or sometimes, they just need some extra time to make a decision while they continue to do research, get opinions from friends and the like. While you can’t do anything to mitigate this type of offline interference, you still have a chance to save the sale. A persistent shopping cart retains the items your customer has selected for a set period of time, whether that’s a few hours or a few days. When your customer has a chance to return to their computer, they can pick up exactly where they left off rather than facing the hassle of tracking down each item again, even if they had closed their browser window.

9. Never underestimate the importance of the human element.

If your customer has a question as they are progressing through checkout, the easiest, most reliable way to ensure they don’t lose momentum is to display your customer service phone number prominently at every step along the way. A simple question should have a simple resolution, and usually that is best provided in real time by a human being. If you leave your customers to their own devices to find the answers they need, you’re running the risk of allowing them to become distracted or frustrated and losing all interest in completing the order.

10. Reinforce trust at every turn.

As with all elements of doing business online, trust is key. In the absence of face-to-face human contact, you must rely on your website to build trust for you if you want customers to choose to spend their hard-earned dollars with you rather than with your competitor. Some elements of trust-building in e-commerce are obvious. Do you display your SSL certificate to reinforce security? Do you feature customer testimonials or reviews to boost confidence in your reputation? Is it easy to locate your company’s phone number, physical address and return policies so they feel assured that they can resolve a problem or obtain a refund without hassle? Other elements are less tangible. Does your site have a polished, refined look and feel overall, or does it look dated or sketchy? Do you offer value-added content like how-to videos or blog articles that convey to your customers that they are doing business with experts who are knowledgeable and passionate about their products? Thanks to the proliferation of Internet scam artists, the burden of earning trust with online shoppers is steep, but it is surmountable with careful attention to detail.

---