“首页设计规划那点事儿~”

时间：2024-10-12　来源：朝夕友人　点击：

我们的铁粉潘老师在后台留言，期望我们分享一期首页设计的文章给她的学生们交流学习，那我们这一期就分享一下首页设计的规划问题。

设计，很多人都误以为是拿到需求就哐哐一顿PS，咔咔一顿代码就能全部做好，这样是做不出一个好的设计的。

我们需要将营销的概念融入到我们的设计里面去，必须经过详细的策划。那具体怎么做呢？我们以我们的日常案例做一个总结：

一、诊断分析

1. 店铺的主要类型及主要流量来源

首页除了展示产品这项基本功能外，最大的程度上是要加强店铺与客户的交流，进行导购与分流，如网红店、买手店的店铺主要流量来源有可能来自于直播与内容营销，工厂店的店铺主要来源有可能来源于活动与团购。

店铺类型可以从商家的基础经营方式了解到，流量来源可以参考“生意参谋”的相关数据。

这部分内容会直接影响到我们首页设计的前三屏需要放置什么类型的互动推广。

2. 店铺的客户群体及购物习惯

设计无论做的有多好看，多高大上，主要的服务对象依然是“客户”，我们的终端客户的使用便利程度及购物体验才是我们做设计的目的，研究客户的属性、购物路径，会更加有利于我们在为客户提供便利上找到明确的指引。

例如：我们的购物群体是女性年龄偏大，喜欢宝贝优惠券的客户，如下图示：

那么我们会去研究这个年龄段的女性喜好的颜色、展示风格作为视觉策划参考，并且在他们的浏览路径上提供更明确的优惠券展示，刺激购买。

3. 产品的主要销售方式及促销活动

主要销售方式及促销活动是商家能够主观决定的营销方式，也就是“商家想卖什么”的一个实际落地操作。

例如:店铺出了爆款，生产了很多库存，商家打算主打这个产品；或者某几个产品能够搭配在一起的购买有优惠；又或者换季清仓，需要将积压的过季产品打包折扣销售等等，都说明具体的营销方案，以便于在店铺展示中明确的告知客户。

4. 客单价分布及产品分类情况

对于不同的店铺我们会有不同的玩法，在设计产品入口前，我们会先了解客单分布，把不同的产品推荐给不同的人群。例如新客会推荐中低客单爆款，老客会推荐高客单或者是新品，会员则推荐高额会员券及组合产品等，在店内实现不同客户群体的推荐营销。是分散引流还是聚焦爆款，而产品分类会影响到我们设计后几屏的产品展示分布，应季性的排布需要明确店铺分类，以“便利”为原则，给客户安排不同的产品分类展示。

5. 与市场及竞店的优劣势

市场及竞店是我们参考的关键，根据自身的情况做简单的SWOT，淘宝有很多营销大牛会将已经成熟的营销里面汇入设计里去，不止看本类目的品牌商家，跨类目属性相似的品牌商家一样有参考价值。

分析的目的就在于让我们更好的定位我们的设计目标，弱化没有竞争力的方面，将优势放大，知己知彼，才能让店铺与同行区分开来，更有竞争力。

二、资料搜集

1. 产品图片及标价为了方便重新合成首页设计的多种组合构图做准备。产品价格表是上架必须提供的，90%会在首页标注产品的售价，刺激客户快速的购买转化。2. 品牌VI为商家树立品牌形象，增加产品的溢价空间，增加客户粘性。有品牌推广需求的商家我们都建议强化“品牌”，将品牌内容植入到所有的浏览路径上。3. 品牌介绍与实力证明强化品牌形象的侧写材料，补足品牌故事空白的部分。一般用于首页结尾或者品牌故事落地页。4. 促销相关素材优惠券链接、赠品及包装图片、促销活动规则等，为营销展示做基础准备。三、结构规划

我们会根据不同的产品来规划我们的首页区域，每个区域都有不同的功能，但是众所周知，目前我们的流量有90%都来源于移动端，进店入口通常是产品页而不是首页，所以首页部分我们更多的会关注品牌宣传以及分流的功能。这要求我们对店铺进行准确的分类。例如：店铺以单品爆款为导向的，我们会在页面的不同位置增加这款爆款的入口，让流量聚焦到单品上。店铺以活动为导向的，头三屏我们会尽量放大宣传活动的产品及优惠信息。店铺以粉丝为导向的，则需要添加多个互动入口。同时，在首页结构上不能漏掉的就是对品牌的及时宣传，出现在上中下部的品牌logo，整体配色使用品牌的VI系统，下部的简单品牌介绍，品牌故事页的实力证明规划等等。然后我们会根据规划好的大致结构画出基础的框架做简单的说明。