创意预览图

桂味联年终大促H5设计(4页版)<br/> <br/>第一页:封面页<br/> <br/>- 视觉设计:以动态柳州年味街景为背景,融入桂味联腊肠、腊肉的手绘插画,画面中央用加粗艺术字显示**“测年味人

用户头像

GD144298590...

2025.12.25
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。 4页桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。 4页
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
[第1屏] 详情页头图-老风味红肠食欲氛围主视觉海报。本屏使用【图1】作为商品主体,红肠切片摆盘位于画面中下区域。 [氛围/风格] 中式家常烟火气,暖棕木调食欲感,商业摄影质感,传统窗棂与竹编元素烘托地道风味。 [元素布局] 白盘红肠切片置于中下偏右,占比约55%-60%;左上为标题区,背景保留中式木格窗棂虚化,桌面铺竹编垫,点缀八角、桂皮、整蒜等香料;红肠外观、色泽、切片形态与输入图一致,肠衣油亮、肉质粉嫩带肥丁。 [光影质感] 左上方暖柔光照明,右下自然柔和投影,肠衣高光通透,肉质纹理清晰,整体温暖有食欲。 [配色色系] 全局底色 #8B5A2B 深木棕渐变;主色暖棕红;辅助色米白盘、深褐窗棂、金黄香料。 [视角构图] 45°斜俯视,产品为视觉中心,阅读动线左上标题→盘中红肠→底部卖点条。 [文字版式] 左上标题区 + 底部信息条。主标题「老风味红肠」,温润宋体粗字,棕红色;副标题「一口回到老味道」,米白色小字;底部三枚圆角胶囊卖点:「果木熏香」「肉质紧实」「蒜香入味」,米白底棕字;文字不遮挡红肠主体。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 红肠变形,切片形态错乱,颜色偏差,水印,文字错乱,文字过小,背景杂乱,产品模糊。[第1屏] 详情页头图-老风味红肠食欲氛围主视觉海报。本屏使用【图1】作为商品主体,红肠切片摆盘位于画面中下区域。
[氛围/风格] 中式家常烟火气,暖棕木调食欲感,商业摄影质感,传统窗棂与竹编元素烘托地道风味。
[元素布局] 白盘红肠切片置于中下偏右,占比约55%-60%;左上为标题区,背景保留中式木格窗棂虚化,桌面铺竹编垫,点缀八角、桂皮、整蒜等香料;红肠外观、色泽、切片形态与输入图一致,肠衣油亮、肉质粉嫩带肥丁。
[光影质感] 左上方暖柔光照明,右下自然柔和投影,肠衣高光通透,肉质纹理清晰,整体温暖有食欲。
[配色色系] 全局底色 #8B5A2B 深木棕渐变;主色暖棕红;辅助色米白盘、深褐窗棂、金黄香料。
[视角构图] 45°斜俯视,产品为视觉中心,阅读动线左上标题→盘中红肠→底部卖点条。
[文字版式] 左上标题区 + 底部信息条。主标题「老风味红肠」,温润宋体粗字,棕红色;副标题「一口回到老味道」,米白色小字;底部三枚圆角胶囊卖点:「果木熏香」「肉质紧实」「蒜香入味」,米白底棕字;文字不遮挡红肠主体。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 红肠变形,切片形态错乱,颜色偏差,水印,文字错乱,文字过小,背景杂乱,产品模糊。
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
[第5屏] 多样食用场景展示-展示切片清蒸、搭配炒菜等多种家常吃法,激发用户食欲。 [氛围/风格] 家常烟火食欲感,真实餐桌场景,暖调自然光,温馨自然商业摄影质感。 [元素布局] 画面采用2×2四宫格布局,每个宫格展示一种吃法:左上宫格展示清蒸后切片摆盘,右上宫格展示搭配青蒜炒制,左下宫格展示涮火锅,右下宫格展示夹在馒头中;每种吃法都保持香肠色泽和质感与输入产品图一致,每个宫格圆角处理,整体干净不拥挤。整体无边框满铺。 [光影质感] 每个场景都使用自然餐桌暖光,食物油润光泽自然,整体明暗层次清晰,温馨有烟火气。 [配色色系] 全局底色:#F5F5F0(浅暖灰白色);宫格背景保持各场景原色调;文字配色:#7A3016(深棕红)+ #333333(深灰),和首屏保持一致。 [视角构图] 每个宫格均为平视视角,四种吃法均匀分布,整体构图平衡。 [文字版式] 顶部居中主标题写"多样吃法 家常百搭",深棕红色圆角粗黑体,字号为画面宽度7%;每个宫格底部浅棕色圆角小标签标注吃法名称:「切片清蒸」「青蒜炒香肠」「火锅涮煮」「馒头夹香肠」;字形圆角粗黑体,字色深棕红、深灰,纯色填充,和首屏保持完全一致。 [比例分辨率] 2:3 竖版比例,2k 分辨率,文字清晰可辨,超高清。 [负向提示词] 香肠变形,颜色偏差,文字错乱,宫格模糊,背景杂乱,水印[第5屏] 多样食用场景展示-展示切片清蒸、搭配炒菜等多种家常吃法,激发用户食欲。
[氛围/风格] 家常烟火食欲感,真实餐桌场景,暖调自然光,温馨自然商业摄影质感。
[元素布局] 画面采用2×2四宫格布局,每个宫格展示一种吃法:左上宫格展示清蒸后切片摆盘,右上宫格展示搭配青蒜炒制,左下宫格展示涮火锅,右下宫格展示夹在馒头中;每种吃法都保持香肠色泽和质感与输入产品图一致,每个宫格圆角处理,整体干净不拥挤。整体无边框满铺。
[光影质感] 每个场景都使用自然餐桌暖光,食物油润光泽自然,整体明暗层次清晰,温馨有烟火气。
[配色色系] 全局底色:#F5F5F0(浅暖灰白色);宫格背景保持各场景原色调;文字配色:#7A3016(深棕红)+ #333333(深灰),和首屏保持一致。
[视角构图] 每个宫格均为平视视角,四种吃法均匀分布,整体构图平衡。
[文字版式] 顶部居中主标题写"多样吃法 家常百搭",深棕红色圆角粗黑体,字号为画面宽度7%;每个宫格底部浅棕色圆角小标签标注吃法名称:「切片清蒸」「青蒜炒香肠」「火锅涮煮」「馒头夹香肠」;字形圆角粗黑体,字色深棕红、深灰,纯色填充,和首屏保持完全一致。
[比例分辨率] 2:3 竖版比例,2k 分辨率,文字清晰可辨,超高清。
[负向提示词] 香肠变形,颜色偏差,文字错乱,宫格模糊,背景杂乱,水印
[第3屏] 工艺原料屏-传统蒸制工艺与好肉原料展示。本屏使用【图4】作为产品主体,筷子夹起蒸肉片的动作特写。 [氛围/风格] 中式匠心质感 + 原料工艺叙事 + 商业美食摄影质感,烟火气浓郁。 [元素布局] 画面中央偏上是筷子夹起的一片蒸肉,下方黑色盘子里还有多片蒸肉,占比约55%;背景虚化中式木格窗棂、松果、香料,营造传统氛围;前景散落八角、桂皮等天然香料,暗示原料天然;蒸肉外观、颜色、纹理与输入图一致。 [光影质感] 侧上方暖光打亮夹起的肉片,突出肉质纹理和光泽,背景暗调虚化,主体突出,有电影感光影层次。 [配色色系] 全局底色 #1F1F1F 暗调深灰;主色暖粉肉色;辅助色金黄香料、深棕木色、红色点缀。 [视角构图] 45°微俯视,夹起的肉片为视觉焦点,阅读动线:顶部标题 → 中部肉片特写 → 底部工艺说明。 [文字版式] 顶部主标题「传统蒸制 匠心好味」,副标题「精选好肉 慢蒸入味」,宋体加粗米白色;底部三个横向排列工艺步骤小卡片:「选好肉」「慢蒸制」「锁鲜香」,每个卡片配简笔图标,红底白字圆角矩形;文字不遮挡肉片主体。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,颜色偏差,水印,文字错乱,肉质发暗,背景杂乱,筷子变形。[第3屏] 工艺原料屏-传统蒸制工艺与好肉原料展示。本屏使用【图4】作为产品主体,筷子夹起蒸肉片的动作特写。
[氛围/风格] 中式匠心质感 + 原料工艺叙事 + 商业美食摄影质感,烟火气浓郁。
[元素布局] 画面中央偏上是筷子夹起的一片蒸肉,下方黑色盘子里还有多片蒸肉,占比约55%;背景虚化中式木格窗棂、松果、香料,营造传统氛围;前景散落八角、桂皮等天然香料,暗示原料天然;蒸肉外观、颜色、纹理与输入图一致。
[光影质感] 侧上方暖光打亮夹起的肉片,突出肉质纹理和光泽,背景暗调虚化,主体突出,有电影感光影层次。
[配色色系] 全局底色 #1F1F1F 暗调深灰;主色暖粉肉色;辅助色金黄香料、深棕木色、红色点缀。
[视角构图] 45°微俯视,夹起的肉片为视觉焦点,阅读动线:顶部标题 → 中部肉片特写 → 底部工艺说明。
[文字版式] 顶部主标题「传统蒸制 匠心好味」,副标题「精选好肉 慢蒸入味」,宋体加粗米白色;底部三个横向排列工艺步骤小卡片:「选好肉」「慢蒸制」「锁鲜香」,每个卡片配简笔图标,红底白字圆角矩形;文字不遮挡肉片主体。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,颜色偏差,水印,文字错乱,肉质发暗,背景杂乱,筷子变形。