创意预览图

桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。 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页
[第3屏] 原料与工艺展示-老风味红肠传统熏制工艺专屏。本屏为原料工艺说明屏,使用文生图,不做产品外观复刻。 [氛围/风格] 中式传统工艺叙事风,暖棕烟火气,插画与实拍结合质感,古朴有温度。 [元素布局] 画面上半部分为果木熏炉场景示意,烟雾缭绕,古朴砖炉;下半部分左侧为精选猪肉块特写,右侧为大蒜、八角、桂皮等香辛料平铺;中间穿插三道工艺步骤图标;原料与香料元素合计占主视觉约60%,突出原料真实感。 [光影质感] 暖黄色调,炉火光感,烟雾柔化边缘,肉质纹理与香料颗粒清晰可见。 [配色色系] 全局底色 #5C3A21 深棕褐;主色暖橙黄;辅助色肉粉、蒜白、香料深褐。 [视角构图] 上下分栏构图,上工艺下原料,阅读动线顶部标题→中部工艺步骤→底部原料展示。 [文字版式] 顶部大标题「传统工艺 老味传承」,温润宋体粗字,暖金色;副标题「果木慢熏 自然入味」;中部三道工艺标签:「选肉」「拌料」「熏制」,圆角胶囊形,米底棕字;底部原料说明短句:「猪腿肉 香辛料 大蒜入味」;字色暖金+米白,沿用首屏字体风格。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,背景杂乱,出现营养成分表,出现具体数字百分比,出现卤煮时间数字。[第3屏] 原料与工艺展示-老风味红肠传统熏制工艺专屏。本屏为原料工艺说明屏,使用文生图,不做产品外观复刻。
[氛围/风格] 中式传统工艺叙事风,暖棕烟火气,插画与实拍结合质感,古朴有温度。
[元素布局] 画面上半部分为果木熏炉场景示意,烟雾缭绕,古朴砖炉;下半部分左侧为精选猪肉块特写,右侧为大蒜、八角、桂皮等香辛料平铺;中间穿插三道工艺步骤图标;原料与香料元素合计占主视觉约60%,突出原料真实感。
[光影质感] 暖黄色调,炉火光感,烟雾柔化边缘,肉质纹理与香料颗粒清晰可见。
[配色色系] 全局底色 #5C3A21 深棕褐;主色暖橙黄;辅助色肉粉、蒜白、香料深褐。
[视角构图] 上下分栏构图,上工艺下原料,阅读动线顶部标题→中部工艺步骤→底部原料展示。
[文字版式] 顶部大标题「传统工艺 老味传承」,温润宋体粗字,暖金色;副标题「果木慢熏 自然入味」;中部三道工艺标签:「选肉」「拌料」「熏制」,圆角胶囊形,米底棕字;底部原料说明短句:「猪腿肉 香辛料 大蒜入味」;字色暖金+米白,沿用首屏字体风格。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,背景杂乱,出现营养成分表,出现具体数字百分比,出现卤煮时间数字。
[第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至朋友圈可参与腊味大礼包抽奖。 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页