商城吸睛有赞自定义模版全攻略

ThankYou！潇楠简单的自我介绍花语集微信公众号PV贡献最多的人花语集营销总监|微信运营负责人范潇楠Other成都人85后曾任上海普类广告AM/联合创始人专注品牌营销、社会化媒体、互联网广告、数字户外媒体白羊座服务知名&不知名客户水立方/鸟巢/世博轴数字户外媒体运营设计一切设计的本质是源于需求的驱动运营微信公众帐号和有赞商城有什么具体需求？品牌力传播客户情感沟通拓展新销售渠道品牌打造的核心在于拥有品牌力量，我们意在让它通过微信被主动地传播。那么打造品牌力，一定需要具有高度鲜明的视觉识别度和内容识别性。企业愿意不惜重金构建VI体系也是一样的道理。这时候好设计就是东风。把某件产品与某种情绪相关联，这是营销人所要思考的。我们需要直击人内心最柔软的地方，而视觉感官正是人最敏感和最直接的通道。即便是单纯的文字排版也会带给读者不同的情绪。这是个快生活的年代，企业都想去争取消费者那可怜的碎片时间，微信于移动互联的意义不必多说，将商城开进微信里，目的就是产生购买。但是这个商城可以是小卖部也可以是新天地。那么问题来了。分解为功能需求品牌主视觉展示产品/服务介绍营销/促销活动品牌/内容传播产品/服务售卖品牌故事与背书客户及会员沟通展示介绍活动传播售卖背书沟通集合官网移动接下来就用有赞商城打造一个同时具备以上所有功能属于品牌自己的移动官网有赞不只是商城扫一扫，边看边学扫码关注后点击下方的“花语集市”花语集移动官网首页P1花语集移动官网首页P2花语集移动官网首页P3花语集移动官网首页P4花语集移动官网活动专题花语集移动官网关于品牌我们通过有赞自定义模版打造出了花语集单页网站单页网站对于单页网站最为传统和直接的定义是：只有一个页面的网站。随着移动互联网的发展和手机使用频率提高，这类网站大量的出现在手机端的浏览和应用潮流里。但是其功能再不只是狭义的被定义为只有一个页面，而是顺应手机使用习惯，将更多的信息通过超长的图文页面尽可能的全部显示在一个页面，并且通过某种连贯的逻辑场景自上而下地引导用户阅读。有赞商城的自定义模版就是我们眼前最简单最快速的单页网站搭建工具，并且同时具备展示与售卖结合的完美功能。所以是时候换个思维来看你的有赞商城了：有赞不仅是商城。商户使用单页网站形式的优势最佳手机浏览体验用户要浏览单页网站，只要知道如何滚动就行，几乎所有的内容都在一页之内。完全不用担心用户身陷多层导航中，无休止地寻找他们所要的东西。NO.1主要是以下面三种基本的方式持握的单手–49％环握–36％双手–15％滚动页面可以承载足够多的内容其带来的即时反应刺激用户体验商户使用单页网站形式的优势NO.2故事手法促使用户带入自上而下的浏览方式，本身容易将观者带入叙事和讲述的视角，从而引导用户按照商户所设计的阅读逻辑和场景，一步步促进转换，激发用户产生行为。时间逻辑春夏秋冬清晨到日落场景逻辑办公居家旅行使用场景叙述逻辑whowhyhow商品逻辑上新热销品类关系分布举个栗子举个栗子举个栗子商户使用单页网站形式的优势NO.3大背景图片和视觉冲击单页网站多使用多张大背景图片以海报形式分层展示，这样不仅能产生强烈的视觉冲击力，还可以对网页内容起到一个很好的补充，有效的突出品牌形象。ABCD商户使用单页网站形式的优势NO.4固定的布局更加整体一旦你脑海中有基本的布局，单页网站还能利用其特定的设计约束来加快进程。尤其单页网站的各个部分都保持无缝衔接，使得整个页面不仅更整体，各个板块之间的设计元素也非常统一，因此加快了设计速度，一气呵成。特定的设计约束通栏大图背景固定标题栏设计固定的分割形式垂直排列的板块布局固定的色彩搭配纯文本排版创意设计固定模块统一复制运用商户使用单页网站形式的优势NO.5它迫使你简化简洁这条构筑了上面一点。当你只有一个页面要处理，你不得不把一切简化为它们最基本的形态。不再需要一页毫无用处的市场宣传。你必须直截了当、开门见山。展示你宣扬调性、直示你的优点，售卖你的产品和服务。用户喜欢简约整洁的页面喜欢简单粗糙无美感页面≠用户厌烦直接的广告推销置后或淡化产品售卖内容≠将网站所有的内容精简整理，删除连自己都不会看的内容，删除不清晰的图片和图标，删除多级链接，用图片和排版代替密密麻麻的文字。用户在用手机扫视你的网站时，没法仔细阅读每一个字，而是寻找：关键词。一句话。一个链接。一个图片。它们组成了一条高架桥，帮助用户快速得到信息。而这座高架桥就是我们这些运营者要构建的。自定义有赞商城自定义模版全攻略怎样通过有赞商城构建一个自己的单页网站呢？1.玩转微页面的工具和表现方式2.策划首页构架提出设计需求3.页面设计与创意创新那么问题来了。玩转微页面的工具和表现方式它就像是一个基座模块，几乎所有的视觉效果都来自于它。而正是它通栏的设定，决定了整个页面垂直排列的板块布局。单页网站最基本最强大的构建元素：图片广告功能品牌栏固定分割模版分类标题栏文字排版主视觉海报活动专题海报产品海报链接按钮玩转微页面的工具和表现方式它就像是一个基座模块，所有的视觉效果都来自于它。而正是它通栏的设定，决定了整个页面垂直排列的板块布局。单页网站最基本最强大的构建元素：图片广告品牌栏玩转微页面的工具和表现方式它就像是一个基座模块，所有的视觉效果都来自于它。而正是它通栏的设定，决定了整个页面垂直排列的板块布局。单页网站最基本最强大的构建元素：图片广告固定分割模版固定的分割模版让用户更清晰更快的理解展示逻辑。玩转微页面的工具和表现方式它就像是一个基座模块，所有的视觉效果都来自于它。而正是它通栏的设定，决定了整个页面垂直排列的板块布局。单页网站最基本最强大的构建元素：图片广告分类标题栏及文字排版通过透明背景的文字图片，可以解决微信默认字体与排版限制，同时包装了文字的清晰细腻。保存为PNG格式新建PS玩转微页面的工具和表现方式它就像是一个基座模块，所有的视觉效果都来自于它。而正是它通栏的设定，决定了整个页面垂直排列的板块布局。单页网站最基本最强大的构建元素：图片广告一个个，不同形式，各有分工的图片广告。按照640px*XXXpx的尺寸垂直向下摆列。最后拼接形成了整个网站。如果说设计要做好一个商城首页的关键就是如何玩转图片广告这个模块，一点都不夸张。有赞给了我们最简单易用的工具，但是如何发挥他的功能，再此基础上创新可能考验的是策划能力和设计师的空间想象力了。玩转微页面的工具和表现方式正因为用户可以通过滚动来浏览你的网站，但并不意味着这是最友好的方式。如果你的网站很长，有很多部分，这点尤其正确。除非有特别好的理由，还是应该加入直达特定部分的链接，来使你的网站更加友好。导航链接还是有帮助的：图片导航玩转微页面的工具和表现方式商品和商品列表的板式和功能是完全一样的，唯一的区别在于“商品”中你可以自己选择后台上传的任何产品，并通过你的添加顺序进行排列。商品列表，则是从你商品分组中选择任意分组，系统会自动调取。商城的主人翁：商品/商品列表商品列表我建议这样的商品列表设置玩转微页面的工具和表现方式商品模块的产品因为可以自己手动逐一上传，更加适合快速地用于添加热销、上新、活动等需要在页面较突出地方单独现实的产品。商城的主人翁：商品/商品列表我建议这样的大图或一大两小的商品设置玩转微页面的工具和表现方式搜索功能还是很有必要的，尤其在我们产品繁多的情况下，有利于消费者自己搜索，更方便老客户快速下单。让我们更友好的捷径：搜索我建议这样的大图或一大两小的商品设置玩转微页面的工具和表现方式PNG是一种位图图片储存格式，对于我们运用它最大的特点是支持透明形式。因此可以通过透明的背景在固定的模块下呈现不同的效果，PNG格式透明背景下的文字也会比同尺寸的JPG图片清晰很多。PNG图片的运用TIPS纯文本排版图文混搭异型导航图标及链接玩转微页面的工具和表现方式策划首页构架提出设计需求品牌栏活动区导航产品海报或品牌相关主推产品策划首页构架提出设计需求搜索产品分类栏1产品列表1产品分类栏2产品列表2海报或品牌相关策划首页构架提出设计需求要求所有图片的宽度尺寸为640px或以内，高度不限。但是不得不提的是，我们必须为每一张图需要确定一个安全高度，否则图片太长会严重影响图片的完整性。图片设计基本要求页面设计与创意创新保持简单设计如果对于你试图表现的内容而言过于复杂，对你和你的用户都没有任何好处。相反，要尽可能简化设计和内容，还能表达出你要的信息。推荐：PNG格式的文字排版，不仅美观精致，同时加载速度快浏览方便。分割内容单个页面不代表一整个冗长部分。实际上也不该如此。将内容根据逻辑划分为几大块，用户才能更容易找到他们所需。推荐：设计师需要仔细考虑用什么样的形式将不同类别的产品列表进行视觉区隔，可以是色块也可以是精致的标题栏，这也是发挥创意的地方。页面设计与创意创新让所有的图片都有所作为不要辜负用户的流量，通栏大图是单页网站的特色之一，也是其流行的原因。但这些大图有时候也可以很朴素，或带有平铺纹理，同样有助于划分内容。再者，图片广告未必要是单一的图片。可以是一系列图片，如果这样做与内容更相符的话。建议：利用好广告图片之间0间隙的拼接方式，可以做到一个可分别点击的图片海报。用户滑动的空间在用户浏览内容或者滚动屏幕时，一定要保证他们不会意外执行预期外的操作，或者激活不需要的对象。换句话说，屏幕上各个元素之间的间距必须足够大，让用户能够轻松在其间进行导航。建议：不要让所有的图片都可以点击跳转，这样会让用户摸不着头脑，或者引起误操，可以点击的图片必须在图片上标明。页面设计与创意创新垂直节奏之前的首页架构策划能够创建出一套内容流，通过视觉设计我们可以进一步在内容的视觉层级内实现更高的明晰度。合理利用不同内容板块的大小和相互之间的间距可以创造出优秀的垂直节奏感，从而为内容层级的讯息传递提供支持。建议：需要制定固定的间距规则，让用户适用。同时文字的大小也需要制定相应规则，告诉用户什么是必读信息什么是选择性信息。用色彩表现基调使用统一的固定色调有助于表现设计师脑中想给人的整体印象。明亮大胆的颜色能给人带来乐趣感，较深的色调能营造优雅的气氛，而柔和的色调则可带来古典感觉。建议：基调色彩的运用可以在导航、分割模版、底部导航中体现。最后有赞商城自定义模版全攻略这样的有赞商城是否人人都适合呢？1.真的是趋势2.真的适合小而美3.真的可以通过设计提高转化率那么问题来了。单页网站是现在最流行的网页设计风格，很可能没有之一。既然是做设计，就需要把握最新的趋势。给人眼前一亮！如果你的品牌或产品本身带有小而美的性质，没有繁多的SKU，有好的故事，有成熟和诚意的产品。那这样一个精美、富有人情味，同时比一般商城模版更加友好的方式，为什么要放弃呢。用户会为设计买单的故事已经很多了，那么对于有赞商城而言更不能随便，我们占据着微信端口，一个传播的闭环。好的设计不仅为了售卖，更是为了传播。福利与交流做一张海报该如何与设计师进行沟通福利与交流1做一张海报该如何与设计师进行沟通告诉设计师这张海报是用来赚钱的。狠话要先讲:告诉设计师我们设计海报是希望把东西卖出去。而不是来显摆PS水平，或是秀创意的。设计的高下之分不在高大上土逼LOW，而在准确。我们要帮设计师理清需求，搞清楚目标受众，抽丝剥茧明晰方向。福利与交流2做一张海报该如何与设计师进行沟通帮助设计师进行内容的分类分级当定好了营销方向，写好了文案，设计师就要开始设计了，摆在手里有一堆文字，我们要分类分级。拿本问题来设计海报的话：主标题——做一张海报该如何与设计师沟通？副标题——不重蹈覆辙回到第一稿的关键二级标题“答案一”、“答案二”、“答案三”……内文是“答案内的内文”再这之后需要与设计师沟通视觉流程：从左到右、从大到小、从上到下、从近到远、从清到糊、从暖到冷、从明到暗…福利与交流3做一张海报该如何与设计师进行