{"id":12416,"date":"2020-12-01T18:34:59","date_gmt":"2020-12-01T17:34:59","guid":{"rendered":"https:\/\/www.codemotion.com\/magazine\/?p=12416"},"modified":"2022-01-05T20:06:44","modified_gmt":"2022-01-05T19:06:44","slug":"e-commerce-web-design","status":"publish","type":"post","link":"https:\/\/www.codemotion.com\/magazine\/frontend\/design-ux\/e-commerce-web-design\/","title":{"rendered":"10 Tips for Your Next eCommerce Web Design Project"},"content":{"rendered":"\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t
  1. 10 Tips for your next e-commerce web design project<\/a>
  2. Communicate<\/a>
  3. Finalising Your Design<\/a><\/ol>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\n\n\n

    Over 204 million people<\/a> aged 14 and over will make a purchase online<\/span> in 2020. E-commerce<\/span><\/strong> is a vast business<\/span> and it is more than likely that you will be called upon to design a website for the world\u2019s biggest marketplace.<\/p>\n\n\n\n

    As with any project<\/span>, it\u2019s important to understand the objective and how to obtain it. Your aim should be to create the best possible user<\/span> experience ensuring your client<\/span>, the business<\/span> owner, can sell their product<\/span>.<\/p>\n\n\n\n

    Before you begin to think about your design<\/span>, you need to familiarize yourself with the business<\/span> itself. Aim to get to know your client<\/span>, what they do and their product<\/span>. You\u2019re likely to be working remotely<\/a>, so make sure you have a clear line of communication for any important questions.<\/p>\n\n\n\n

    While email and fax<\/a> can be effective (and mean you have the requests in writing!), they\u2019re not always the quickest routes. Instead, try a video call or dial in conference call<\/a>. The more information you can get in this one conversation means less of those tedious email threads.<\/p>\n\n\n\n

    Now you have an understanding<\/span> of the business<\/span> and it\u2019s goals, it\u2019s time to get down to your design<\/span>. So, here are a few pointers to get you started.<\/p>\n\n\n\n

    10 Tips for your next e-commerce web design project<\/h2>\n\n\n\n

    Branding<\/h3>\n\n\n\n

    Forbes<\/a> discovered that having a \u2018consistent brand presentation<\/span> across all platforms increases revenue by up to 23%\u2019. Presenting your brand consistently across all platforms really does equate to revenue for your client<\/span>. Your e-commerce website design should be an extension of the brand you are working with.<\/p>\n\n\n\n

    \"e-commerce\"<\/figure><\/div>\n\n\n\n

    It\u2019s easy to think that using a logo a few times means you have brand consistency. In reality, branding is an important marketing strategy<\/a>, so this approach just won\u2019t cut it. To execute real brand alignment, it is important to communicate with your client<\/span>. Establish their aesthetic and how they present themselves to customers<\/span>. Focus on both what they do and how they do it. <\/p>\n\n\n\n

    Before starting the project<\/span>, collect assets<\/a> from your client<\/span>. Using their desired font, color<\/span> schemes and logo<\/span> will establish your website as a branch of their business<\/span>.<\/p>\n\n\n\n

    Photography<\/h3>\n\n\n\n

    Images<\/span> are key to e-commerce web design<\/span>. Customers<\/span> make purchases based on what the product<\/span> looks like as well as the technical description provided. In fact, the online<\/span> shopping<\/span> portal Etsy<\/a> discovered that \u201890 percent of shoppers<\/span> said the quality of the photos were \u201cextremely important\u201d or \u201cvery important\u201d to a purchase decision<\/span>.\u2019<\/p>\n\n\n\n

    You may feel that taking good quality photos of products<\/span> isn\u2019t your job description and you would be right. But take a step back and think of the bigger picture. Your work is going to be your portfolio. Would you want your future clients<\/span> to judge you on how this website appears?<\/p>\n\n\n\n

    It is important to review and discuss the assets you will be using with your client<\/span>. Explain how good quality images<\/span> mean more than a pretty photo, suggest the use of videos and stress the importance of updating and rotating photos. Top project management tools<\/a> can be used to remind you and your client<\/span> when assets are due for delivery, and you can provide feedback as needed.<\/p>\n\n\n\n

    Text<\/h3>\n\n\n\n

    Text is, of course, necessary to an e-commerce site. Despite that, many people get it wrong. We\u2019ve all seen novels describing the smallest product<\/span> or one line to summarize the new gadget you are going to be spending a lot of money on. There is a fine line to tread when it comes to text. <\/p>\n\n\n\n

    As with images<\/span>, it\u2019s not your role to write the content<\/span> for the site. However, having a strong understanding<\/span> of what works and what doesn\u2019t can help you build the site appropriately.<\/p>\n\n\n\n

    A simple checklist could be as follows:<\/p>\n\n\n\n