电商页面设计（淘宝网页设计）

大家好！今天让小编来大家介绍下关于电商页面设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

创意岭作为行业内优秀的企业，服务客户遍布全球各地，相关业务请拨打电话：175-8598-2043，或添加微信：1454722008（行业最低价）

文章目录列表:

• 1、电商首页、详情页内容设计

• 2、什么是电商设计?那么电商设计的前景如何呢?图美视界告诉你

• 3、电商设计有哪些基本规范?

• 4、平面设计和电商设计有什么区别？

一、电商首页、详情页内容设计

入职至今的核心工作，基本是围绕网站页面优化展开，具体来说是网站的首页和商品详情页。在项目过程中，也进行了不同电商网站首页和详情页的内容设计探索调研，一点总结分享给大家。

根据马斯洛需求层次理论，人的需求可以按照生理需求、安全需求、社会需求、尊重需求、自我实现依次递进。生理需求泛指基本的生存需求，吃穿住行都可以归纳进来；安全需求指的是人身安全、健康保障、财产安全、工作等；到最后一级的自我实现，则已经上升到了精神的层次，带头作用、价值观、领导力等等，所以，电商可以满足这其中的哪些需求呢？

从广义角度来讲，一切可以在网络上进行交易的业务都可以归到电商的范畴，并且电商发展至今，模式形态已然非常丰富，包括o2o、新零售等概念在内，最终的交易环节可能提前可能置后，可能在线上也可能在线下，但都离不开让商品更高效得触达用户。上述这些用户需求，或多或少都可以通过物质得到满足，无论是实物还是虚拟资产，因而可以说，电商的业务范畴可以涵盖用户所有层次的需求，或深或浅。举个例子，人们生存于世，需要一个能遮风避雨的住所，这个住所首先满足了人们的生理需求，能住；其次，如果这是一套安全设施完备的房子，甚至还能增值，则可以满足人们的安全需求，包括生理和财产；再进一步，如果这套房子是坐落于市中心的别墅，价值不菲，那么它在一定程度上也能体现主人的实力，可以满足一定的尊重需求；甚至因为这套房子价值太不菲了，已然成为了主人实力的象征，那么自我实现也可以通过这套房子有一定体现。针对这套房子，从找房到最终交易，都可以通过电商实现。

所以，电商的业务范畴，可以涵盖人们有关物质，不论虚拟还是实物，所有的需求。

电商的业务范畴如此之广，详尽研究的话是一项浩大的工程。在这里笔者只就综合类电商（淘宝、京东等）、生活服务类（美团、大众点评、每日优鲜、京东到家、去哪儿等）、大宗商品类（链家、瓜子二手车等）进行展开讨论。

对于综合类电商，用户需求场景基本可以分为：

1、有明确的需求：朋友家的那款冰箱不错，我也想买；

2、有品类的需求：我想买冰箱、我想买海尔的冰箱（只要没具体到某一个商品）；

3、闲逛类需求：我就想逛逛；

综合类电商的商品概念等同于一个大型的购物商场，内容非常丰富。有的用户需求明确，有的用户想逛一逛碰碰眼缘，而用户决策的考量范围也比较广：合不合眼缘、品质如何、价格如何、评价如何、物流速度怎样···当然每种考量因素的权重根据不同商品会有所区别。

对于生活服务类电商，需求场景可能是：

1、有明确需求：昨天在朋友家吃的xxx不错，我也买点儿做一做；那款旅行产品的评价很好，我也想买一个体验一下；

2、有品类需求：我想买菜、我想去旅游；

生活服务类电商再细分下来，可以是快消类（生鲜蔬果等）和旅行团购类（旅行产品、团购服务等）。快消类区别于综合类电商的一个重要场景因素是，用户更注重交易的实效性，并且很多是基于地理位置的交易。你可以等一件衣服等3天，但不能等一斤午饭需要的蔬菜等3天，以及考虑到运费，显然家门口的店比另一个城区的店更合适。而旅行团购类商品，用户往往更看重评价。

对于大宗商品类电商，需求场景可能是：

