All posts tagged design

Design Studio: What Makes a Hero?

One of the most common challenges I face as a designer is the task of simplifying designs.   Most of the time, the companies I work with would like to be able to communicate many different things about their company and their products to customers.   In email newsletters, for example, they might want  to show new products, showcase best sellers, display all of the product categories, highlight some new press, talk about upcoming seasonal items, present a special offer, solicit participation on the site’s blog and also do a survey.   Most of the time my job is to meet all of these needs and to present the information in a visually appealing, easy to understand format.

Sometimes, however, it is also my job to push back.  Part of being a designer is to be proactive and to suggest other approaches to the presentation of the information that might actually bring greater success to the presentation or campaign.  eCommerce is customer-centric and prospective customers often have very limited attention.  I help my customers “get through” by helping them focus their messages.

In this post, I would like to talk  about one technique for getting through.  I will talk about using a single strong image to simplify and bring impact to your presentation.   This technique is called the “Hero Image”.

The basic idea of the “Hero Image” is this:  Show don’t tell.  When you use a Hero Image you let the presentation be a visceral experience that conveys your brand promise.  For a clothier, that could be the confidence and happiness that you feel when you look good.   For a gourmet company, it could be the sensual experience of quality food.    Perhaps the image has a few words that position the company or enhance the essence of the picture, but otherwise you let the image carry the load.

So what can this mean for eCommerce retailer?  Look at your messaging on your website and emails.   Is it overly complicated?    Consider trying a new approach that captures your company’s unique selling proposition with a hero image.  Here are some recent examples:

Do you have an image that really says who you are?  Try testing it head to head against your current creative and see how it does.   Let me know if you want a second opinion.  Email me:  Clawrence@tli2.com

Have fun!

Cinny

An Update:     I don’t think any company has done this better than Apple.  Steve Jobs understood the value of simplicity.  Modern life for many people is frenetic and complicated and people are often overwhelmed by a barrage of marketing messages.  But look at Apple’s messaging.  It was calm.  It was clear.  It was confident.  Recently, it was also poignant.

Did you see the Apple.com page in tribute to Steve Jobs?  It’s as good an example as I can think of and a fitting hommage to man that knew the power of simplicity.

Many times, “less” can be “more”.

 

 

Where’s the Banana?

Okay, so I know this is a pretty basic topic, and not nearly as buzz worthy as Andy’s product extensions or Facebook’s credits, but it seems to me by far the easiest and most productive thing one can do to increase web store transactions. And even though I’ve told people at every cocktail party I’ve ever been invited to, it’s hard to believe how many web stores still don’t do it, even after all those parties.

My big secret is this: if you want people to buy stuff, you’ve got to get them to click the “proceed to checkout” link, so make it the biggest, bestest action item on the page.

It’s that simple. But try this experiment. Go visit a dozen online stores and count the ones that still use just a text link for the “proceed to checkout” action. Or if they use a button, they make it the same size and color of the “continue shopping” button. You’ll be amazed.

So to update an old Seth Godin theory for our purposes, your shoppers are (no offense) gorillas, and when a gorilla gets to your view cart page, what do they ask themselves?

Where’s the banana?

That’s right. You want it to be super clear to shoppers what you want them to do next. If they aren’t done shopping, they’ll know what to do, or take the time to figure it out. If they suddenly realize they’ve got the wrong size or color, they’ll take the time to figure out how change it.

But when they’re confused, or they start to slow down with their shopping, or they just aren’t sure what they want to do, that’s when we want to help them, that’s when we want to show them the banana.

Make it a big, bright green image button. Or do some fancy CSS and round the corners. It doesn’t matter what technology you use, it matters that it’s the most noticeable call-to-action on the page.

So why do so many stores not consider implementing this? It certainly can’t be a conscious decision. We’ve certainly never done an A/B test on a checkout button that suggested we should use the tiny, blue text version. I think a lot of it has to do with the way designers often mock up home, category and product pages, and programmers then interpret these designs for the rest of the site pages. Most e-commerce platforms, even CommerceV3, use text-based checkout links by default. It’s easy to replace, but someone has to remember to do it.

