美亚保险 · 企业形象互动 H5
把美亚保险的公司介绍从一份 PDF 手册，做成微信里一屏屏能逛、能听、能转发的互动 H5
Key Results
- 01
5大板块
公司介绍 / 商业 / 个人 / 一带一路 / 联系
- 02
中英双语
全站中英文对照呈现
- 03
0
安装门槛 · 微信即开
01Challenge
客户面临的挑战
美亚保险是 AIG 旗下在中国注册的财产保险公司，业务横跨企业与个人两端 —— 从商业保险、产品延保、帮助中国企业「走出去」的一带一路服务，到境外旅行与个人财产保险，产品线又多又专业。要把「全球资源 + 本地服务」的分量讲清楚，一份静态 PDF 宣传册在手机上翻阅体验差、不便传播，也承载不了动效与交互。
同时对外沟通要同时面向企业客户与个人客户、面向中文与英文读者，内容得结构清晰、一屏一主题，让人愿意逐块看完，而不是下载一个 App 或滑两下就退出。
02Solution
我们做了什么
01
封面即品牌：用中国天际线拼出 AIG
落地封面把「AIG」三个字母用广州、上海、深圳等城市地标天际线填充，呼应「全球资源、本地服务」的定位，配美亚蓝主色与 START 按钮。不需要下载任何应用，微信里点一下就进门，第一屏就把品牌调性立住。
02
目录导航：五大板块一屏总览
CATALOGUE 目录页把公司介绍、商业保险、个人保险、一带一路、联系我们五大板块做成卡片式导航，左侧竖排图文卡、右侧竖排 CATALOGUE 通栏大图。用户一屏看全结构，点哪块进哪块，企业客户与个人客户各取所需，不必线性翻到底。
03
产品内页：结构化 + 中英双语
以个人保险为例，意外健康险、产品延保责任险、旅行险、个人财产险沿时间轴逐条展开，每条中英对照、配主题实拍图，关键服务（如旅行险 7×24 小时全球紧急救援）重点标注。专业条款被拆成一眼能读的模块，而不是一整段小字。
04
微信生态：即开即传播
整套内容跑在微信内置浏览器里，打开即用、可直接转发分享，天然适配客户拜访、官网嵌入与活动物料等场景。把原本躺在附件里的 PDF 宣传册，变成一份可以随手发出去、随时更新的对外名片。
Technical Highlights
- 微信内直接打开，无需下载任何应用，可一键转发传播
- 封面以中国城市天际线拼出 AIG，呼应「全球资源 · 本地服务」
- 五大板块卡片式目录导航，企业与个人客户各取所需
- 全站中英双语对照，覆盖商业保险、个人保险与一带一路服务
- 产品条款结构化拆解，关键服务（如 7×24 全球救援）重点标注
- 顶部实录视频呈现真实操作流程，替代静态宣传册对外沟通
03Gallery
项目画面
04Project Info
项目信息
- 项目周期
- 待补充
- 上线时间
- 2026
- 团队规模
- 待补充
- 技术栈
- H5微信 JS-SDK
- 交付物
- 企业形象互动 H5
- 支持平台
- 微信内置浏览器移动端浏览器