1、有明确需求：我想买一辆不超过10万的奥迪a6、我想买一套一室一厅南北通透不超过100万的房子；

2、有品类需求：我想买一辆还不错的车、我想买一套还不错的房子；

大宗类商品涉及的交易金额一般比较大，各种手续相对复杂，用户往往更看重品质和服务。像房子、车子这种，网络上的图片和文字信息略显单薄，基本需要实地“验货”，当然，随着各种新技术如全景、3d、ar、vr逐渐发展成熟，让用户在网络上即可“身临其境”，并且能下购买决策，也不是不可能。

在上述这些需求分类里面，明确的需求和品类的需求，需要针对不同业务场景具体探讨，大致是根据用户选择条件的颗粒度来进行归类。而闲逛类需求，基本只会发生在综合类电商中，因为当人们来到具体到某一品类的电商形态中时，必然是已经有某种购买需求的。

用户行为路径的详尽分析，需要具体到每一种电商形态中具体探讨。整体而言，可以从新用户、需求明确、品类需求、闲逛需求来进行划分，具体如下：

根据用户的行为路径特点，可以得出电商首页、详情页的页面目标：

1、首页：确认用户目标位置，促进快速向下转化；没有目标时，创造目标；

2、详情页：确认用户对当前商品的意向值，促进决策；没有意向时，拓展意向；

首页需要完成流量的精准分发，针对当前用户的需求，引导至相应的下一级页面；详情页，则需要详尽且易读得展示当前商品的内容，促进用户完成决策。先具体说说首页内容设计，拿大宗二手商品举个例子吧，受品类等实际情况所限，能来到首页的用户，基本是有需求的用户，可是该用户想要什么呢？

分为两种情况，在用户需求比较明确的情况下，直接给一个搜索-筛选入口即可，当然结果的展示策略会比较复杂，需要考量用户行为、商品自身品质等，并且是按照sku维度还是按照spu维度进行展示，也是一个需要考虑清楚的问题。二手商品并非标品，貌似天然是sku维度，但是当一名用户想花10万元选一辆车时，是推一堆大众出来，还是将品牌聚合起来，展示出不同品牌呢？这里还涉及到用户路径深度的问题，电商都有一个漏斗原理，用户路径越长，流失率越高，怎样兼顾这几类因素，给到用户最合理的展示策略，是需要分情况具体讨论的。

而对于需求不明确的用户，此时在推荐展示策略方面，可能是最热门的服务内容、品类标签展示，因为热门可能等于80%的用户需求；对于老用户，则是根据用户浏览、收藏等行为圈出来的服务、商品露出，这是定量的精确的触达。用户在首页找到下一级出口时，就需要一个包含更详尽内容的页面来承接，大概率是某一类商品的聚合页，甚至可能是商品详情页，总之是接得住入口指向的页面。

对于平台服务繁多的情况，比如阿里、京东等，业务内容十分丰富且复杂，大家都想占据一个有利的流量入口，那么怎样决定业务露出的优先级呢？基本是两条腿走路：用户偏好和战略推动。用户偏好即上述的根据用户行为计算出的展示策略；而战略推动，则是指公司重点推进的服务内容，这个不倚靠用户的选择，在推动业务时期，必然是强行推到用户面前的选择。

至于具体展现形式，如下图所示，内容虽然千千万，但核心就是尽可能贴合用户真实需求。

再来说说详情页的内容设计。电商的商品详情页是提袋转化的最后一环，是用户黄金购买流程中最重要的页面，直接决定用户买不买这件商品（对于大宗商品，可能是肯不肯花时间去实地看），因此各家的商品详情页基本都是商品信息的堆积呈现，通过不同展示手段（图片、视频、图文等）展现商品，通过不同的排列组合手段，提高用户浏览效率，也会结合营销、服务内容，促进用户决策，最后还会提供流量出口，促进用户再看、多看。

对于页面具体的内容展示策略，这里就不展开讨论了，本质还是需要跟业务定位相结合，才能打造出真正贴合用户需求的产品。

