颜值高大上!小鹅通店铺装修,10种搭建方法!

B站影视 韩国电影 2025-03-29 17:39 1

摘要:根据我多年的观察所得,一个好看的吸引人的小鹅通店铺,一定是页面排版清晰、图片素材尺寸得当,图文设计美观,且具备一定风格化的页面。吸引人的小鹅通店铺页面,往往更能留住用户的驻足时长,从而进一步提高用户-粉丝的转化以及交易转化。

根据我多年的观察所得,一个好看的吸引人的小鹅通店铺,一定是页面排版清晰、图片素材尺寸得当,图文设计美观,且具备一定风格化的页面。吸引人的小鹅通店铺页面,往往更能留住用户的驻足时长,从而进一步提高用户-粉丝的转化以及交易转化。

我准备从页面搭建、图文设计、素材尺寸、排版布局这几个方面入手,详细讲讲小鹅通店铺装修搭建的流程。

微页面搭建

小鹅通店铺链接进入的入口,我们一般称为「店铺主页」,而一个小鹅通店铺线上课堂里可以有很多的微页面组成,不同的课程分类模块,或者企业介绍的版面,等等,都可以是一个微页面。

我们下面着重讲下「店铺首页」的微页面搭建,小鹅通后台提供了多种模板可供选择。各位老师们可以选择适合自己风格的页面,对每个功能模块重新填充好内容即可。

而我更喜欢空白模板重新作画,里面的每一个功能模块的操作都跟堆积木一样,自由度更高,且也简单便捷。

(微页面模版)

微页面/店铺主页的创建路径:店铺→移动端店铺→微页面→新建微页面

新建搭建页里面,分三个部分:

左侧是组件菜单栏中间是搭建预览图右侧是对应组件的详细操作(新建微页面操作步骤,动图)

认识每一个组件的种类和具体呈现方式,是我们能灵活调用和排列的关键。

有负责主框架的基础组件,有侧重内容展示的商品组件,有学练测考功能的助学工具,有营销推广的营销组件,还有公众号&客服咨询的小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. 个人中心里的各种模块,太多了可能会让学员感觉眼花缭乱,适当删减有时候会让店铺变得更加简洁,学员体验更佳。

欢迎一起交流心得

欢迎一起交流心得

最后再说两句。

小鹅通的搭建,首先是门技术活,然后是门审美的活。

学会技术就可以临摹,达到近似且不错的效果;

审美往上走之后,创作的灵感就慢慢迸发,去尝试一些新的没有的东西。

循序渐进,多摸索,小鹅通搭建其实很简单~

祝各位老师都能搭建出自己喜欢的高级感吸引人的小鹅通店铺页面,课程大卖!

小鹅通是助力企业玩转私域的神队友!

作为一站式数字化工具,它用「产品交付+用户运营+营销获客」三连招,打通企业增长闭环。既能管理品牌输出,还能升级组织架构,横扫教育、零售等多领域。成立以来已服务超百万客户,用科技帮企业把私域流量变「留量」,一起把内容电商私域做大做强!

来源:小鹅课堂

相关推荐