需求与信息架构
访谈总部培训团队与酒店一线岗位，梳理 8+ 部门知识场景，输出平台信息架构。
01
Overview — 项目背景
为什么做这个知识平台
让洲际旗下每一家酒店，都能在一个平台上学到洲际酒店管理经验
ngPMS 知识库是面向洲际酒店集团旗下所有酒店员工的内部学习平台，把散落在邮件、文档与会议中的管理经验沉淀为结构化、可检索、可学习的知识资产。
平台按业务组织知识：总经理办公室、法务部、销售部、餐饮部、人力资源部、财务部、工程部、信息技术部等 8+ 部门板块；员工可以学习内容、发表评论、学习完成获得证书，并通过 AI 知识库 快速获取答案。
本次任务是从 0 到 1 完成该 B 端产品：从业务调研、信息架构、视觉系统到前端落地，让知识「学得进、留得住、传得开」。
◇本次项目的三个核心目标
- 聚合分散经验 —— 将邮件、文档、会议中的管理经验沉淀为统一知识库
- 打通学习闭环 —— 学习、评论、证书一站完成，让学习成果可追踪、可激励
- AI 赋能检索 —— AI 知识库直达答案，降低全员学习门槛
02
My Role — 职责
设计到开发的全流程
视觉设计
构建深青 × 浅蓝的视觉系统，设计门户首页与核心内页的高保真界面。
前端开发
手写 HTML5 / CSS3 / JavaScript 实现门户与内页，保证学习、评论、证书与 AI 问答流畅可用。
上线与支持
配合内部部署上线、多端适配与数据驱动迭代，保障平台稳定运行。
03
Process — 流程
从需求到上线的五个阶段
01
需求调研
Discovery
访谈总部培训团队与酒店一线岗位，梳理知识场景、学习习惯与痛点。
02
信息架构
IA & Sitemap
以部门为一级组织单元，规划知识库、学习、评论、证书与 AI 问答层级。
03
交互与视觉
Prototype & Visual
输出可点击原型与高保真设计，沉淀深青 × 浅蓝组件规范。
04
开发交付
Delivery
提供设计标注与交互说明，开发过程中逐屏走查、上线前逐项验收。
05
数据迭代
Iteration
跟踪学习完成率、评论活跃与 AI 命中，持续优化内容与体验。
04
Design System — 设计系统
色彩、字体与设计语言
色彩提取 COLOR
从门户页面与 IHG 品牌色系中提取 —— 深青建立沉稳专业感，浅蓝承载交互与信息层级，语义色表达状态。
#0F4C5C
深青 · 主色
#2A9DB8
湖蓝 · 辅助
#EAF3F5
浅青 · 展示底
#1C2430
墨色 · 文字
#D64545
语义红 · 状态
字体与排版 TYPO
中文系统字体 + 数据等宽数字，长文学习场景注重可读性，信息场景注重密度。
标题
学习洲际酒店管理经验
正文
总经理办公室、法务部、销售部、餐饮部、人力资源部、财务部、工程部、信息技术部。
数据
ngPMS · KNOWLEDGE · 2024
05
Screens — 核心页面
首页视觉与信息架构
门户首页 —— 以部门入口卡片为核心导航，聚合系统通知、待办工作、在线图书馆与专题内容，让员工进入平台即可直达学习与任务处理。
01
学习内容
按部门组织课程与文档，支持学习进度追踪，让管理经验系统化、可掌握。
02
评论互动
内容支持评论交流，沉淀一线实践反馈，让知识在讨论中不断更新。
03
证书激励
学习完成后自动发放结业证书，学习成果可追踪、可激励、可考核。
04
AI 知识库
以 AI 问答直达答案，降低检索门槛，让每一位员工都能快速找到所需知识。
首页信息架构示意
门户 → 知识库 → 学习 → 证书 的闭环动线
导航 · 首页 / 知识库 / 我的学习 / 证书
门户首页 · 部门入口 + 通知中心
知识库 · 分类检索 + AI 问答
学习页 · 内容 + 评论
证书中心 · 我的证书
8+ 部门板块 · 系统通知 · 待办工作
个人中心 · 消息 · 页脚
信息架构原则
复杂业务如何「一眼看懂」
- 部门入口先行 —— 以部门组织知识，员工按岗位快速定位内容
- 学习闭环完整 —— 学、评、证一站完成，学习成果可追踪
- AI 直达答案 —— 问答式检索降低学习门槛，覆盖全员
LIVE PREVIEW · 内部系统
平台已上线使用
ngPMS 知识库为IHG 洲际酒店集团内部平台，仅供旗下酒店员工登录使用，不对外公开访问。此处展示门户首页设计稿与核心功能说明。
06
Philosophy — 设计理念
让知识学得进、留得住、传得开
◆
内容即资产 CONTENT AS ASSET
把散落在邮件、文档、会议里的管理经验沉淀为结构化知识资产，让经验可检索、可复用。
◆
学得进去 LEARNABLE
以部门为入口组织内容，按岗位定位知识，降低检索成本，让学习路径清晰可达。
◆
闭环激励 CLOSED LOOP
学习、评论、证书形成「学-评-证」完整闭环，学习成果可追踪、可激励、可考核。
◆
AI 触手可及 AI ACCESSIBLE
AI 知识库让问答直达答案，把「找知识」变成「问知识」，覆盖每一位员工。
◆
全员可及 ALL-STAFF
面向旗下所有酒店、所有岗位，PC 与移动多端适配，随时可学、随地可学。
◆
后台可控 CONTROLLABLE
权限分级、内容审核与证书发放流程规范可控，保障平台内容安全与合规。
07
Departments — 部门知识体系
按部门组织知识，覆盖酒店全业务线
◆
总经理办公室 GM OFFICE
经营方针、酒店管理经验与决策支持文档，为总经理岗位提供完整的管理参考。
◆
法务部 LEGAL
合同规范、合规要求与法律案例，让合规知识触达每一个业务环节。
◆
销售部 SALES
销售话术、客户管理与市场经验沉淀，赋能一线销售团队快速成长。
◆
餐饮部 F&B
餐饮标准、运营流程与服务规范，支撑门店餐饮业务的标准化运营。
◆
人力资源部 HR
招聘、培训、绩效与员工关怀制度，让人才管理制度化、透明化。
◆
财务部 FINANCE
预算、报销与财务管理制度，规范财务流程，降低操作风险。
◆
工程部 ENGINEERING
设施设备维护、工程标准与安全规范，保障酒店工程运营稳定。
◆
信息技术部 IT
系统操作指南、信息安全与技术支持文档，助力数字化工具高效落地。
知识体系 —— 以「部门」为核心组织单元，覆盖总经理办公室、法务部、销售部、餐饮部、人力资源部、财务部、工程部、信息技术部等 8+ 部门，人人有内容、岗岗有学习。
08
0→1 Journey — 从无到有
一个 B 端设计是怎么从 0 到 1 长出来的
◆
业务调研 RESEARCH
访谈总部培训团队与酒店一线岗位，梳理 8+ 部门的知识场景、学习习惯与现有痛点。
◆
信息架构 INFORMATION ARCHITECTURE
以「部门」为一级组织单元，规划知识库、学习、评论、证书、AI 问答的层级与导航。
◆
交互原型 PROTOTYPE
输出门户首页、知识详情、评论、证书发放与 AI 问答的可点击原型，快速对齐业务预期。
◆
视觉系统 VISUAL SYSTEM
构建深青 × 浅蓝的 B 端视觉系统，沉淀部门卡片、通知中心、知识列表与证书等组件规范。
◆
开发交付 DELIVERY
提供设计标注与交互说明，开发过程中逐屏走查，保证门户与核心内页高质量还原上线。
◆
数据迭代 ITERATION
上线后跟踪学习完成率、评论活跃与 AI 问答命中，用真实数据驱动内容与体验持续优化。
从无到有 —— 调研 → 架构 → 原型 → 视觉 → 交付 → 迭代，六个阶段环环相扣，把「零散经验」变成「人人可学的知识库」。
09
Value — 沉淀与复用
不止交付一个平台，更沉淀一套方法
统一组件资产
部门卡片、通知中心、知识列表、评论与证书等高频组件沉淀为资产库，后续知识类项目开箱即用。
闭环模式复用
「学-评-证」激励闭环与 AI 问答交互沉淀为可复用的产品模式，可推广到更多培训与知识业务。
走查与验收机制
设计走查清单贯穿开发全程，上线前逐项验收还原度，保障每一个内部平台的高质量交付。
沉淀与复用 —— 组件、模式、规范三层沉淀，让 ngPMS 知识库的经验持续为 IHG 后续内部平台复用。
10
Highlights — 设计亮点
让知识平台「好学好用」的四个细节
01
部门入口先行
以部门为一级入口组织知识，员工按岗位定位内容，学习路径一目了然。
02
学习闭环完整
学习、评论、证书一站完成，学习成果可追踪、可激励、可考核。
03
AI 直达答案
AI 知识库把「找知识」变成「问知识」，覆盖每一位酒店员工。
04
通知与待办聚合
系统通知、待办工作与在线图书馆聚合于门户，学习与任务处理互不遗漏。
11
Results — 项目成果
从 0 到 1 带来的平台价值
经验资产化
散落的管理经验沉淀为结构化知识库，覆盖8+ 部门、全员可学。
学习有闭环
学-评-证一站完成，学习成果可追踪、可激励，全员学习可量化。
AI 提效
AI 知识库直达答案，降低全员检索门槛，学习效率显著提升。
12
More Works — 更多作品