首页作为流量分发的首要页面、详情页作为流量转化的最后一环，重要性自不必说。各家在研究首页、详情页应该怎样满足用户需求、业务需求时，需要根据公司战略和用户的显性、隐性需求进行系统化的适配，以此来取得平衡。像电商这种起家就是商业变现的产品，怎样平衡用户需求和业务需求也是一个被反复探讨的命题，好在随着技术的发展，这两者已经从相对对立转变成相辅相承了，前提是页面需要活起来，这个入口究竟加不加，你不知道我也不知道，但是用户知道，根据用户的行为反馈选择性展示，用户需要时就出现，不需要时硬怼也没有意义，不断的测试加数据分析，可以解决80%的争议。

emmm这段又扯到数据产品的话题了，还不太熟，暂且到此吧。

二、什么是电商设计?那么电商设计的前景如何呢?图美视界告诉你

以前推出一个新品牌要做的第一件事是什么？

开品牌店。所谓品牌，得先有自己的一亩三分地，然后再待价而沽。这是货架电商时代的逻辑。

内容电商时代，这个逻辑变了。新品牌要做的第一件事不一定是开店。

据一份报告显示：2021年1-11月，抖音电商新品牌月度交易规模月均环比增速超24%；11月，入选“抖音电商新品池”的新品牌商品数量比5月增加了77%。

这些数据来源于《2022抖音电商新品牌成长报告》，报告通过提取2016年之后建立的、具有三大特征（通过新兴数字渠道、使用创新营销手段、满足新生消费需求）的年轻品牌作为样本，拆解了这280个品牌的成长历程。

这些新品牌在抖音电商实现快速增长，几乎都始于同一个动作：“做内容”，包括直播和短视频。而开直播、制作短视频内容，和开店背后的能力要求完全是不同的，带来的品牌成长效果也不同。

从开店到开直播，只是变化之一，更多的变化藏在宏大深刻的时代背景中，比如新技术的出现、新人群的成长、新市场的重塑与挖掘等等。

在这些背景下，新品牌们面临的竞争形势与过去可谓天壤云泥，其中有更大的挑战，也有更为有利的条件，总的来说，机遇要大过挑战。重点在于，新品牌们需要建立全新的人货场连接、增强品牌在内容电商时代的核心能力、找到适配这个时代的新生意法则。

在这样的背景下，抖音电商发布的《2022抖音电商新品牌成长报告》就成为了一个里程碑式的事件，报告中那些新品牌们的成长故事变得具体而引人深思。一个非常有启示意义的点在于：2022年新品牌们最大的机会，或许就在抖音电商。

1

为什么抖音电商更适合新品牌？

传统意义上，新品牌的启动不是一件简单的事，而是存在系统化挑战的一项复杂工程。

货架电商时代，只是把线下开店的套路搬到了线上，反而因为创业者们不熟悉数字化而带来了更多的挑战。新品牌的增长也困难重重，梦想中的飞轮效应大多止步于启动的第一下。

相形之下，抖音电商的新品牌要开启生意的第一步就简单的多，开直播间或者通过短视频集中向消费者传递好一款爆品，足矣。

比如羊绒品牌洪陵，在2020年开始在抖音电商做品牌自播，一开始创始人自己上播，连续100天每晚19:00准时开播，属于完全的冷启动。

洪陵作为2017年创立的新品牌，羊绒衣物的产品力很强，对标大牌，产品平均客单价1000元以上，但是性价比高，他们通过品牌自播很快就打到了真实的消费者需求，去年11月实现交易额9970万元。

同样是做品牌自播，2021年3月开始，零食品牌王小卤仅用一个月，日销从0攀升到了10万件。而背后凭借的核心产品是一款爆品虎皮凤爪。

2021年7月，王小卤将抖音电商运营优先级大幅提升，抖音内投放直接导入抖店，当月GMV突破1000万，内容转化率提升40%。

在抖音电商，像洪陵、王小卤这样参透了“生意密码”的新品牌比比皆是。

连咖啡，4个直播间并行高速测试快速迭代，积极参加抖音电商的各种活动，比如6月份的食饮品类节、8月份的818好物节，最终凭借一款爆品“鲜萃意式浓缩咖啡”，成功实现了新品牌出圈。

