这里主要说一下首页和产品详情页的动线设计。以下关于页面配置的示意,更多基于垂直精品站而不是铺货站的逻辑。
调性设计:重点是你的品牌形象,和给用户的第一印象。 如果我售卖小猫的衣服,那么考虑到大部分小猫在主人眼里都是可爱的,我希望我的品牌也能传递这种可爱的感觉。颜色上可以选择亮黄色,粉色等,在图片上可以更多使用穿上可爱衣服的小猫猫,以及卡通图案,圆圆的字体等来加强用户对于网站的第一印象。同理如果你想做机械类产品,目标用户是男性,可能黑白灰,以及几何设计,流线清晰的字体更能展现这种科技感。如果你不知道如何选择颜色字体等,可以多看看竞品网站感受一下,并且可以使用一些工具,如Coolors等进行颜色搭配,主题色选择3个左右为佳。 动线设计:动线要清晰,不要一味模仿大牌。
作为一个还没有品牌认知,用户基础的网站,开屏除了图片和品牌名之外,一定要有足够的文字描述品牌价值和概念,可以是一句slogan,可以是一小段介绍,清晰简单(不要过度使用从句),包含你售卖的产品,以及突出你的特点。因此一张概念性质的banner不要夺走用户所有的目光,做电商第一天就想学Apple,那属实就是东施效颦了。
首屏还包含Header这个模块,一般情况下以产品分类为主,加上Contact,Blogs等提升信任感。
Banner之下的用户动线,就与你售卖的产品类型相关了。虽然都是垂直精品站,但售卖的SKU数量从1个到几百个都是有的。
如果是售卖个位数的产品,那么需要你每个产品都有足够的特点,首页就可以着墨描述What(这个产品是什么) Why(为什么买这个产品,以及产品优势)等角度直接进行大篇幅说明。 那么你的首页动线可以是Banner> 产品基础介绍 > 产品优势介绍>场景展示>用户好评/FAQ,除了文字最好多多使用Video,让首页看起来更丰富。下面是一些优秀的产品数很少的网站案例,可以感受一下,我就不展示图片了。
Fybelle – For Your Beauty
Kulala: The science of baby sleep (kulalaland.com)
State of Kind (mystateofkind.com)
如果SKU数量比较多,首页可以先呈现collection模块,让用户对网站产品有一个简单理解,比如小猫的衣服的collection,可以分为公主风,卡通风,运动风等等。然后再从每个collection中挑选出top的产品展示出来。整体逻辑为一个总分的结构。 那么你的首页主要动线可以是Banner→collection→主推产品→用户好评/FAQ 这样的一个结构。中间穿插活动banner,产品特征介绍(比如特殊的材质,功能)等。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。