HAITONG
海通恒信品牌官网
在企业信息完整性与品牌表达之间，组织清晰的栏目、页面与维护方式。
B03 / HAITONG
企业官网 / 电脑与手机UI / INTERACTION
如何在企业品牌升级时保持信息完整，并支持后续内容维护？
我在项目中负责什么
- 梳理企业官网栏目与首页模块的信息层级。
- 设计品牌视觉方案、二级页面与手机适配。
- 结合内容编辑说明核对前台与后台的内容关系。
01
REQUIREMENTS
先确定信息范围与访问层级
需求材料明确首页、公司信息、业务、子公司、新闻、投资者关系、信息公开及招聘等栏目。以栏目结构承载内容，避免视觉改版造成信息遗漏。
根据项目资料整理的阅读路径
- 01栏目与内容梳理
- 02首页模块组织
- 03二级页面
- 04手机适配
- 05后台内容维护
01
信息完整性
保留公司、业务、新闻与公开信息的可达性。
02
品牌规范
在企业视觉要求下探索更清楚的版式与图文比例。
03
后续维护
新闻、荣誉、报告等内容需要有对应的编辑入口。
02
OPTIONS
用两种视觉方案比较信息表达
同一内容在深蓝与浅色底上对照，比较主体、正文与品牌图形的权重。以下为原始 VI 修改阶段方案。
03
MODULES
让首页各模块各有任务
首页先建立品牌识别，再逐步展示业务、子公司、新闻与公司信息。模块内容可以继续进入二级页面。
04
RESPONSIVE
二级页面与移动端重新组织
电脑端详情页与手机端导航使用各自的内容密度，适配保留栏目关系与阅读顺序。
05
DELIVERY
把内容结构落实到后台维护
后台编辑说明覆盖新闻标签、正文、荣誉、定期报告与招标信息。设计交付需要同时考虑访客浏览和企业日常更新。
01
模块与内容对应
明确页面模块的字段与后台编辑对象。
02
更新前预览
编辑内容后预览页面，核对排版与信息完整性。
让设计，接上交付。
形成首页视觉方案、栏目页面及移动端设计，衔接企业内容维护需求。
内容与素材说明在完整作品集中查看 · 第 86–97 页
按企业服务类项目归入 B 端，展示包括公开官网前台。页面来自原始设计阶段，截图中企业数据与人物为历史内容，不作为个人业绩。
查看设计资料依据（4）
- 海通恒信网站更新需求方案.docx
- 海通恒信首页模块图文布局.pptx
- 海通恒信网站.sketch / VI修改与子页面
- 海通恒信官网后台编辑文档.docx