在洪陵、王小卤、连咖啡等这些新品牌通过抖音电商快速成长的背后，其实隐藏着新品牌们在内容时代之所以能快速出圈的四个底层逻辑，也是抖音电商更适合新品牌的根本原因：

一、更易于沟通的形式

第一，相比于货架电商的图文形式，抖音电商的短视频和直播形式，可以更有效地展现新品牌、新品类不同于“老品牌”们的突出卖点，本质上是构建起了更有利于那些“有想法”的新品牌与消费者建联的沟通场景。

在抖音电商，新品牌可以应用O-5A品牌资产方法论，通过沉淀管理关系资产+人群分层精细化运营，来实现新品牌用户群体的扩大和人群转化效率的提升，进一步建立品牌竞争壁垒。

二、释放供应链压力

传统意义上，新品牌开店的核心是“店铺”，而抖音电商的新品牌们核心是“产品”，那些原先做供应链的厂方、源头商家等等慢慢在内容电商时代跑出来了，为什么？因为做产品和做店铺的人员构成是不一样的，而现在短视频平台更偏重单品带动系列，这些供应链优势反而得到了释放，也就是前面故事中提到的“一个爆款足矣”。这样做的成本更低、资产模式更轻，运营起来也其实是更聚焦、更直接。

无独有偶，《2022抖音电商新品牌成长报告》也指出，抖音电商已成为爆款打造的重要阵地，抖in爆款榜发布以来，入选的新品牌商品数量增长4倍+，每月购买1次以上爆款商品的消费者超73%。

成本低是优势，而这个优势背后也是需要有平台级支撑的，为什么新品牌可以更轻松地通过直播间和短视频打造爆款？因为抖音电商提供了一套强有力的方法论支撑，帮助新品牌们围绕产品迅速建立起内容时代的能力护城河。

在《2022抖音电商新品牌成长报告》中，这条能力护城河被概括成“八大能力模型”：商品能力、内容能力、流量能力、达人能力、直播能力、服务能力、团队能力、品牌能力。

倪叔认为对于新品牌们来说，这八大能力中最核心的能力是商品能力、直播能力、服务能力。

商品能力通过选品、测品、商品优化，能让新品牌迅速确立要在抖音电商传递给目标消费者的核心爆品是哪一款；直播能力则更容易理解，如何做商品组合、设计直播场景、选培品牌主播、分析数据等等，都决定了品牌直播间的最终转化效果；服务能力打造的是新品牌长期经营的能力，爆品只是敲门砖，决定新品牌持续发展的是成交之后的动作，包括物流、售后、退换货等等。

三、更平等的机会

抖音电商的平台“生态位平权”机制对于品牌们的机会更均等。一方面，如果在传统场景下，大品牌很容易就能通过复制新品牌们的创新打法而打价格战。而在抖音电商，其实新品牌和大品牌是站在同一起跑线上，大家一起做直播，适配的是一样的平台法则和生意法则。另一方面，通过直播间带货、短视频密集投放短时间内多次触达消费者，新品牌也可以获得与头部品牌们同等的向消费者展示自己的机会。

四、借助达人加速品牌破圈

这个时代，产品供给极大丰富导致产品同质化严重，新品牌们很难通过传统渠道抢到市场话筒，用户决策也更难，也就是“选择困难”，直播带货和短视频这种方式将“背书”从品牌时间资产转移到了“达人”“主播”们通过内容和粉丝建立起来的“人与人的信任”，通过抖音电商达人、主播们“以人为主体的内容消费模式”，新品牌们得以投入更低成本获得更多的人群资产。

《2022抖音电商新品牌成长报告》数据显示，借助达人矩阵这一“生意增长的放大器”，众多新品牌快速入场，并基于达人的影响力，加速实现自身影响力的跃迁。

2

新品牌如何实现“货找人”？

说到人群资产，其实这是抖音电商提供给新品牌们的一片肥沃土壤，也标志着这个时代新品牌们做生意的逻辑在发生变化。

