首页作品关于我联系

知识年度账单 H5

Knowledge Annual Bill H5 · H5 / Operation / Motion
项目角色视觉 + 动效设计
服务对象WeLink·品学堂(企业学习)
所属章节02 运营提升

01 项目背景

WeLink·品学堂的年度运营活动:借鉴"年度账单"形式,把用户一年在平台的学习数据(学习时长、课程数、知识条目等)包装为个性化 H5 长图,目标是用情感化内容带动拉新与留存——每一次分享都是一次低成本传播。

【占位:若实际运营目标不同请修正】

02 我的角色

负责 H5 的整体视觉与动效设计,规划页面结构并完成数据可视化形式的视觉表达。

03 设计流程

  • 从数据到叙事:确定"总览 → 分项 → 对比 → 展望"的翻页节奏,每页只讲一个数字故事,避免信息过载;
  • 视觉基调:采用【占位:实际采用的风格 / 主题色——如蓝色系科技感或节日氛围色】,与品学堂品牌保持气质统一;
  • 分享机制:末页生成个性化海报 + 一键分享,降低传播门槛。

04 方案展示

开场:年度关键词揭晓,建立情感钩子;

中段:学习时长、最爱课程、知识贡献等分屏,数字以动效登场;

收尾:生成专属海报,引导分享与"明年再见"。

【占位:补图——开场、数据分屏、分享海报三张】

05 成果与价值

  • 活动参与人数【占位:N 人】;
  • 分享率【占位:xx%】,较上一届活动增长【占位:xx%】。
【占位:如有可公开的数据来源,在此注明】