创意预览图

移动端抑郁症测试小程序题目页UI设计，整体风格温馨治愈，暖色调，主色调为淡橙色、柔粉色和米黄色，细腻渐变和轻柔阴影，大圆角卡片，圆润图标线条。一屏只显示一道选择题，上方显示当前题号/总题数如“3/20

用户头像

1qk7kl59ffT...

2026.03.19
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
1qk7kl59ffTCxUBA-HB1qk7kl59ffTCxUBA-HB
桂味联年终大促H5设计（4页版）<br/> <br/>第一页：封面页<br/> <br/>- 视觉设计：以动态柳州年味街景为背景，融入桂味联腊肠、腊肉的手绘插画，画面中央用加粗艺术字显示**“测年味人格，领桂味年礼”**，副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效：页面中央设置腊肠造型的“开始测试”按钮，点击时有咬开爆汁的动态效果，搭配柳州方言“过年吃腊味，桂味联最正”的趣味音效。<br/> <br/>第二页：品牌故事页<br/> <br/>- 核心内容：顶部标题为**“50年国企老味，桂味联的腊味传承”**，左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图；右侧嵌入15秒短视频，呈现低温风热烘干的全链路制作过程。<br/>- 交互设计：底部设置“解锁年味测试”的箭头按钮，点击时弹出“国企品质，放心年味”的文字浮窗，引导进入下一页。<br/> <br/>第三页：互动环节页<br/> <br/>- 主题：“你的年味人格，由桂味联定义”，设计3道趣味选择题（配动效+音效）：<br/>1. 问题：过年选腊味，你更看重？<br/>选项：A.老字号品质 B.新奇口味 C.礼盒颜值（点击选项弹出对应腊味食材动效，搭配方言“选得妙！”音效）<br/>2. 问题：腊味常出现在你的哪个场景？<br/>选项：A.家庭团圆饭 B.走亲访友 C.日常加餐（弹出对应场景年味插画动效）<br/>3. 问题：你偏爱哪种腊味口味？<br/>选项：A.经典广味 B.川味麻辣 C.荔浦芋味（弹出对应口味香气动态图标）<br/>- 交互设计：答完所有题目后，点击“查看结果”按钮，按钮设计为腊味礼盒造型，点击时有礼盒打开的动效。<br/> <br/>第四页：转化引导页<br/> <br/>- 结果展示：根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格，对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流：<br/>1. 弹出**“参与测试即领10元无门槛券”**，点击可一键领取并跳转券包；<br/>2. 设置“立即下单”按钮，直接跳转桂味联电商旗舰店；<br/>3. 增加“线下核销”按钮，显示柳州本地年味体验区地址及核销码，凭码可兑换试吃装；<br/>4. 底部设置“分享领大礼包”入口，分享H5至朋友圈可参与腊味大礼包抽奖。桂味联年终大促H5设计（4页版）<br/> <br/>第一页：封面页<br/> <br/>- 视觉设计：以动态柳州年味街景为背景，融入桂味联腊肠、腊肉的手绘插画，画面中央用加粗艺术字显示**“测年味人格，领桂味年礼”**，副标题标注“桂味联50年国企腊味专属挑战”。<br/>- 交互与音效：页面中央设置腊肠造型的“开始测试”按钮，点击时有咬开爆汁的动态效果，搭配柳州方言“过年吃腊味，桂味联最正”的趣味音效。<br/> <br/>第二页：品牌故事页<br/> <br/>- 核心内容：顶部标题为**“50年国企老味，桂味联的腊味传承”**，左侧用图文展示1976年第一代广味腊肠研发的历史片段、零淀粉纯肉工艺的生产实拍图；右侧嵌入15秒短视频，呈现低温风热烘干的全链路制作过程。<br/>- 交互设计：底部设置“解锁年味测试”的箭头按钮，点击时弹出“国企品质，放心年味”的文字浮窗，引导进入下一页。<br/> <br/>第三页：互动环节页<br/> <br/>- 主题：“你的年味人格，由桂味联定义”，设计3道趣味选择题（配动效+音效）：<br/>1. 问题：过年选腊味，你更看重？<br/>选项：A.老字号品质 B.新奇口味 C.礼盒颜值（点击选项弹出对应腊味食材动效，搭配方言“选得妙！”音效）<br/>2. 问题：腊味常出现在你的哪个场景？<br/>选项：A.家庭团圆饭 B.走亲访友 C.日常加餐（弹出对应场景年味插画动效）<br/>3. 问题：你偏爱哪种腊味口味？<br/>选项：A.经典广味 B.川味麻辣 C.荔浦芋味（弹出对应口味香气动态图标）<br/>- 交互设计：答完所有题目后，点击“查看结果”按钮，按钮设计为腊味礼盒造型，点击时有礼盒打开的动效。<br/> <br/>第四页：转化引导页<br/> <br/>- 结果展示：根据答题匹配“温润团圆派”“潮流尝鲜派”“体面赠礼派”三种年味人格，对应展示桂味联团圆家宴款、荔浦芋烤肠、定制礼盒的产品图及核心卖点。<br/>- 福利与引流：<br/>1. 弹出**“参与测试即领10元无门槛券”**，点击可一键领取并跳转券包；<br/>2. 设置“立即下单”按钮，直接跳转桂味联电商旗舰店；<br/>3. 增加“线下核销”按钮，显示柳州本地年味体验区地址及核销码，凭码可兑换试吃装；<br/>4. 底部设置“分享领大礼包”入口，分享H5至朋友圈可参与腊味大礼包抽奖。
GD1442985904GD1442985904
69u7fi778fXToow-HB69u7fi778fXToow-HB
1qt85n7zovZU7aRQ-HB1qt85n7zovZU7aRQ-HB
1r2j3nerdrvdb23g-HB1r2j3nerdrvdb23g-HB
用户SbmLeqJG用户SbmLeqJG
用户SbmLeqJG用户SbmLeqJG
1qm3bi1hprXXVo5g-HB1qm3bi1hprXXVo5g-HB
1qzf34nxp4-OmqOw-HB1qzf34nxp4-OmqOw-HB
1qzf34nxp4-OmqOw-HB1qzf34nxp4-OmqOw-HB
聽歌聽歌
聽歌聽歌
聽歌聽歌
聽歌聽歌
聽歌聽歌
聽歌聽歌
1r2j3nerdrvdb23g-HB1r2j3nerdrvdb23g-HB
1r1hr109s9dV1V7g-HB1r1hr109s9dV1V7g-HB
1q0g2ht88qbp93ls-HB1q0g2ht88qbp93ls-HB
1q0g2ht88qbp93ls-HB1q0g2ht88qbp93ls-HB
美丽健康苗条的小美女美丽健康苗条的小美女