52% of all websites are built using WordPress, including online stores for ecommerce.
But, that doesn’t mean you can pick a theme from the store that “looks nice” and call it a victory.
Ecommerce site design is more than looks, it’s about driving purchases, too.
Here are four fresh ecommerce site design ideas that are both beautiful to look at and convert like crazy.
1. Grab Attention Immediately With a Headline and Product
When a visitor lands on your store for the first time, you need to make a lasting impression.
One that solidifies your brand, your product offering, and your value to consumers.
This means your homepage can’t just be a list of products with no explanation. Your products are the bread and butter of a good sales playbook, and subsequently, a good website that grabs attention and drives action.
But it also can’t just be a bunch of copywriting about your mission, either.
Instead, it should be a blend of both. What do I mean? Let’s ask the pros.
Professional online store expert Nick Schäferhoff says, “The center content block needs to grab the visitor’s attention right after they come to the site. That center block is where the products will be displayed, along with a message that represents your brand.”
A great example of this in action can is on the TOMS website:
Immediately you are greeted by three distinct factors:
- A featured image of real people wearing and loving the product
- A simple, clean headline with a sub-header to explain the product
- A mission statement on how and why to shop with TOMS
Also, the simple matte colors match the TOMS logo, adding consistency and flow to the page.
Start by crafting a simple headline that encapsulates your brand mission and your products.
In TOMS’ case, their headline and sub-head is a play on their climate change stance where part of the proceeds from your purchase help to fight climate change.
When it comes to ecommerce site design, your home page is best kept simple and to the point.
2. Use Soft and Vibrant Colors
Color schemes for your branding can make a big difference in how people perceive you.
For example, red is a solid, powerful color that often makes portrays emotions like love, fear, and survival.
On the other hand, softer colors like yellow and orange are more open, friendly, and inviting.
When it comes to colors for your site design in 2020, soft and vibrant colors are your best bet.
Neon coloring with intense colors like red or deep purple on your site can be annoying and intrusive, negatively impacting the user experience.
Meanwhile, vibrant (yet soft) colors can be kinder on the eyes while still providing a great, clean look.
Bliss is a prime example of fantastic ecommerce site design:
The initial viewing is far less harsh on the eyes than bright neons when you use pastel colors.
The products feel nurturing and trustworthy, using softer colors like blue and pink.
When designing your ecommerce store in 2020, be sure to pick the right colors that reflect your product and how you want customers to feel when shopping with you.
According to a recent study, here are the most commonly associated words with each color:
- Blue: trust, security, high quality, reliable.
- Red: Fear, courage, speed.
- Yellow: Fun, cheap.
- Pink: compassion, romance, nurturing.
- Orange: Fun, cheap.
- Black: Reliability, high tech, high quality.
- Grey: high tech.
3. Keep Your Blog Simple and Clean
A blog is a crucial ingredient for any successful ecommerce store.
Unless you have word of mouth brand awareness or an Instagram with 10 million loyal followers who will buy from you daily, you need a blog.
It’s the only way to rank for top keywords in your niche, driving relevant traffic back to your website where they will discover your products and services.
The only issue is: how should you design your blog? Should it mimic your product pages? What theme should it have?
For ecommerce, your website needs to be fast, fluid, and easy to navigate. And when it comes to your blog, it should be no different.
Now that most traffic is on mobile, you can’t afford (and don’t need) to use heavy page elements or fancy design.
Instead, I recommend utilizing whitespace and keeping your blog clean and straightforward. For example, take a look at Surveycool:
Surveycool takes advantage of whitespace, utilizing few (but essential) images to optimize for speed on mobile, and keeps the layout dynamic for any page size, shrinking and wrapping the text.
But they don’t stop there. They also add detailed proprietary graphics for each section, helping users skim and enjoy content with ease.
When it comes to a fresh design for your ecommerce blog in 2020, less is more.
4. Add Interactive Elements
Landing on a new store website should feel like an experience.
An experience that you engaged with enjoyed and ultimately: remembered.
After all, if your site design doesn’t leave a lasting impression, you can kiss those sales goodbye.
Interactive elements are a fantastic way to boost both the engagement and memorability of your brand.
Bellroy is an excellent example of this, adding an interactive slider to their products to showcase just how much space you save using them over competitors:
On a wallet comparison, you can see just how impressive their product is.
This is sure to leave a lasting impression on any new visitor to the site. In addition, interactive elements can be tracked, meaning you can send a follow-up email to gauge further interest in your products.
This unique experience burns the idea of slim wallets into the customer’s mind, helping to build a critical association between slim wallets and the Bellroy brand.
In 2020, consider adding some interactive elements to your site to improve engagement and brand development.
Ecommerce site design can seem overly simple from the outside looking in.
But when the reputation and success of your brand is on the line, it’s far from simple.
Good ecommerce site design both looks wonderful and performs with intent to convert.
On the other hand, poor ecommerce site design is often too focused on the visual component in favor of functionality.
Use these fresh ecommerce site design ideas for 2020 to improve your brand image and conversions.
Jeremy Moser is co-founder of uSERP.io, a digital brand-building agency. His work has been featured on HubSpot, Search Engine Journal, G2 Crowd, BigCommerce, Drift, Shopify Enterprise, and more.
Last modified: January 23rd, 2020