扫码加微
跟着《南方周末》去发现城市元素力
项目背景
《南方周末》作为以 “深度报道、人文关怀” 为核心的媒体，需要通过创新内容形式延伸 “城市观察” 的品牌基因；巴斯夫作为化工企业，希望打破 “化工 = 传统工业” 的刻板印象，传递 “科技创新赋能城市美好生活” 的理念。两者合作的 “城市元素力” 图片展，本质是 “媒体内容能力” 与 “企业科技实力” 的互补 。
客户需求
通过【我们的城市元素】展馆（广州空间、人文、建筑），以图文结合的方式呈现城市人文细节，强化 “南方周末擅长发现城市美好、解读人文价值” 的媒体形象；同时借助跨界合作拓展内容形式（从文字报道到互动图片展），提升用户互动性。
项目亮点
自由滑动的交互体验：用户可通过 “左右滑动” 自由切换展馆，无需固定顺序 —— 喜欢科技的用户可先深入了解 “化学作用”，偏爱人文的用户可直接进入 “城市元素”；滑动时伴有 “图片渐显” 过渡动画，流畅自然（符合 “滑动流畅” 的体验反馈）。这种 “无强制路径” 的交互，尊重用户自主选择，页面平均停留时长达 3 分钟（高于普通图片展 H5 的 1.5 分钟）。
信息优先级：“视觉先行，情感后随”：一级信息为 “主图”（传递直观感受）；二级信息为 “核心文字”（解释图片内涵）；三级信息为 “互动按钮”“展馆入口”（功能引导）。科技馆的 “技术关键词”（如 “耐候涂料”）和人文馆的 “情感关键词”（如 “烟火气”）均加粗突出，确保信息传递高效。
内容传播与品牌认知双赢：H5 上线后累计浏览量超 500 万，用户点赞数达 300 万 +，广州 “骑楼”“早茶” 等元素因高点赞引发 “城市元素” 相关讨论（社交平台话题阅读量超 1 亿）。南方周末 “人文 + 深度” 的媒体形象认知度提升 40%；巴斯夫 “科技赋能城市” 的品牌形象认知度提升 50%，“化工 = 创新而非污染” 的用户认同率达 65%。
项目背景
《南方周末》作为以 “深度报道、人文关怀” 为核心的媒体，需要通过创新内容形式延伸 “城市观察” 的品牌基因；巴斯夫作为化工企业，希望打破 “化工 = 传统工业” 的刻板印象，传递 “科技创新赋能城市美好生活” 的理念。两者合作的 “城市元素力” 图片展，本质是 “媒体内容能力” 与 “企业科技实力” 的互补 。
客户需求
通过【我们的城市元素】展馆（广州空间、人文、建筑），以图文结合的方式呈现城市人文细节，强化 “南方周末擅长发现城市美好、解读人文价值” 的媒体形象；同时借助跨界合作拓展内容形式（从文字报道到互动图片展），提升用户互动性。
项目亮点
自由滑动的交互体验：用户可通过 “左右滑动” 自由切换展馆，无需固定顺序 —— 喜欢科技的用户可先深入了解 “化学作用”，偏爱人文的用户可直接进入 “城市元素”；滑动时伴有 “图片渐显” 过渡动画，流畅自然（符合 “滑动流畅” 的体验反馈）。这种 “无强制路径” 的交互，尊重用户自主选择，页面平均停留时长达 3 分钟（高于普通图片展 H5 的 1.5 分钟）。
信息优先级：“视觉先行，情感后随”：一级信息为 “主图”（传递直观感受）；二级信息为 “核心文字”（解释图片内涵）；三级信息为 “互动按钮”“展馆入口”（功能引导）。科技馆的 “技术关键词”（如 “耐候涂料”）和人文馆的 “情感关键词”（如 “烟火气”）均加粗突出，确保信息传递高效。
内容传播与品牌认知双赢：H5 上线后累计浏览量超 500 万，用户点赞数达 300 万 +，广州 “骑楼”“早茶” 等元素因高点赞引发 “城市元素” 相关讨论（社交平台话题阅读量超 1 亿）。南方周末 “人文 + 深度” 的媒体形象认知度提升 40%；巴斯夫 “科技赋能城市” 的品牌形象认知度提升 50%，“化工 = 创新而非污染” 的用户认同率达 65%。
