摘要:根据我多年的观察所得,一个好看的吸引人的小鹅通店铺,一定是页面排版清晰、图片素材尺寸得当,图文设计美观,且具备一定风格化的页面。吸引人的小鹅通店铺页面,往往更能留住用户的驻足时长,从而进一步提高用户-粉丝的转化以及交易转化。
根据我多年的观察所得,一个好看的吸引人的小鹅通店铺,一定是页面排版清晰、图片素材尺寸得当,图文设计美观,且具备一定风格化的页面。吸引人的小鹅通店铺页面,往往更能留住用户的驻足时长,从而进一步提高用户-粉丝的转化以及交易转化。
我准备从页面搭建、图文设计、素材尺寸、排版布局这几个方面入手,详细讲讲小鹅通店铺装修搭建的流程。
微页面搭建
小鹅通店铺链接进入的入口,我们一般称为「店铺主页」,而一个小鹅通店铺线上课堂里可以有很多的微页面组成,不同的课程分类模块,或者企业介绍的版面,等等,都可以是一个微页面。
我们下面着重讲下「店铺首页」的微页面搭建,小鹅通后台提供了多种模板可供选择。各位老师们可以选择适合自己风格的页面,对每个功能模块重新填充好内容即可。
而我更喜欢空白模板重新作画,里面的每一个功能模块的操作都跟堆积木一样,自由度更高,且也简单便捷。
微页面/店铺主页的创建路径:店铺→移动端店铺→微页面→新建微页面。
新建搭建页里面,分三个部分:
左侧是组件菜单栏中间是搭建预览图右侧是对应组件的详细操作认识每一个组件的种类和具体呈现方式,是我们能灵活调用和排列的关键。
有负责主框架的基础组件,有侧重内容展示的商品组件,有学练测考功能的助学工具,有营销推广的营销组件,还有公众号&客服咨询的小logo。
认识这五个组件模块,前期多测试显示效果,提升我们对组件的认知同时,也逐步提升我们的布局审美。
不同组件的显示效果不同,而同一种课程或者直播内容,也可以有多样化的呈现。
像上图,同一个课程我做成四种展示形式,层次感一下子就出来了。
当我们的小鹅通知识店铺课程或者直播比较多的时候,像这样用不同的组件去展示同一种内容的方法,很值得我们去借鉴。
反复调整测试
接下来就是针对不同的模块,图标,以及跳转的链接内容等,进行反复的调整。
不断通过调整组件-保存-查看微页面,去检验我们搭建的效果是否如预期所想,如果有偏差,我们就要及时调整修改,一步步达到我们预想中最完美的效果。
最后,记得,记得,主页底部的LOGO,其实也可以更换。更换完后,辨识度又加一分,注意logo图的尺寸要求。看看实际效果图:
具体的操作路径如下:
P.S.:LOGO图如果要做成透明效果的话,记得保存透明图为PNG格式。(如果透明图保存为JPG格式的话,会自动填充白色底的背景色,而小鹅通店铺主页的背景色,是带一点点浅灰的)
补个大充:
电脑&小程序页面
而除了上文介绍的移动端之外,小鹅通后台还有【小程序端】以及【电脑端】两个终端的店铺搭建,下面也简述一下二者的搭建。
小程序店铺搭建
这个比较简单,因为小程序和H5两种都同属于手机等移动终端展示的页面。所以我们在搭建好微页面之后,一方面可以将该微页面设置为移动端店铺主页,而这些移动端微页面,同样可以设置成小程序端店铺主页。
一次搭建,同时满足两个终端的页面需求。
电脑端店铺搭建
电脑端的页面因为和移动端的长宽比不一样,所以搭建的界面也会有所区别。但是操作的方法和前者是一样的,注意好每一个图片素材所需的长宽比,就能快速搭建出一个电脑端店铺。
搭建的思路和移动端一样,这里陈老师就不过多赘述。
素材尺寸
“小鹅通装修的图片尺寸怎么都不一样呀?
能不同统一一下尺寸表格,不然我们都没法作图咯。”
针对过去老师们经常提的这些关于小鹅通店铺搭建,素材尺寸方面的问题,我汇总整理了图片素材尺寸表格,供各位老师参考。
补充一个:弹窗广告自定义样式图片:建议尺寸600x800px,PNG、JPG格式, 图片小于2M。
以上是小鹅通后台主流图片的尺寸需求明细,注意图片大小限制。
再次补充:
在进行店铺装修的时候,也可以注意看图片添加按键附近的区域(如下图),也会有对应的图片大小限制和尺寸的提示,平时可以多留意。(下面分别是「图片广告」、「轮播图」、「公告」这几个版块对应的尺寸大小提示)
图文设计
小鹅通店铺同时也内置了免费的图片在线设计工具。通过辅助商家快速、高质量完成课程封面、直播海报、电商主图、宣传二维码、分享海报等设计,达到商家期望的宣传效果或目的。
海报设计支持图片替换、字体修改、模块移动等功能,自由度高,操作傻瓜式,新手也可以轻松掌握~
排版布局
很多时候排版布局是上述几个点综合下来的结果。
当我们有了合适尺寸的图片,图文整体设计美观,微页面里添加的各个模块数量合适,那就是良好的排版布局的体现。
各位老师可以多看看像上面这样的主页排版布局,把他们其中比较好的适合自己的板块兼收并蓄,为己所用,集百家之所长,形成自己风格化的店铺装修页面。并且在这个过程中,不断去调整改进,让学员自己的小鹅通店铺保持新鲜感,提升交互体验~
补充几个小点:
❤几个我认为很不错的小心得:
1.【图片广告】功能包括了【轮播图】,而且图片广告的轮播功能比【轮播图】好用,因为轮播图只能是固定尺寸,【图片广告】不限高,可以接纳更多种类的图片尺寸。
2. 利用好小鹅通店铺装修自带的模板,参考前人成功经验,事半功倍。
3. 店铺底部logo是可以进行自定义的,注意好图片尺寸。
4.【富文本】是个好东西,可以是图文素材交相辉映,可以是空行间隔,也可以跟秀米编辑器打通使用。
5. 有试过主页放【GIF动图】吗?如果色彩和动画到位,整个画面可以是水墨画潺潺流水,也可以是活力十足的动感主页。
6. 移动端店铺装修,可以插入【外部链接】,以图片跳转、超链跳转等形式,来去自如。(仅在移动端h5店铺、电脑端店铺有效)
7. 店铺主页可以提前预设几个微页面,在不同的节日热点进行主页更换,保持新鲜感。
8. 微页面还有【专区设置】,可以做定点页面投放进行数据监测,也可以打造品牌专区独立区域,用户仅限浏览当前品牌专区,不允许跳出该专区。
9. 个人中心里的各种模块,太多了可能会让学员感觉眼花缭乱,适当删减有时候会让店铺变得更加简洁,学员体验更佳。
欢迎一起交流心得
欢迎一起交流心得
最后再说两句。
小鹅通的搭建,首先是门技术活,然后是门审美的活。
学会技术就可以临摹,达到近似且不错的效果;
审美往上走之后,创作的灵感就慢慢迸发,去尝试一些新的没有的东西。
循序渐进,多摸索,小鹅通搭建其实很简单~
祝各位老师都能搭建出自己喜欢的高级感吸引人的小鹅通店铺页面,课程大卖!
小鹅通是助力企业玩转私域的神队友!
作为一站式数字化工具,它用「产品交付+用户运营+营销获客」三连招,打通企业增长闭环。既能管理品牌输出,还能升级组织架构,横扫教育、零售等多领域。成立以来已服务超百万客户,用科技帮企业把私域流量变「留量」,一起把内容电商私域做大做强!
来源:小鹅课堂