创意预览图

直播间下单领券流程图,主标题是"点亮一分购,抢百元券包",整体为横屏排版,包含三个步骤,带有箭头导向和重点放大镜标注。第一步是打开抖音搜索门店,配第一张参考截图;第二步找到"点亮一分购"点击去下单,0

用户头像

1r035ftw2gh...

2026.04.29
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
[主图-支付宝神券团购] 支付宝神券团购活动主题推广主图; [氛围风格] 喜庆热闹的促销活动氛围,3D立体清新风格; [画质] 商业设计质感、光线明亮通透、元素清晰立体、画面干净高级; [元素] 参考图保留核心元素:顶部"神券"大字标题,中间红色横条"新人爆款团购0.01元起"副标题,透明礼盒中放置红包、汉堡、珍珠奶茶3D元素,右下角漂浮"神券"飘带,底部点击按钮。四周文字留出足够安全边距,不要贴边。整体构图保持和参考图一致,元素位置、比例、颜色关系不变,商品主体占比控制在70%左右,画面满屏无边框。保持所有元素立体质感与颜色和参考图一致,杜绝任何变形和色差,精细化处理; [光影] 主光从正面打亮整体元素,高光提亮立体轮廓,柔和阴影增强层次感,整体明亮通透; [配色] 主色调粉色渐变背景,搭配红色、黄色、粉色系,符合促销活动热闹喜庆氛围; [视角构图] 平视视角,元素居中展示,前景中景背景层次分明; [文字版式] 顶部居中大字"神券",白色粗体;中间红色横条居中"新人爆款团购0.01元起",白色字体;右侧飘带竖向"神券"白色字体;文字均保留安全边距不贴边,字号对比清晰,文字清晰可辨。底部保留点击手势按钮; [比例分辨率] 16:9比例,4k分辨率,文字清晰锐利,画面超高清; [负向提示词] 变形,水印,文字错乱,元素模糊,背景杂乱,文字贴边[主图-支付宝神券团购] 支付宝神券团购活动主题推广主图;
[氛围风格] 喜庆热闹的促销活动氛围,3D立体清新风格;
[画质] 商业设计质感、光线明亮通透、元素清晰立体、画面干净高级;
[元素] 参考图保留核心元素:顶部"神券"大字标题,中间红色横条"新人爆款团购0.01元起"副标题,透明礼盒中放置红包、汉堡、珍珠奶茶3D元素,右下角漂浮"神券"飘带,底部点击按钮。四周文字留出足够安全边距,不要贴边。整体构图保持和参考图一致,元素位置、比例、颜色关系不变,商品主体占比控制在70%左右,画面满屏无边框。保持所有元素立体质感与颜色和参考图一致,杜绝任何变形和色差,精细化处理;
[光影] 主光从正面打亮整体元素,高光提亮立体轮廓,柔和阴影增强层次感,整体明亮通透;
[配色] 主色调粉色渐变背景,搭配红色、黄色、粉色系,符合促销活动热闹喜庆氛围;
[视角构图] 平视视角,元素居中展示,前景中景背景层次分明;
[文字版式] 顶部居中大字"神券",白色粗体;中间红色横条居中"新人爆款团购0.01元起",白色字体;右侧飘带竖向"神券"白色字体;文字均保留安全边距不贴边,字号对比清晰,文字清晰可辨。底部保留点击手势按钮;
[比例分辨率] 16:9比例,4k分辨率,文字清晰锐利,画面超高清;
[负向提示词] 变形,水印,文字错乱,元素模糊,背景杂乱,文字贴边