桂味联年终大促H5设计(4页版)<br/> <br/>第一页:… - 图片创意预览

桂味联年终大促H5设计(4页版)<br/> <br/>第一页:…

桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
[第4张] 详情页自然风干晾晒屏-玖胜珍猪农家屋檐风干工艺。本张使用【图7】作为腊肠晾晒状态的主要参考。 [氛围/风格] 国风详情图,农家屋檐下晾晒场景,柔和上午日光,浅淡国风滤镜,低饱和度高级色调,纵深构图,晾晒氛围感拉满,写实风光美食摄影。 [元素布局] 画面主体是农家老式屋檐下一排排挂着刚灌好的腊肠,腊肠用麻绳悬挂整齐,微风轻轻飘动,腊肠外观棕红油亮、肥瘦相间,与输入产品图一致;远处背景是山林薄雾,青山隐约可见;屋檐下有木梁、竹编簸箕等农家元素;腊肠群占画面主体约60%,纵深排列营造空间感。 [光影质感] 上午柔和日光从侧面照射,腊肠表面呈现自然油润光泽,光影层次丰富,整体明亮通透不刺眼。 [配色色系] 全局底色 #EDE5D3 浅灰米色;主色棕红腊肠、木色屋檐;辅助色青灰远山、淡蓝天空。 [视角构图] 微仰视纵深构图,视线从前景腊肠延伸至远处山林,阅读动线从顶部标题 → 中部晾晒场景 → 底部工艺说明。 [文字版式] 顶部居中主标题「自然露天风干」,副标题「不靠高温机器烘干」,下方三条卖点短句「慢慢风干锁入肉香」「排出多余油脂 口感不腻」「风味自然发酵 腊味醇厚」;宋体字形,字色深棕;配简约风晒干图标;文字不遮挡腊肠主体。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 烘干机、室内烤箱、暴晒过曝、灰蒙蒙阴天、腊肠变形、颜色偏差、水印、文字错乱。[第4张] 详情页自然风干晾晒屏-玖胜珍猪农家屋檐风干工艺。本张使用【图7】作为腊肠晾晒状态的主要参考。
[氛围/风格] 国风详情图,农家屋檐下晾晒场景,柔和上午日光,浅淡国风滤镜,低饱和度高级色调,纵深构图,晾晒氛围感拉满,写实风光美食摄影。
[元素布局] 画面主体是农家老式屋檐下一排排挂着刚灌好的腊肠,腊肠用麻绳悬挂整齐,微风轻轻飘动,腊肠外观棕红油亮、肥瘦相间,与输入产品图一致;远处背景是山林薄雾,青山隐约可见;屋檐下有木梁、竹编簸箕等农家元素;腊肠群占画面主体约60%,纵深排列营造空间感。
[光影质感] 上午柔和日光从侧面照射,腊肠表面呈现自然油润光泽,光影层次丰富,整体明亮通透不刺眼。
[配色色系] 全局底色 #EDE5D3 浅灰米色;主色棕红腊肠、木色屋檐;辅助色青灰远山、淡蓝天空。
[视角构图] 微仰视纵深构图,视线从前景腊肠延伸至远处山林,阅读动线从顶部标题 → 中部晾晒场景 → 底部工艺说明。
[文字版式] 顶部居中主标题「自然露天风干」,副标题「不靠高温机器烘干」,下方三条卖点短句「慢慢风干锁入肉香」「排出多余油脂 口感不腻」「风味自然发酵 腊味醇厚」;宋体字形,字色深棕;配简约风晒干图标;文字不遮挡腊肠主体。
[比例分辨率] 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页
[第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 分辨率,文字清晰可辨,高清画质。
[负向提示词] 红肠变形,切片形态错乱,颜色偏差,水印,文字错乱,文字过小,背景杂乱,产品模糊。
[第6张] 详情页切面肉质特写屏-玖胜珍猪三七肥瘦口感可视化。本张使用【图6】作为腊肠切面质感的主要参考。 [氛围/风格] 产品特写详情图,极简留白背景,微距美食摄影,细节拉满,暖调高级质感。 [元素布局] 画面中心白瓷盘里码放几片切好的腊肠薄片,切面颗粒分明,瘦肉紧实有嚼劲,脂肪部分油润通透,三七肥瘦比例清晰可见,腊肠切面纹理与输入产品图一致;薄片排列整齐,有层次感;窗边侧光打出清晰的肉质纹理;产品占画面主体约55%。 [光影质感] 左侧窗边侧光照射,在腊肠薄片切面形成明暗对比,突出肉质颗粒感和油润光泽,阴影柔和。 [配色色系] 全局底色 #FBF8F2 奶白色;主色棕红瘦肉、金黄脂肪;辅助色纯白瓷盘、暖调光线。 [视角构图] 微俯视微距构图,产品居中偏下,上方留白放置文字信息。 [文字版式] 上方居中主标题「切开看得见的饱满肉粒」,副标题「不是面糊感」;下方三条口感卖点「三七肥瘦 蒸完出油透亮」「不柴不腻 口感刚刚好」「肉质紧实 每口都是猪肉本香」;宋体字形,字色深棕;配简约刀叉图标;文字不遮挡腊肠切面主体。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 切面发黏、面糊质感、模糊失焦、反光油腻、颜色偏差、水印、文字错乱。[第6张] 详情页切面肉质特写屏-玖胜珍猪三七肥瘦口感可视化。本张使用【图6】作为腊肠切面质感的主要参考。
[氛围/风格] 产品特写详情图,极简留白背景,微距美食摄影,细节拉满,暖调高级质感。
[元素布局] 画面中心白瓷盘里码放几片切好的腊肠薄片,切面颗粒分明,瘦肉紧实有嚼劲,脂肪部分油润通透,三七肥瘦比例清晰可见,腊肠切面纹理与输入产品图一致;薄片排列整齐,有层次感;窗边侧光打出清晰的肉质纹理;产品占画面主体约55%。
[光影质感] 左侧窗边侧光照射,在腊肠薄片切面形成明暗对比,突出肉质颗粒感和油润光泽,阴影柔和。
[配色色系] 全局底色 #FBF8F2 奶白色;主色棕红瘦肉、金黄脂肪;辅助色纯白瓷盘、暖调光线。
[视角构图] 微俯视微距构图,产品居中偏下,上方留白放置文字信息。
[文字版式] 上方居中主标题「切开看得见的饱满肉粒」,副标题「不是面糊感」;下方三条口感卖点「三七肥瘦 蒸完出油透亮」「不柴不腻 口感刚刚好」「肉质紧实 每口都是猪肉本香」;宋体字形,字色深棕;配简约刀叉图标;文字不遮挡腊肠切面主体。
[比例分辨率] 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页
[第5张] 详情页零添加品质保障屏-玖胜珍猪五大零添加安心承诺。本张使用【图2】【图6】作为腊肠产品主体参考。 [氛围/风格] 干净高级静物棚拍风格,简约浅米色背景,分栏文字排版,高清切面纹理,品质感十足。 [元素布局] 画面左侧竹簸箕上摆放两根完整的玖胜珍猪腊肠,其中一根对半切开,露出内里紧实的肉粒和清晰的肥瘦纹理,腊肠外观与输入产品图一致;旁边摆放三个小陶碗,分别装着白酒、花椒、食盐三种简单调味料;产品与调料占画面约50%,右侧留白放置文字信息。 [光影质感] 柔和棚拍顶光,腊肠切面纹理清晰,油润通透,陶碗表面有自然高光,整体干净明亮。 [配色色系] 全局底色 #F7F2E8 浅米色;主色棕红腊肠、陶土色碗;辅助色深褐花椒、乳白食盐。 [视角构图] 俯视构图,产品居左,文字居右,阅读动线从右上标题 → 右中零添加列表 → 左侧产品展示。 [文字版式] 右侧文字区,主标题「五大零添加」,副标题「吃着更安心」;下方五个红叉标识的零添加项「无淀粉」「无卡拉胶」「无防腐剂」「无碎肉拼接」「无工业香精」;底部小字说明「只用盐、白酒、本地花椒简单调味 还原本味腊香」;宋体字形,主标题字色深红,正文深灰;配简约调料图标;文字不遮挡产品。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 科技调料瓶、花花绿绿添加剂包装、杂乱道具、腊肠变形、切面发黏、水印、文字错乱。[第5张] 详情页零添加品质保障屏-玖胜珍猪五大零添加安心承诺。本张使用【图2】【图6】作为腊肠产品主体参考。
[氛围/风格] 干净高级静物棚拍风格,简约浅米色背景,分栏文字排版,高清切面纹理,品质感十足。
[元素布局] 画面左侧竹簸箕上摆放两根完整的玖胜珍猪腊肠,其中一根对半切开,露出内里紧实的肉粒和清晰的肥瘦纹理,腊肠外观与输入产品图一致;旁边摆放三个小陶碗,分别装着白酒、花椒、食盐三种简单调味料;产品与调料占画面约50%,右侧留白放置文字信息。
[光影质感] 柔和棚拍顶光,腊肠切面纹理清晰,油润通透,陶碗表面有自然高光,整体干净明亮。
[配色色系] 全局底色 #F7F2E8 浅米色;主色棕红腊肠、陶土色碗;辅助色深褐花椒、乳白食盐。
[视角构图] 俯视构图,产品居左,文字居右,阅读动线从右上标题 → 右中零添加列表 → 左侧产品展示。
[文字版式] 右侧文字区,主标题「五大零添加」,副标题「吃着更安心」;下方五个红叉标识的零添加项「无淀粉」「无卡拉胶」「无防腐剂」「无碎肉拼接」「无工业香精」;底部小字说明「只用盐、白酒、本地花椒简单调味 还原本味腊香」;宋体字形,主标题字色深红,正文深灰;配简约调料图标;文字不遮挡产品。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 科技调料瓶、花花绿绿添加剂包装、杂乱道具、腊肠变形、切面发黏、水印、文字错乱。
[第4屏] 工艺解析-金马鞍风干牛肉传统风干工艺。本屏使用【图2】香辣味红袋作为产品辅助展示。 [氛围/风格] 传统工艺感 匠心品质 真实场景 民族风。 [元素布局] 画面采用三图纵向拼接版式:上图为内蒙古传统风干房内景,一排排牛肉条悬挂风干,木架结构有民族纹样;中图为特写的风干牛肉条,表面纹理清晰,肉质紧实有光泽;下图为金马鞍风干牛肉香辣味包装袋(与输入产品图绝对一致)置于传统木桌上,旁边放有香料与牛肉干。三图之间有金色分隔线与步骤编号。 [光影质感] 上图为柔和自然光从窗户射入,形成明暗对比的风干氛围;中图侧逆光打亮牛肉纤维;下图桌面自然光,产品受光均匀。整体暖调,突出传统匠心感。 [配色色系] 全局底色 #F5EFE6 暖米色;主色 木色棕+牛肉棕+金色;辅助色 草原绿、马鞍红点缀。 [视角构图] 纵向三段式构图,自上而下阅读;每段为独立场景,中间用文字与编号串联。 [文字版式] 顶部主标题「传统风干工艺」,深棕色粗黑体;副标题「慢工出细活 越嚼越香」,金色细体。三图右侧分别标注步骤:「① 选料 精选黄牛后腿肉」「② 风干 自然风干入味」「③ 成品 肉质紧实有嚼劲」;标题金色粗体,说明深棕细体。底部小字「传承内蒙风味 坚守传统工艺」。 [比例分辨率] 1:2 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,颜色偏差,包装文字错乱,产品图模糊,背景杂乱。[第4屏] 工艺解析-金马鞍风干牛肉传统风干工艺。本屏使用【图2】香辣味红袋作为产品辅助展示。
[氛围/风格] 传统工艺感 匠心品质 真实场景 民族风。
[元素布局] 画面采用三图纵向拼接版式:上图为内蒙古传统风干房内景,一排排牛肉条悬挂风干,木架结构有民族纹样;中图为特写的风干牛肉条,表面纹理清晰,肉质紧实有光泽;下图为金马鞍风干牛肉香辣味包装袋(与输入产品图绝对一致)置于传统木桌上,旁边放有香料与牛肉干。三图之间有金色分隔线与步骤编号。
[光影质感] 上图为柔和自然光从窗户射入,形成明暗对比的风干氛围;中图侧逆光打亮牛肉纤维;下图桌面自然光,产品受光均匀。整体暖调,突出传统匠心感。
[配色色系] 全局底色 #F5EFE6 暖米色;主色 木色棕+牛肉棕+金色;辅助色 草原绿、马鞍红点缀。
[视角构图] 纵向三段式构图,自上而下阅读;每段为独立场景,中间用文字与编号串联。
[文字版式] 顶部主标题「传统风干工艺」,深棕色粗黑体;副标题「慢工出细活 越嚼越香」,金色细体。三图右侧分别标注步骤:「① 选料 精选黄牛后腿肉」「② 风干 自然风干入味」「③ 成品 肉质紧实有嚼劲」;标题金色粗体,说明深棕细体。底部小字「传承内蒙风味 坚守传统工艺」。
[比例分辨率] 1:2 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,缺件错件,颜色偏差,包装文字错乱,产品图模糊,背景杂乱。