So take a fresh look at your own efforts and make sure you (or your testers) can immediately spot the banana. While you’re at it you may want to review the rest of your site pages using the same technique. But start on the view cart, where you’ll see the best return for your efforts.

Bring Your Home Page into Focus

Good Home page design requires a strong focal point for the page. When a customer looks at the page, there should be one primary message (usually including a bold image) that jumps out. This should speak to the customer’s reason for coming to your site. It should emphasize best sellers, new products, or a current promotion that entices the customer to click and shop.

It can be difficult to select one message to put in that spot. Ah, but there is a solution. You can actually put a few (2-4) important messages in front of the customer with the use of rotating hero images at the top of the Home page. This is a very effective way to get your hottest promotion AND your new product line AND a best seller or best selling category with a big, bold splash right across the top of the page. If the customer clicks before they’ve seen all the rotating images, well, they clicked in and that is the goal! So, get focused and give rotating hero images a try.

5 Powerful Tactics for E-commerce

Okay, time for Tom Funk to take a deep breath. I’ve spent the better part of each day since September 8’s introduction of Google Instant, panicking, gnashing my teeth, tearing my hair, rending my garments and dodging chunks of falling sky.

Search is an important source of lifeblood to any commercial website. Until now, I’ve always felt Google did an exemplary job in letting relevant results, from little guys and big guys alike, bubble up to the surface of search.

Now, Google Instant and its predictions bias search against the long-tail, against the little guy. We now have less a web of discovery, and more a web of trend-following, big-name brands, and some repetition of your personal user history. Google Instant is the tyranny of the majority, where nobody finds anything without seeing a little eBay, Facebook, or Lady Gaga first.

But it’s time for me to look beyond Google Instant for a moment, and recognize what matters most to ecommerce marketers and site owners. There’s plenty of stuff we can control. Let’s stop fretting about what we can’t.

1. Brand positioning. Visitors coming to your site from whatever source must immediately “get” — both through the look-and-feel and from a clear “positioning statement” or slogan — who you are, what you do, and why that’s a benefit to them.

2. Guarantee. Offer a strong, unconditional guarantee, be conspicuous about it. Stand behind it. It’s a selling point, not some hidden legalese boilerplate.

3. Checkout optimization. Shop your own site with an eye toward removing roadblocks, eliminating unnecessary forms and fields, cleaning up the look, adding confidence-building logos of your security, shipping and credit card partners. And enable a friendly, low-key abandoned cart email program.

4. Testing. Use Google Website Optimizer to test any significant offer, merchandise selection, navigational or design element. You’ll not only prove that your ideas were awesome, you’ll quantify just how awesome they were. Or, as is often the case, you’ll prove some ideas just don’t move the needle. No worries. That’s valuable too. Imagine you find that a $10-off deal doesn’t lift conversion any better than a pitch that emphasizes five-star customer ratings, which doesn’t cost you a nickel. Cha-ching!

5. Customer retention. Far more important that how much search-engine traffic you can capture, is what do you do to convert visitors to customers — and to build a long-term relationship with those customers so they come back to buy again and again. Today’s best tool for retention is still a generous, creative, and smartly segmented email program. That’s been the case since the dawn of ecommerce, and some 89% of merchants still say email is their highest-ROI channel. But social media is fast becoming the new customer relationship channel. If you’re not active now on Twitter, Facebook, Foursquare, Groupon, and wherever else your customers are spending their online time, your customer retention efforts are behind the curve.

Full disclosure: I’m a Google shareholder. Yup, I have 10 bright, shiny Google shares. So I’ll totally be at the annual meeting in Mountain View, doing the secret handshake with Larry, Sergey, Eric, Matt, Marissa, and the rest of the gang.

But even with that massive financial conflict-of-interest, you can always count on me to be 100% objective in my assessment of Google.