以前新品牌开店是“人找货”，是搜索逻辑，流量和需求都是相对固定的。

现在是“货找人”。

其实就是对“需求”与“供给”的相互关系进行了重塑。以前之所以是消费者通过搜索商品进而完成消费，这个链路的本质原因是“缺乏内容”。抖音电商“货找人”正是建立在有足够丰富的内容基础上，供给方变得更主动，需求方的潜在需求也通过“货找人”变得更容易被挖掘，消费边界被大幅拓宽、深挖。

所以新品牌开直播，或者借助于中小主播、达人直播间、短视频内容的本质就是将品牌在传统链路下的“被动”化为“主动”，更深刻地进入消费者心智，而“做内容”的成本显然比传统的“做渠道”“做品牌”要低得多，是在以更低的成本与更高的效率去兑现“货找人”。

那么，新品牌为什么要选择去抖音电商做内容？

首先是大的背景，兴趣电商的生意逻辑被证明是成立的，本质上是抖音有6亿+日活用户，抖音电商用商品和内容去勾起兴趣，激发消费需求，帮助新品牌用好这6亿+日活。

其次就是抖音电商发展至今，其实已经积累了很完整的方法论，这也进一步降低了新品牌们的成本，提高了成功率。

比如王小卤，通过巨量引擎的营销工具，把购买过产品和潜在用户画像进行了一层一层筛选，从而精准找到了目标人群：“80%的用户是女性”。

圈定人群后，王小卤效果类投放与品牌内容输出两手抓，通过中腰部KOL以短视频、直播、信息流的方式持续触达人群；还拍摄乔杉代言人广告、《飞机篇》趣味广告等内容。通过趣味性、场景化的内容，对精准用户群体多点反复触达，并借助零食类品类相对决策较轻、具有一定即使冲动转化属性的特征，王小卤成功卖爆，实现了千万级月销，内容转化率提升40%以上。

这种方式是行之有效的，数据显示，兴趣电商“货找人”给新品牌们带来的是迅速增长的生意新增量。不仅是王小卤，还有其他无数新品牌。

据《2022抖音电商新品牌成长报告》数据显示，抖音电商，2021年新品牌短视频播放量在提速，一个充满想象力的新品牌“货找人”的生态已经出现飞轮效应，这种增长会继续下去。

说了这么多新品牌“货找人”的故事，难道抖音电商只做新品牌吗？不是的，从C2C再到B2C并行，依旧是新电商绕不开的路，抖音电商的未来也必然要从“兴趣集市”走到“品牌商城”这一步，通过用户主动搜索再到品牌商城，“人找货”的通路也会更加完善。

3

你永远不知道人们会对什么感兴趣

抖音电商与新品牌的关系更像是共生而不是雇佣或者主客。

这种共生关系其实也是商业逻辑决定的。抖音电商“兴趣电商”需要更多的赛道品牌去支撑兴趣内容，这是图文货架展示逻辑的边界所限，恰是兴趣电商不断外扩的想象空间，因为你永远不知道人们会对什么感兴趣。

连咖啡的短视频内容并不是刻板印象中一味灌输“咖啡是什么”，而是结合抖音电商“新奇特”的产品表达方式，持续激发用户消费兴趣，告诉人们“咖啡可以这样喝”。

“人人都是咖啡师，处处都是咖啡馆”，预包装的形式彻底颠覆了传统咖啡产品的人货场关系，精确地激起了那些既想要咖啡店品质又想要DIY的潜在用户的消费兴趣。

激起兴趣的本质，其实就是我们常说的“击中痛点”。

国货睡眠品牌翼眠，创作出100多版视频，借助巨量千川，不断迭代筛选出精准击中用户心智的3版品牌内容短视频，成功地抓住了潜在人群的消费兴趣，总结经验时他们说：第一是内容一定要真实，第二是“黄金三秒”，在抖音电商抓住用户兴趣的就是视频前三秒。

在与抖音电商达人合作的过程中，翼眠积累了丰富的直播切片素材，每月能供给上千条视频，经过剪辑制作之后持续反哺品牌短视频，从而持续高频地激发消费者兴趣，实现超级转化。

