The value of any business website, and it’s design, should be judged based on the ROI it brings into the company.
Just like an employee, a website has a job. To convert visitors into customers.
While it can (and should) look good visually, design will be judged on what it contributes to the business.
When a designer, either freelance or in-house, works for a business, they are not being paid for design.
They are being paid for the value that design work brings to the business.
Businesses have to generate value to thrive. It’s what justifies their existence. Designers should contribute to that value.
Conversion-focused design is the practice of using design as a tool to turn attention into revenue.
For an online store, there are different metrics you can use to measure the value of design. Both as the design currently exists, and of the effect of design changes over time.
All of these are important to track as changes to design, messaging, and strategy are made. A change that drives one up could negatively impact another.
For example, you could decrease prices significantly. This would increase conversion rate, but likely drop all other metrics, and hurt the business overall.
Analytics (such as Google Analytics) are the main tools we have for directly linking the value of a page, element, or design change to revenue.
For instance, GA can tell us how often homepage visitors click through to a collection or product page, moving them towards a purchase.
If a design change makes that happen more frequently and leads to more purchases, we can measure the difference the change makes.
There are many other tools in the research and optimization process, and other uses for analytics. But when it comes to measuring the business values, hard numbers are our friends.
If you’re reading this, your website is a storefront.
Not an art gallery.
Not a museum.
Not a newspaper.
Not an ego stroke.
So the main consideration in building it should be moving the most possible number of visitors towards finding a product they love and buying it.
A customer looking at your website should feel like they are looking into the Mirror of Erised. What they see is a future where they already whatever you sell, and it turns their life into an amazing dreamscape or at least a little better.
You probably don’t think about the skeleton of every person you see. You rarely think about the framing & wiring of your house.
In the same way, customers don’t consciously think about your store from a web design or conversion viewpoint. (Unless they’re marketers/designers)
So what are customers looking for? What are they conscious of?
Customers need certain emotional, psychological, and rational needs to be met in order to be ok with buying. The more expensive your product, the higher the hurdle for each need.
Those needs can be summed up as 6 psychological factors of conversion.
The most basic thing a high-converting site has to do is work properly.
There shouldn’t be any bugs. It should work mostly the same across all devices, operating systems, and browsers.
From the first moment that someone lands on one of your site’s pages, it should be insanely obvious that you are talking to them.
I’m talking colors, layouts, copy, imagery. Everything needs to be relevant to the customer and relate to whatever sent them to the page. They don’t care about you. They care about themselves.
People won’t take time to figure out clever slogans or taglines. You need to speak clearly to your best customers and the wants/needs they want to take care of.
If the user is drunk, lost their glasses, and hasn’t slept in 36 hours, they should still know quickly why they’re on your site as soon as they look at it.
Your amazing blog post about your trip to the Ugandan forest is great. Link it in the footer, not above the fold, because it’s confusing the hell out of everyone who just wants to buy sandals from you.
It takes a lot of faith when someone buys from you.
They have to overcome the barrier of not knowing you, especially if this is the first time they’re visiting your site. It’s easier if they’ve seen video or heard podcasts, but still… the site itself has to do a lot of trust building.
A site that is hard to use is just begging for a click on the back button. Customers need to be able to easily find what they want.
This happens in navigation links, category sorting options, customization options.
You’ve got to make it as easy as possible to quickly find the right product, move between products, and make a purchase.
There are 2 modes of thinking that we all have.
You need to appeal to both of these ways of thinking to move people toward a purchase decision. The higher your prices, the more impact you’ll have to make, especially on system 2.
With these in mind, it sounds like you could build a really plain website and do just fine selling. And maybe you could.
But designing for conversions doesn’t mean your site will be ugly or off-brand.
In fact it definitely shouldn’t be either of those. But if you just use good judgement about aesthetics, and focus on conversion factors, you’ll have a great starting point.
You’ve got 3 big buckets to think about when it comes to influencing visitors on your site.
The pages of your site make up the total environment your customers experience. Unlike a social profile or advertisement, this is owned. It is yours.
Just like walking into someones home gives you a much different understanding of them than seeing them at work, your site gives everyone who sees it a perception of who you are.
Your job is to create an environment that causes your customers to perceive you in a certain way, and get them to react to that perception by buying.
Your homepage is the face of your brand, and should instantly show the value you offer.
The homepage is the gateway drug that leads people into your collection and product pages. Show them what you offer, and make it easy to dive further in.
More about building a great Shopify homepage.
Your collection pages exist to help shoppers find the right products.
You should make it absurdly easy to filter and sort products, so that people who clearly have an intention of buying something can easily navigate to what they want to buy.
Product pages exist to sell the right product to the right buyer. Period.
Product pages should motivate would-be customers to want a product, and give them the rationale for justifying their purchase and overcoming the aversion to spending money.
More about making Shopify product pages that sell.
Navigation lays out the structure of your site (and your products/categories), and makes it easy to travel quickly from one place to the next.
Navigation is your chance to make it clear what is important, and get people to the important parts quickly and easily.
Each element on a page needs to do a job, but not EVERY job at once.
When you get it all right, this stuff leads to a holistic experience that makes a customer feel like they’re in the right place. It loosens wallets like tequila shots loosen inhibitions.
The words you use on each page matter deeply.
Because those words (and accompanying images) are all you’ve got to communicate with visitors. You don’t get to shake their hand or look them in the eye. They can’t pick up the things you sell and feel them.
So the content on each page is your best tool for turning people into customers.
I could write paragraphs about being customer-focused, features vs benefits, etc. And in the past I have.
Instead, I’m going to share an image from the excellent UserOnboarding.
Is to hold a mirror up to the needs and desires of your visitors. They should see a better, happier version of themselves when they see what you are selling.
Where does that happen
This is a section of KeySmart’s homepage.
Writing is easy.
Writing things that are meaningful and effective at the job you want them to accomplish is really, really hard.
But there are ways to make it easier.
Collect the actual words and sentiments of your customers, and use them in your on-site copy and marketing.
You can collect questions, concerns, sentiments, and ideas directly from your customers in several ways
No one wants to read a wall of text while shopping.
Getting to the point is crucial.
Take the concerns in your customers mind, and address them in the shortest possible way.
Use as few words as possible, and not more.
Remember that your website DOES NOT exist to tell people about yourself or your company.
Your about page can do that, but even then, you are relating yourself TO YOUR IDEAL CUSTOMER.
So when you talk about products, focus on what they mean and what they can do for the person looking at the screen.
If you’re selling a cake, don’t tell them about how much using your grandmothers recipe means to you. Tell them that it means so much to share your beloved grandmothers recipe with each and every customer.
You made it to the end of another long-ass page in this guide!
So now you know about the value of design to your business, and how to get started building a site that converts.
Up next, we’ll dig into how you take a well-designed, conversion-focused site, and make it better.
See you in the next chapter.