H5问答答题页第2题,和第1题保持一致的浅色系简洁答题界面,顶… - 图片创意预览

H5问答答题页第2题,和第1题保持一致的浅色系简洁答题界面,顶…

H5问答答题页第2题,和第1题保持一致的浅色系简洁答题界面,顶部标注"第2题/共5题",题目居中显示文字"第十五届全运会的举办时间是?",题目下方分列A、B、C、D四个选项,底部有"下一题"按钮

用户头像

1qm3bi1hprX...

2026.03.13
桂味联年终大促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至朋友圈可参与腊味大礼包抽奖。
AI写作工作台选题库管理页V2 UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"选题管理"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"选题管理"。状态标签栏:两个横向标签页,"待写"当前选中深蓝色背景旁小数字8,"已写"旁小数字15。操作栏:左侧"全选"复选框,右侧两个按钮"批量自动生成"(暗金色)和"新建选题"。内容列表区(待写区):极简表格,列名为选题标题、指定框架、创建时间、操作,每行左侧有复选框。四行数据:第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]",第二行"为什么我们坚持按时间收费? | 日常干货 | 2026-07-25 | [编辑] [删除]",第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]",第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区(模拟点击第一行编辑后在表格下方展开):选题标题输入框已填"关于C端和B端本质区别的深度思考";指定框架下拉菜单当前选中"深度文章";选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点:很多从业者分不清C端和B端交付的本质区别,导致用C端思维做B端生意,越做越累。拟从自身踩坑经历出发,深入剖析两者在问题属性、交付标准、沟通成本上的根本差异,最终指向'规则至上'的核心战略选择。",文本框右下角【AI重新提炼】按钮,旁边小字提示"点击将基于最新对话记录,重新生成选题背景。";底部操作区醒目暗金色按钮"保存修改",旁边灰色"取消"按钮。底部操作栏:醒目暗金色按钮"批量自动生成",旁边小字说明"勾选选题后,点击此按钮,系统将自动调用各选题指定的框架和知识库,在后台依次生成文章初稿。生成后文章将存入'生成待审区',选题将自动移入'已写区'。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。AI写作工作台选题库管理页V2 UI界面原型图,横版16:9比例,背景纯白,主色调深蓝与暗金,极简商务风格,严谨专业,高信任感。左侧深蓝色侧边栏约占1/6宽度,顶部暗金色品牌标志文字"智宅焕·AI写作工作台",下方竖向导航菜单深灰色文字,当前选中项"选题管理"为深蓝色背景白色文字,其他菜单项依次为"工作台首页""文章生成""文章成品区""框架管理""知识库管理""平台适配配置""文章上传与拆解""待处理仓库""用户权限"。右侧白色内容区:顶部大号深蓝色粗体标题"选题管理"。状态标签栏:两个横向标签页,"待写"当前选中深蓝色背景旁小数字8,"已写"旁小数字15。操作栏:左侧"全选"复选框,右侧两个按钮"批量自动生成"(暗金色)和"新建选题"。内容列表区(待写区):极简表格,列名为选题标题、指定框架、创建时间、操作,每行左侧有复选框。四行数据:第一行"关于C端和B端本质区别的深度思考 | 深度文章 | 2026-07-28 | [编辑] [删除]",第二行"为什么我们坚持按时间收费? | 日常干货 | 2026-07-25 | [编辑] [删除]",第三行"智能家居从业者的三条活路 | 深度文章 | 2026-07-20 | [编辑] [删除]",第四行"工厂老板转型交付服务商的三个门槛 | 日常干货 | 2026-07-18 | [编辑] [删除]"。选题详情编辑区(模拟点击第一行编辑后在表格下方展开):选题标题输入框已填"关于C端和B端本质区别的深度思考";指定框架下拉菜单当前选中"深度文章";选题背景/逻辑宽大文本框内模拟文字"[AI自动提炼] 来源于2026-07-28与AI的对话。核心痛点:很多从业者分不清C端和B端交付的本质区别,导致用C端思维做B端生意,越做越累。拟从自身踩坑经历出发,深入剖析两者在问题属性、交付标准、沟通成本上的根本差异,最终指向'规则至上'的核心战略选择。",文本框右下角【AI重新提炼】按钮,旁边小字提示"点击将基于最新对话记录,重新生成选题背景。";底部操作区醒目暗金色按钮"保存修改",旁边灰色"取消"按钮。底部操作栏:醒目暗金色按钮"批量自动生成",旁边小字说明"勾选选题后,点击此按钮,系统将自动调用各选题指定的框架和知识库,在后台依次生成文章初稿。生成后文章将存入'生成待审区',选题将自动移入'已写区'。"。所有文字清晰可读,模拟真实软件后台界面,严谨高效可配置,无卡通花哨元素。