The Art of eCommerce Web Design

Before you can design a winning Website you need a comprehensive design blueprint, and that begins with defining the purpose — as well as prioritizing the various objectives — of your online presence. Over the last few years, too many ebusinesses have launched with unfocused goals and, as a consequence, awkwardly-designed Websites that quickly falter.

Is the purpose of your site to brand and position your company online? Do you want to impress customers with fancy design and flash? Do you want Internet users to call you or visit your physical store? Or do you want to generate high revenue with shortest sales cycle possible — Ã la pure ecommerce?

Sadly, in executing ecommerce Web design, many of these goals have been conflated, misunderstood or poorly prioritized, in turn jeopardizing the overarching sales objectives of a business Website. In other words, when developing an ecommerce Web site, it’s customer acquisition (read: revenue stream) that should remain your top design priority. That means a sharp distinction needs to be drawn between the art of Web design and the art of designing a marketing-driven ecommerce Website.

Three Web Design Anchors for Smart eCommerce

To efficiently reach ecommerce goals, a marketing-driven Website is going to be your vehicle. That means planning your site — and orienting your Web design — around three guiding "design anchors."

Design Anchor No. 1: Your "Value Proposition"

What’s your unique selling proposition (or USP)? What benefits do you offer that differentiate your business from others? What features or services do you offer that unequivocally build value while giving you a definitive edge over the competition? Distilling your unique value proposition and communicating it quickly and clearly on your Website is the first element of profitable ecommerce Web design.

Design Anchor No. 2: Your Target Audience

Understanding your market — and defining the needs of your target demographic — is an essential part of any business enterprise. Online it’s no different: design not for yourself, but for you target audience. Articulate meaningful benefits and situate your style and content in the context of your customers’ immediate needs and desires.

Banal Design is a good example of an online store that caters to a very specific market. In designing for this audience, the site could have easily obliterated ecommerce objectives with an elliptical layout and layers of overindulgent "cool". But instead of "art pour le art", this site quietly tailors design to its unique art world audience — while maintaining a lucid ecommerce agenda and a highly useable navigation and sales platform. At the same time, Banal Design also provides sufficient design elements to signal its credibility to a discerning target demographic in this niche market.

Design Anchor No. 3: Task-Analysis — Achieving a Defined Objective

Once you’re satisfied that your value proposition is being communicated to your target customer, you need a clear, focused sales process. Here, analyze the components of your sales channels, provide the necessary educational steps and requisite product information, and design a Website that optimizes action while eliminating distraction. Make it easy for customers to buy from you.

In the case of Digital Playroom, the modus operandi is simple: get the online customer on the 1-800 number to sell highly specialized music and studio gear. Here, design and content are oriented around the understanding that 99% of Digital Playroom customers are already intimately familiar with product specification and competitor pricing. By using a "List Price", "Their Price", "Call for Your Price" strategy, Digital Playroom orients visitors with sufficient content, then mobilizes customers to act, to communicate, to get a personalized one-on-one experience for products that have become Internet commodities. It even suggests the enticing prospect of old-world haggling.

Designing for the ‘One Second Principle’

On the Internet, you only have one second:

  • One second to make a powerful impression.
  • One second to establish your professionalism and start building trust.
  • One second to generate the interest of your target audience.
  • One second to begin downloading your value proposition and to initiate a compelling sales overture.

The three design guidelines above serve the one-second principle well and provide a blueprint for effective Website marketing and sales flow. Most online shoppers have little time to waste on brand-building Flash, sluggish multimedia plug-ins, overindulgent mission statements or content that serves no end. As recent research by Gartner and Jupiter Media Metrix suggests, convenience, usability and marketing clarity are even more important than price for online shoppers.

Given these survey results, successful Web design means having a tactical rationale for the placement of every graphic, every image and every word. And that means knowing your customers, anticipating their needs, and answering their questions before they’re even asked.

While more abstract issues like branding are not inconsequential online, the process of "building a brand" should come only as an after-impression, a coefficient of a powerful sales platform. Customer acquisition should remain the primary goal, and nothing — neither Flash nor corporate branding — should interfere with your marketing and sales agenda. Here, the best way to burn brand is to simply acquire a customer base: provide a righteous ecommerce experience and customers will remember you — even in a commodity driven market.

Does that mean that design and aesthetics are not important? No, it only means that form should serve function on ecommerce Websites, not the other way around. Art rarely serves utility. In fact, authentic art usually struggles to subvert it. That’s why art, by itself, won’t sell your products online.


Category: e commerce Time: 2002-09-02 Views: 0

