首页 前端知识 干货!独立站装修指南及案例大赏(上)

干货!独立站装修指南及案例大赏(上)

2024-08-18 22:08:49 前端知识 前端哥 222 963 我要收藏

摘要

本篇文章主要介绍了独立站建站和平台模式建站的差异,以及技术选型指南、网站功能设计指南、网站内容指南和网站视觉设计指南。

小编将分为上下两篇为大家解读。

一、独立站建站和平台建站模式的差异

当谈到在线销售,有两种主要的模式:平台销售和独立站建站销售。这两种模式各有其优劣,平台销售模式主要由平台负责操作,而商家则负责供货和发货,而独立站建站销售则允许商家自由发挥,并提供更多的操作项目。

  1. 对于平台销售模式,它提供了一些优势,比如平台会提供建站、装修、引流等方面的服务,商家只需要供货和发商品就可以了。然而,平台主导操作,商家的自由度相对较低,这意味着商家的控制权较小,平台对商家的操作限制也相对较多。

  2. 而独立站建站销售则为商家提供了更大的操作自由度和能力,因为商家可以自由地操作各种项目,从而提高其品牌调性。尽管商家在操作项目上有更多的自由度,但需要花费更多的精力和时间来打造一个品牌。

  3. 为了更好地了解独立站建站销售,本文将提供一些关于独立站建站装修的指南,并且提供一些案例供参考。

二、技术选型指南

  1. 建站的第一步是选择建站技术方案,需要在前端自建站和建站工具建站两个方向上选择一个。

  2. 视觉最优秀的站点往往不是建站工具的,如果想要达到最好的视觉效果,建议选择前端自建站的方式

  1. 十分好看的站点举例:

  • potterybarn.com 用的是自定义的建站方式(custom cart)

  • carparts.com 等大的汽车配件站点,用的也是自定义的建站方式。

  • 因为大站有更多的技术资源来建站,而技术能力越强,越倾向于前端自建

图片


图片

3.规模不大的生意,可以选择shopify,星盘等建站工具。shopify的优秀站点看起来的主导航结构都差不多,是一种范式。相对于自定义建站采用了比较简单的展示。笔者觉得shopify有一种将电商simplify的理念,最简单的就是最好用的。以下是TOP shopify站点的展示。

a.https://skims.com/

图片

b. https://www.sanrio.com/

图片

c.https://www.stevemadden.com/

图片

4.对品牌表达有较高的要求,除了自建站外,还可以考虑bigcommerce平台。bigcommerce有很多的品牌站点,好看,颜值高,调性足,从网站结构上看,相对个性化,没有使用通用的样式。

a.https://www.olay.com/

图片

   

 b. https://www.zgallerie.com/

图片

c.https://mountainroseherbs.com/

图片

5.可以结合您的生意情况可以参考上面的案例使用不同的技术方案。如果对于技术选型有困难,不妨联系星盘的解决方案团队,会给您提供建议和参考。

三、网站功能设计指南

当选择好技术方案时,需要按照客户视角(用户视角)和行业特性来设计网站的整体风格。本原则对于自建站或者建站工具建站都适用。

  1. 用户视角的基本设定

  1. 用户视角指的是思考的逻辑是以用户的角度来进行需求整理,我们首先要知道用户是谁,也就是要给用户画像,当我们能够举出很多用户类型,每个类型能有一个例子的时候,或者我们找到典型用户的时候,用户画像的工作就完成了

  2. 理解一名用户有三个角度:

  • Needs(本能需要)are the basic human requirements such as for air, food, water, clothing, and shelter. Humans also have strong needs for recreation, education, and entertainment.

本能需要取决于人的物理属性,也就是Biograhpy方面的因素在发挥作用。

  •  These needs become wants (当前想要)when directed to specific objects that might satisfy the need. A U.S. consumer needs food but may want a Chicago-style “deep-dish” pizza and a craft beer. A person in Afghanistan needs food but may want rice, lamb, and carrots. Our wants are shaped by our society.

    当前想要由Physical Benifit决定 ,Timing时机和Situation环境的因素在发挥作用

  • Demands (能支付的起的需求)are wants for specific products backed by an ability to pay. Many people want a Mercedes; only a few can buy one. Companies must measure not only how many people want their product, but also how many are will- ing and able to buy it.

    Demands取决于能够付多少钱,由支付能力来决定。

