What makes a great Shopify home page? Which elements convert and which don't?
In this article, 我将探讨主页设计背后的一些心理学原理，以及一些用Opebet应用程序创建的主页示例.
Try to sell a home with cracked windows, 漏水的屋顶和排水沟杂草，你不太可能得到任何报价.
Well, your Shopify home page works in much the same way. Just as a house is maintained or renovated to receive the best offer, 你的网站首页是你的潜在客户看到的第一件事. It’s vital to make a great impression straight off the mark.
But more than this, your homepage should be designed to convert.
就像你家里破裂的窗户和杂草阻止买家购买一样, poor site design drives cyber visitors away just as fast.
So which elements convert homepage visitors into customers?
It’s about creating trust，激励他们，并向他们展示从主页到付款的具体步骤.10 high-converting Shopify home pages created with Opebet
The purpose of quality homepage design
Your homepage doesn’t have to be overly complicated in design or content. In a nutshell, you want to:
- Welcome your visitors to your site
- Tell them clearly what you want them to do
- Give them options to explore and find out more
But how do you implement this? Sometimes the best way to uncover insights is to ask the right questions. Consider this:
- What exactly do you want visitors to do? (buy something, subscribe to an email list, etc.)
- Are you making it easy enough for them?
- How many steps are involved from start to finish?
- Can any of these steps be removed?
In general, we believe in keeping the homepage simple. No need to add more complexity to confuse your readers.
考虑到一些潜在客户可能会登陆你的Shopify主页，知道他们确切想要什么. Others won’t. Always keep this in mind and design accordingly.
Make the navigation pathways clear. This helps customers avoid “decision fatigue”, 这是一种导致人们放弃耗时太长的决定的现象.
In analytics terms, when a user clicks away, this is known as “bouncing”. We don't like bouncing.
Take advantage of “Above the Fold”
折叠上方是用户向下滚动之前看到的屏幕区域. Newspapers have been using this technique for years, 将醒目的标题放在“折叠上方”，让顾客在从货架上取下商品之前看到.
关于你的主页，使用一个引人注目的英雄形象加上行动的呼吁是值得的. Remember when I said some customers arrive already knowing what they want?
Shopify Plus company MVMT have implemented this nicely, 为男性和女性提供清晰的CTA，并配有展示产品的清晰图像. 他们还在顶部使用了一条横幅，用免费送货来鼓励购买.
Make navigating easy
People glide swiftly from web page to web page on the internet. 因此，让你的网站在导航上像黄油一样平滑是很重要的.
When you're trying to attract lots of different types of visitors, 这是诱人的使你的Shopify主页更复杂的链接层和内容.
But in fact, it’s nearly always better to keep things simple.
This makes the entire web page cleaner and less confusing, and gives a great impression when first glancing “Above the Fold”. Notice the Call to Action in the corner too.
It’s up to you to balance your priorities. For example, if customer support is the focus of your brand, you may want to include those links in the header section.
Note: Including these navigation links is important for Shopify homepage SEO, letting Google understand your brand and site better.
A compelling call to action
Calls to action are at the heart of influential web page design. Consider them signs to follow when you're lost in the forest. They tell readers where to go and what to expect when they get there.
Your call to action could direct to a product page, a blog, a ‘learn more page’, or a collections page. It’s important to determine your goals and apply CTA’s accordingly.
Just remember, the harder it is for readers to find your Call to Action, the more likely they are to "bounce".
用对比鲜明的颜色让它清晰可见，使用直白的语言，比如 Soul Cycle. 没有任何东西会分散你的注意力，让你偏离主要目标, but there are navigation links for the user to explore further if needed.
Build A Custom Home Page That Convert
Free Plan With No Expiration. Full Access To All Templates and Features. Fully Customizable with Drag-n-Drop
10 high-converting Shopify home pages created with Opebet
When the carousel slides across and the second hero image is revealed, the CTA promotes purchase with a contrasting ‘Shop Now’ button.
A great example of consistent theme, relevant imagery and concise call to action by Caledonian Mobile Coolers. 没有什么会严重分散他们的主要CTA和更多的信息可以很容易地找到直接在主页上.
Above the fold, Monasita is targeting users with a ‘Spring Special’. This area of your Shopify home page is perfect for seasonal promotions to capture more sales.
虽然opebet体育官网app不太确定Livroom到底是做什么的(看起来像一个家庭派对送货服务), we dig the design.
说到给宝宝洗澡，强调使用天然产品是很重要的. Baby Bare Bubbles用中性的配色方案和透明的成分做到了这一点. The benefits are clearly stated on their homepage, and multiple calls to action can be found throughout.
The key to Edward & Sons home page design lies in its simplicity. 每个图像实际上是一个CTA，当你将鼠标悬停在它们上面时，可以看到它们的移动.
#3 Zen Egg
The Zen Egg website is extremely minimal, perhaps reflecting the empty state of mind needed to find 'zen'. 这种极简主义与设计师的评价和一句话相结合，激发了信任.
Last on our list of Shopify home pages created with Opebet is A.H Apothecary, with a design that’s as unique as it is wholesome. 黑色的背景很好看，主页从一开始就讲了一个故事.
Opebet usage isn’t limited to any specific niche, as you can see from the range of brands mentioned above. With Opebet, all aspects of design are placed back in your hands, and not in those of a designer with biased opinions.
Mobile responsive design
I seem to say this with every piece I write, but it’s worth repeating. Mobile responsive design should be your priority, 全球超过一半的电子商务销售来自手持设备.
When creating your store with Opebet, you’ll have the opportunity to view and edit it from a mobile standpoint, just as these merchants have done to capture as many sales as possible.
|#10 Notion||#9 Caledonian Mobile Coolers|
|#8 Monasita||#7 Livroom|
|#6 Baby Care Bubbles||#5 SJC Custom Drums|
|#4 Edward & Sons||#3 Zen Egg|
|#2 Probi Solution||#1 A.H Apothecary|
Shopify themes or Opebet templates?
A perfectly valid question sits in front of you. But the answer is clear.
Most merchants join Shopify and quickly browse the theme store, selecting a free theme or paying a premium for one. 不要误解我的意思，很多Shopify主题都很棒，在很大程度上满足了用户的需求.
But, they are very limited in customization. CSS编辑器很难访问，即使您进入并修改代码，它也可以 lead to problems.
Plus, you run the risk of your store looking like thousands of others who use the same theme.
When creating a new page in the Opebet dashboard, you’ll be prompted to ‘Start from Blank’ or select a template.
What’s more, you’ll save time and money, 并能够自定义模板，以适应您的品牌的外观和感觉. 将产品和集合添加到模板只需要几分钟 tutorial video.
Some people call excuses simply well planned out lies. All I know is that you can’t deposit your excuses at the bank. Opebet提供了一个14天的免费试用与顶级计划-没有任何附加条件-所以你可以开始建立一个业务今天.
If it’s important to you, you’ll find a way.
If not, you'll find an excuse.