Related post

  • The Principles of Beautiful Web Design 2007-04-02

    This article was written in 2007 and remains one of our most popular posts. If you're keen to learn more about web design, you may find this recent article on using lorempixel of great interest. For many web developers, myself included, the most inti

  • Psst.... 'The Principles of Beautiful Web Design' now available here. 2007-02-27

    So, a month or two back many of you spotted Jason Beaird's 'The Principles of Beautiful Web Design' in our 'Upcoming Titles' list and you want to know where in the Sam Hill is it? Officially- we're not scheduled to release it till next week. However,

  • Free Podcast: The Principles of Beautiful Web Design 2007-12-03

    Jason "the designer man" Beaird, author of SitePoint's The Principles of Beautiful Web Design (currently available in a limited, hard-cover signature edition), recently gave a presentation as a guest lecturer to the User-Centered Interface Desig

  • What are the responsibilities of a web designer 2011-06-02

    HI All - I am a Coldfusion developer with over 2 and half years of experience. I have some experience with Javascript, jquery and sql. I was thinking to learn Web designing too in my free time. What are the responsibilities of a Web designer? Does it

  • Why The 10 Commandments Of Web Design Are Complete Baloney 2008-07-01

    I read this morning in the SitePoint Industry News forum that BusinessWeek had compiled what is being referred to as The 10 Commandments of Web Design. The experts who contributed to this list include widely read authors and speakers like Dan Cederho

  • What are the boundaries between the responsibilities of a web designer and a web developer? 2011-07-31

    I have been hired to do functional development for several web site redesigns. The company I work for has a relatively low technical level, and the previous development of the web sites were completed by a graphic designer who is self taught as far a

  • Smashing Bundle: The Essential Coding for Web Design - only $24! 2014-02-07

    We're happy to present a cool offer to our jQuery4u blog readers! Smashing Bundle: The Essential Coding for Web Design – only $24! You get all these awesome books in PDF, ePUB, MOBI for use on the device of your choice! All eBooks are fully searchabl

  • Art Direction: Taking Web Design To The Next Level 2009-07-31

    Web design has come a long way from the grey backgrounds and blue and purple links of just a few short years ago. CSS and maturing browsers are allowing designers to create beautiful sites. So what's the next level for web designers, how can web desi

  • Increase the Efficiency of Your Web Design Business 2001-03-08

    These days it's pretty easy to find information about building a web site. You can find info on everything from how to create your graphics to what content you should include on your web site. More than likely, you could probably write articles on bu

  • Increase the Efficiency of Your Web Design Business - Part 2: Use a Secondary Questionnaire 2002-10-25

    More than anything else, poor communication causes the worst problems in a Web design project. As a Web designer I know that the rare occasions on which I have a problem with a client, in 99% of cases, it's due to not a lack of talent on my part, a b

  • How to start Conceptualizing the Experience for a Web Design (beginner) [on hold] 2016-07-02

    I am going to design my first website. Basically, a redesign of a website I care for. I have started with identifying goals and functional needs. Now I want to see if I can get the experience right or more engaging. I am not sure how to do this. What

  • Darwin and the Art of Web Design 2015-07-03

    Photo: Son of Groucho Once upon a time there was a man called Darwin. This man came up with an idea that has come to be known as 'the survival of the fittest'. This is probably one of the most misused terms in history, but the concept is based on his

  • Stripped To The Bone: Minimalist Web Design 2009-08-03

    "Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away." -Antoine de Saint-Exupery Minimalism is an art movement, born in the twentieth century, which describes various forms of art, music, li

  • What is the difference between web design and front-end development? 2013-08-16

    They seem to both imply the skill-set of HTML, CSS, and JavaScript. --------------Solutions------------- If I were to diagram the range of skills each has: <-- Art & Design Computer Science --> | ------------- Web Designer ------------| | ------

  • The Big Web Design Trends for 2015 2015-02-04

    When thinking about web design, you must consider the full spectrum of possibilities that the internet presents. Done boldly, designers can push the current limits of human interaction and imagination on a global scale – as is often seen with edgier

  • The McFarlane Prize for excellence in Australian web design 2006-06-28

    A new annual web design award, the McFarlane Prize, has been created to recognize excellence in Australian web design. Named in memory of noted Australian web pioneer Nigel McFarlane, the inaugural McFarlane Prize, aims to recognize and encourage exc

  • Xara Web Designer 6: the Review 2010-08-04

    Xara Web Designer 6 is a WYSIWYG web site designer. Just to be absolutely clear, this is not a paid review nor do I or SitePoint have any affiliation with Xara, their corporate partners, staff, relatives, etc. Note that Web Designer 6 is not a Dreamw

  • The Web Design Process Part 1: Discovery 2010-11-17

    Today's post is the first in a series of three where we'll look at how to get started with creating your web design layout. If you're new to web design, a blank screen or piece of paper can sometimes be a scary thing if you've no idea where to start

  • Web Design Resource: The Periodic Table of the (HTML 5) Elements 2010-12-08

    If you're interested in learning HTML or already know HTML but want to find out which elements are in use in HTML 5, then you might find Josh Duck's Periodic Table of The Elements to be a useful resource. The colorful table is laid out in a similar s

iOS development

Android development

Python development

JAVA development

Development language

PHP development

Ruby development


Front-end development


development tools

Open Platform

Javascript development

.NET development

cloud computing


Copyright (C), All Rights Reserved.

processed in 2.822 (s). 13 q(s)