你所忽略的Shopify独立站店铺设计细节

可能很多朋友会觉得，shopify只是建个模板网站罢了，没什么难的，把产品文字描述和图片放上去就可以了。

如果你真的也这么想，那么你就大错特错了。

认真做好店铺设计将会对后期的转化和客户留存起到关键的作用。

大家有没有发现，一个糟糕的店铺设计是很难赢得用户的信任的。那么设计一个精美的店铺网站就是很有必要的了。对于shopify店铺来说，网站的主题可以决定我们店铺最终的样子。第一印象是很重要的，所以我们不能只是随机选一个模板，我们要选一个能够真正代表我们品牌的模板。大家可以直接在shopify的官网买主题。地址：https://themes.shopify.com/

1.主题模版选择原则

在选择的过程中，以下几点需要特别注意：

（1） 从正规渠道购买付费主题，不要去胡乱下载一些免费的，不靠谱，存在风险。

（2）根据自己商品特点，选择合适的主题，不要风格一点都不搭，看起来非常别扭，也显得不够专业。

（3）我们的网站不要设计得太与众不同，原则上最好按照一般网站来。最好的shopify主题一般都是传统型设计，用的也都是大家普遍接受的操作方式和页面布局。其实选主题最安全的方法就是选一个简单点的，简单的主题甚至对潜在顾客的转化率还比较高。也就是说，有时候最好的shopify主题就是有让人熟悉的风格，以及方便用户使用。

（4）不要在自己的主题中添加过多的元素，会降低网站打开速度，影响购物体验。好的主题不仅仅要吸引顾客下单，还要保证顾客的用户体验。

（5）认真查看主题的评价，看主题的优点、缺点，全面权衡之后再决定购买。我这里建议大家一定要试用，绝大多数的模板主题都是有demo的，你可以测试下，感受感受，如果不喜欢的话，可以换掉。

（6）具有自适应性。超过50%的Shopify的订单都是来自移动端。所以，我们必须要要选一个适应移动端的主题。特别是对现在来说，如果我们的网站能够适应移动端，我们就会给客户一个更好的体验感。

2. 网站设计的6个主要方面

Shopify店铺设计可以分为6个方面：

a. logo和品牌风格

b. 网站配色和字体

c. 主页

d. 产品类别

e. 产品本身

f. 产品页面和其他内容

具体如下：

（1）Logo 和品牌风格

Logo无论在品牌推广还是店铺推广中都有着举足轻重的作用，一个好的Logo在日常的营销活动中是最亮眼最吸引人眼球的视觉元素。

品牌的存在无形之中会给用户带来心理上默认的认可。无论是对品牌模式还是垂直类目模式的独立站而言，一个好看的甚至是经典的logo对网站的信任度，转化是有非常大的促进作用。

那么怎样设计自己的logo？

要自己设计logo，可以用一些简单的工具，比如Canva：https://www.canva.com/

品牌风格的具体案例

GLDN

https://www.gldn.com/

GLDN，可以联想到Gold Design，这个网站主要卖一些自己设计的金属材质的首饰，多以金色为主，这个Logo跟他们的产品也是十分契合了，而且整个风格也是非常清爽。

我们再往下滑看看下面的页面，我们可以看到，他们整个页面的风格都是非常的一致，这些界面的主题风格都是一致的，看起来非常舒服。

也就是说，我们在设计我们的shopify网站的时候，选好logo和品牌风格之后，我们后面的内容都是全部要围绕logo和品牌风格来做。

很多人在设计的时候，经常会忘记要保持风格的一致性，就把一堆觉得好看的东西都东加一点，西加一点，然后整个网站看起来就是很杂，很乱。

我们千万不要觉得保持网站的风格一致不重要，网站风格是不是一致其实会很大程度上影响访客对我们的印象 — 包括网站合法性，权威性，以及使用难易度，客户体验度等。

（2）网站配色和字体：

配色

不知道哪些色调比较搭怎么办？

如果还没想好品牌颜色的话，我们可以根据我们的产品来找灵感。

比如：产品是木制家具或是皮革制品，可以选择棕色，米色和橙色等自然，温和一点的色调。

不会配色的小伙伴可以借助在线调色板工具的帮助：https://colorhunt.co/

字体

使用字体记住一个总原则：保持一致性

字体最好不要搞得花里胡哨的，看起来不整洁。

字体有三个要求 — 易读，一致以及清晰。

我们可以用一个字体的：常规版本，粗体和斜体来搭配使用来区分内容，使网站显得不那么单调。

除了用字体的不同版本，我们还可以用不同大小的字体来突显不同的内容。内容越重要，字体就越大。当然要大的合理，不要太夸张。

（3）主页

主页也是需要跟logo和品牌风格保持一致的。https://au.cettire.com/

Ø 主页最上方：

这家服饰店铺主页照片的风格，色调也都是一样的。而且他们不仅仅是展示产品图片，还有促销信息，以及一些关键性的描述词。

Ø 主页的其他细节

比如主页的最上方的导航，最上方的信息包括了退货政策，大促销，免运等等的信息

Ø 站内导航

非常简单明了，容易操作，访客可以很容易找到他们要找的东西。

Ø当季新品系列

这个页面看起来也是非常干净，舒服。主页下面就直接给访客看当季新品系列，可以刺激他们的消费冲动。

（4）产品类别

Royal Furnish：

地址：https://www.royalfurnish.com/

这个网站的产品系列很多，但是这个网站把这么多的产品类别都分类整理得非常好。

清晰，干净，一目了然。而且在节省网页空间的同时，他们还能有对产品有描述性的图片。分类展示得非常好。

（5）产品本身

产品本身无疑是非常非常重要的一点，我们在给我们的商店添加产品的时候，我们要确保这些产品跟我们的niche是非常相关的

我们要确定，我们上传的每一件产品都是有可能被我们的目标客户购买的，而不是加很多无关产品进去。这样反而会分散我们潜在客户的注意力。

Ø 跟niche高度相关

我们要上的产品需要跟我们的目标客户非常相关的产品。

比如：colourpop：https://colourpop.com

这个品牌主要是做美妆产品的，他们的目标客户就是化妆感兴趣的人群。所以他们的产品都是非常有针对性的，都是美妆类的产品，完全没有业余的东西。

Ø 图片分辨率和比例大小

在选择主题的时候，图片也是我们绝对不能忽略的一个要点。

我们上传的图片像素至少要是10241024.如果可以的话呢，最好是按shopify的最高分辨率上传，也就是20482048.

Ø 图片比例大小

我们的产品是是会在我们网站的很多板块重复出现的，比如首页，产品相册页，产品页。像我们前面说的，网站的色调和风格要保持一致，现在图片的比例也要保持一致。

图片的比例大小保持一致，会让我们的网站整体看起来非常整洁，布局非常清晰。

（6）产品页面

Puravida

https://www.puravidabracelets.com/

购买页面：call-to-action按钮清晰显眼

产品描述和细节：这家的产品页面配合了组合营销，每款产品都有一段故事性的描述，有详细的Description，尺码表，以及相似款推荐

（来源：跨境选品宝）

以上内容属作者个人观点，不代表红帽云邮立场！本文经原作者授权转载，转载需经原作者授权同意。

（来源：凯文）