图片

c.进一步,用户细分的维度:

  • 按照Needs来分,主要是人的物理属性的区别方法,比如年龄,性别,消费能力等等

  • Wants则和表现出需要的条件有关,比如节日、天气、人生大事

  • Demands的细分则是按照购买行为表现,比如GMV,LTV,RFM等等

  • 这些用户细分是用户增长运营(数据化运营)的基础。

d.我们理解用户是谁了,我们就可以为这个人来设计用户动线。

2.用户动线的设计原则

a.用户动线的设计需要按照用户的行为模式:

  • 行为模式指的是,用户为了满足其需求,其采取的行为动作的链路

  • 比如货架电商,找品-比价-比服务-下单,等等

图片

  • 在汽配电商的案例中。因为汽配用户在找汽车配件的的过程中,需要判断车型。因此找品的过程更复杂,就变成了找车型-再找品,或者是找到品-核对车型,和货架电商产生了区别。

    图片

b.用户动线的设计原则:

  • 最短路线中展示最优的内容

  • 在串联动线的前后,需保证上下文的一致性,也就是内容、文案、样式的一致性,这可以确保用户能够理解,可以正常进行操作。

c.用户动线设计进阶的方法就是,按照用户的细分来设计不同的用户动线。这里就不做赘述。

3.在用户增长运营(数据化运营)中,存在两种主要的思维模式:

a.基于用户需求的数学分类来定义用户画像:这种方法侧重于通过数学分类预测用户需求。例如,通过分析用户在购买生命周期中的行为,可以判断其需求,并据此提供相应的内容,如商品推荐、促销活动或植入广告文章等。此外,该方法还涉及优化工具的应用,即为特定用户群体提供定制化的工具,以增强用户体验和满足性。

b.基于用户行为的具象化理解来定义用户画像:这种模式强调理解用户行为背后的具体需求。例如,通过用户购买婴儿纸尿裤的行为来识别并针对性地营销给宝妈群体。又如,使用电子直邮营销(EDM)工具根据用户发送电子邮件的频率来判断是否为企业客户,从而提高销售转化率和效率。这种模式注重于从用户行为中提取有价值的信息,以实现更精准的市场营销策略。

4.用户心智的打造:

a.用户心智的概念涵盖了两个层面的含义:

  1. 狭义的用户心智:这指的是用户对商家提供的工具、产品和服务的主观评价和判断。它反映了用户如何看待和理解这些元素,以及它们在其日常生活中的适用性和效用。

  2. 广义的用户心智:更加全面地指用户遇到问题时的思维方式,即形成判断和采取行动的底层逻辑。这不仅仅局限于对特定产品或服务的看法,而是涵盖了用户在面对各种情境时的思考和决策过程

b.案例分析:

  1. 在购物行为中,用户心智的核心考虑通常是价格的合理性和服务的质量。

  2. 当用户寻找便宜商品时,他们首先选择的平台(如拼多多、淘宝、京东或抖音)反映了其内在的消费心智。

c.因此,对于商家而言,在站点设计时应考虑以下要素:

  1. 明确的价值主张:清楚地向用户传达商家提供的商品和服务种类。

  2. 实质性商品与服务的有效展示:在提供产品和服务的同时,以合适的方式向用户展示这些价值,从而培养用户心智。

d.案例应用:

  1. 宜家通过在雨天提供低价雨伞的策略,培养了人性化的消费心智。

  2. 拼多多的百亿补贴策略塑造了其商品价格低廉的形象。

  3. 淘宝天猫的“极有家”营销强调了商品的美观性。

  4. 顺丰快递以其高效的服务赢得了“服务好且快”的声誉。

总结来说,用户心智的培育是一个涉及多方面因素的过程,包括品牌形象、市场定位、用户体验和沟通策略等。通过细致的策略和实施,商家可以在消费者心中树立积极且独特的品牌形象。

图片


星盘跨境shopastro致力于提供中国品牌出海一站式全链路解决方案,实现高效引流、精准获客、全方位营销,以高性价比的精细化运营帮助卖家完成品牌流量的变现及价值输出。

转载请注明出处或者链接地址:https://www.qianduange.cn//article/16140.html
评论
发布的文章

安装Nodejs后,npm无法使用

2024-11-30 11:11:38

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!