Shopify网站案例分析

据调查分析，访客在打开网站后，平均会花10-20秒时间停留在首页。从设计角度来看，你需要制定一个清晰的网站引导流程指引顾客快速选择他们的访问路径。因此，在设计网站时，可以从以下角度出发进行思考：

• 你希望访问者做什么? (例如，进行购买，注册邮箱等）
• 网站是否让访问者轻松达到上述目的？需要多少步骤才能实现上述目的？
• 访问者需要多少信息量才能进入下一步？
• 这过程中是否有可以删减的步骤？

访问者登录首页后，有时候知道他们需要做什么，但大多数时候并不知道。在设计网站的时候，需要同时带着这两种心情去思考以上问题，从而确保网站能够达到最终目标。今天，我们以一个品牌网Province of Canada为例，来探讨一下怎样设计一个好的网站。

一、Above-the-fold至关重要

Above-the-fold, 也就是页面的首屏，即访客在滑动鼠标前看到的页面。访客登录网站后，会快速作出一下决定：

1. 进一步进行购买
2. 下滑浏览页面其他地方——寻找更多评论留言、视频或者其他产品信息

Province Of Canada这个网站首屏设计就是以指引客户进一步购买为目的的很好示范。

二、导航栏清晰

简洁清晰的导航栏能够帮助访问者事半功倍。页面上导航链接过多，导致访问者眼花缭乱，提高了点击错误链接的可能性。如果你有太多的产品和分类，首先清晰罗列出第一级目录，在各一级目录下利用下拉菜单或子菜单的形式创建多级导航。记住，越重要的导航越靠前靠左放置。例如，Provice of Canada就是利用子菜单及目录下拉的方式清晰展示了产品之间的分类。

也有一些网站会把例如关于我们、联系我们这类页面放置在头部导航栏，因为那些页面支持网站的主要目的。但如果你发现访问这些页面的访问者没有达到你的目标转化，而是走向了其他转化，那你可能需要把这些页面放到底部导航，从而不影响整个网站的首要目标。

三、图片引人注目

网站上最大面积最显眼的部分往往最能吸引眼球。这里有以下几种方式可以结合视觉效应帮助网站提高转化率。

1. 带文字链接的海报图

像Province of Canada就是此类，访问者打开页面后首先看到主海报图，在主海报图上有一个醒目的call-to-action跳转按钮。

2. 海报轮播

有些网站会针对不同产品、产品系列、促销活动制定多张特色海报，并且用海报轮播的方式使得访问者能自动浏览到这些讯息，从而跳转到相应页面进行购买，达到转化行为。

3. 视频

对于有些创新的或者功能复杂的产品来说，视频更能向访问者清晰展示产品的功能特性。例如Bottle Cutting Inc，很多访问者并不是带有购买意愿来到网站，网站首页的视频充分展示了产品的功能，这也是可以带来有效转化的第一步。

四、网站有直接的call to action

不论是海报主图还是产品分类系列，或者单一产品介绍，都需要有醒目的按钮唤醒访问者的行动。好的CTA按钮能够让访问者在第一时间找到。访问者寻找按钮的时间越长，越容易错过点击。

在页面首屏，主要目的都是指引访问者浏览最新或最受欢迎的产品。随着页面往下滑动，会出现越来越多的CTA按钮，给访问者带来更多选择。

除了上述这些，购物车、搜索栏这些重要元素也是影响转化率至关重要的因素。在有产品加入购物车时，在购物车图标上显示购物车产品数量，也能够提醒访问者不要遗忘购物车的产品，从而提高转化。搜索栏对于清晰知道自己想要购买什么产品的访问者来说，是最高效的工具。像智能匹配关键词搜索、关联推荐搜索等等小的改进，也是帮助访问者提高加购的有效方法。

当然，也不能疏忽网站上其他任何传递给访问者信息的地方，比如博客、客户评论、页脚的各项政策信息、公司及品牌相关信息、社交媒体信息等等，确保网站的每部分信息都正确，每个链接都可点击。当然还有最最重要的一点，始终记得优化移动端的购物体验！