新品牌们在抖音电商拉开了新阵地，这个阵地的能量天花板取决于人们的兴趣到底有多少。而一个类似常识的结论是：人们的兴趣是无止境的，因为谁也不知道人们在下一秒会对什么感兴趣。

尽管如此，抖音电商还是从海量的信息中提取到了一些更加确定的趋势，《2022抖音电商新品牌成长报告》也给出了5大消费趋势洞察：

健康深入人心，超过72%的消费者更加在意产品成分、用料等等；品质为本，以品质作为品牌之本的新品牌将迎来更多关注；创意为先，有创意、有个性、和年轻用户高效建联成为新品牌们特别要发力的方向；精致内容成为新品牌在抖音电商做短视频的重要基础；国潮正当时，在抖音电商，国货潮物将继续攀升热度。

由此也可以预判，新品牌们在抖音电商做内容型直播、短视频已经成为一个实现品牌增长的必要条件。

从这个视角来看，兴趣电商的想象空间是巨大的，这意味着新品牌们不仅拥有了更简单的启动模式，还拥有了可以尽情翱翔的海阔天空。

三、电商设计有哪些基本规范?

什么是设计规范

首先，我们要知道什么是设计规范。通俗的来说，设计规范就是对设计元素进行一些规范化的限制规定，诸如颜色，形状，大小等等，方便后续延展时，能够很好的保证视觉上的统一性。对于前端开发人员来说，提供了一份参考，实现时能更加准确，从而也减小了复核的工作量。

设计规范应当避免两个的坑

1.避免写得过于“精细”

规范应该是针对整个项目通用的，所以要善于提炼出重叠的部分。对于某个界面特有的元素，就不要列入了，写的过于“精细”，便成了单个页面的标注和需求，失去了意义，而且在使用的过程中，定的太死也会出现一些问题。我们来看一个例子：

在针对二级导航栏做规范设计的时候，这里并没有考虑到二级导航栏的选项数是不确定的，所以这里的给出的选中条宽度的限制是无意义的。在执行过程中如果严格遵循，也会出现问题。

2.避免将需求文档摘抄一遍

一般情况我们都会先拿到需求交互文档，然后再开始设计。程序也会先看需求交互文档。所以没有必要将需求交互的说明文字再添加到设计规范里面，这样会导致整个文档拖沓冗余。还是举个例子：

在上面的规范中，除了元素大小，颜色，边距，其他均为需求交互文档里的内容。重复交叉的描述大大增加了阅读时间，不利于快速方便地查看。

以上两点是很容易出现的问题，有时候可能为了显得“丰满”，不自觉地就写多了，其实效果并不好，还是简练方便的文档更好用。

如何搭建设计规范

1.搭建时间

新的项目开动后，初期页面审核完成时即可开始整理规范。在整理的过程中可能还会遇到一些小小的改动，需要不断调整。当设计基本稳定时，规范也相应的可以制定出了。

2.搭建的要点

设计规范很重要的一点，就是提炼要点，形成该项目独有的设计语言。也可在自由发挥的部分给出一些指导建议，使得整个项目更具有统一感。比如可以从字体，颜色，图标，控件等角度出发，进行阐述。语言尽量简单明了，使用表格、图片等更有利于查看。

四、平面设计和电商设计有什么区别？

【电商设计】属于设计领域的一个方面：比如我们在某宝上面看到的banner图（轮播图）、店铺的首页、产品的详情页、主图等都属于电商设计的范畴。

以上就是小编对于电商页面设计问题和相关问题的解答了，如有疑问，可拨打网站上的电话，或添加微信。

推荐阅读：

电商运营岗位晋升条件（电商运营岗位晋升条件及要求）

什么叫电商销售（什么叫电商销售业务）

杭州跨境电商培训机构十强（杭州跨境电商培训学校排名）

杭州6月重大活动（杭州6月重大活动名单）

狂暴传奇绿色版无限灵符（狂暴传奇绿色版无限灵符兑换码）