返回

蚂蚁集团 · 教育行业

琉璃夜市 · 中秋揽月节

2023 · 产品体验设计师 · 内容营销

中秋揽月节 · 琉璃夜市设计复盘封面

琉璃夜市是支付宝数商业的中秋内容营销 IP。目标对齐两类结果:拉升访问与停留,推动品牌年轻化与内容化——把节日流量做成可逛、可玩、可回访的沉浸场景。

背景

中秋消费心智从「思故乡」的静态情感,转向「游他乡」的探索体验。内容若仍停留在货架推荐,难承接这轮行为变迁。品牌势能有限时,体验重心落到「好玩」:用节日情绪、叙事与玩法补齐逛感。

2023 中秋社会行为变迁:从思故乡到游他乡
创意内容与玩法:做好旅游,玩探索、造愉悦
视觉内容与调性:做好神游,承传统、创新意
市场购物产品偏好好逛,琉璃夜市因品牌势能有限更侧重好玩
互动设计:主互动酿造桂花酿、支线玩法与成长体系
内容创意:游一条月下长街,赏一幅中秋上河图
创意概念:醉入画中游,共揽千年月

主场景

横屏长卷组织内容:互动、品牌与商品融入同一连续夜市街景——游一条月下长街,赏一副中秋上河图。

琉璃夜市主场景:月下长街横屏 UI

视觉基调

以玉质琉璃为核心材质,深蓝夜色中用琉璃青与桂花金建立对比;色彩、质感、元素与玩法画面同向收敛。

色彩应用与国风色板
质感应用:琉璃玉石与光影效果
元素应用:月云山水主题场景与界面
玩法应用:赏月酿桂、放灯等场景画面

产品界面

主互动「酿造桂花酿」用触感交互把任务做成仪式;角色、道具与导航图标统一琉璃质感,开屏与氛围图强化节日记忆点。

琉璃夜市移动端主场景四屏 UI
酿造桂花酿触感互动与封坛流程
游戏道具与底部导航图标设计
六位国潮风 3D 虚拟角色形象
开屏海报与月夜桂树场景
满月桂树与中式屋脊氛围场景图
璃兔望月数字藏品海报与鲸探界面
兔兔手办模型与实物周边延展
二期建筑优化前后对比
二期优化后的横屏市集全景 UI
洞察

节日体验不能只做氛围图。用户真正带走的,往往是在场景里完成过一次仪式——投料、封坛、开坛、领奖。仪式给目标感,探索给自由度;两者配不好,要么累,要么空。有情感共鸣的玩法,才会让人愿意多逛一会儿。

支线互动

赋诗令、放月灯与 AIGC 月相图集,为不同人格提供入口:爱诗词的、爱创作的、爱晒图的,都能找到自己的逛法。

赋诗令诗词互动游戏界面与状态
放月灯互动界面与 AIGC 月相图集
AIGC 生成的多风格中秋海报矩阵
AIGC 月相主题插画与海报作品墙

场景与引导

街区按等级与功能交叉排布;在目标感与自由度之间,用掉落惊喜、NPC、任务列表与快捷导航降低迷路成本。

横屏长卷市集布局:互动区、品牌馆与商品街
定制主题街区、品牌馆与特色商品街 UI
横版操作安全区与左右滚动浏览示意
一级页面与聚焦页横屏布局及热区
浮层弹窗尺寸规范与任务提示组件
触发惊喜、NPC 引导、任务列表与快捷导航 UI

情感互动

对齐中秋民俗情绪:团圆、桂花酿、放灯、赏月。归家小院与月相签到把「等月圆」做成复访;放月灯用沉浸场景与 AI 专属月灯承接祈福表达。

中秋情绪与民俗视觉板:团圆、桂花酿、放灯、赏月
归家庭院到收集、邀友、开奖四步交互流程
月相签到:真实月相、日历签到与奖励弹窗
放月灯:沉浸场景、手绘祈福与 AI 专属月灯流程

视觉系统

形、色、字、质落到可复用组件:花卉如意纹映射控件,色板与字体规范服务场景清晰度,3D 琉璃图标统一模块质感。

元素映射:琉璃质感古风街景与祈福场景
视觉系统四要素:形、色、字、质
花卉如意纹延展为 UI 边框与控件图形
入口标签、图标、按钮、弹窗等 UI 组件板
主色法翠、辅助色与氛围色色板
传统标题字体与普惠体在场景 UI 中的应用
3D 琉璃质感图标、配图元素与任务模块

迭代优化

针对首访跳失与收集难度,补强引导与商城路径,让用户更快进入「敢逛、敢玩、敢兑」。

首访跳失与收集难度问题及引导商城优化方案

反思

节日体验的难点,我觉得在时序、仪式与自由度的配比。主线要够「值得完成」,支线要够「换种方式进来」,成长体系要够「让人明天还想回来」。三者抢戏,用户就会疲劳;配好了,活跃和留存会自然跟着走。