香港航空全新订票 APP 及官网设计
客户香港航空全新订票
年份2025
领域数字设计 / UI & UX
合作模式研究 / 设计 / 系统
项目背景 — BACKGROUND
项目背景
香港航空在品牌焕新后，需要将全新的视觉语言系统化地应用到官方 App 和官网。项目涉及多端适配、多语言支持和复杂航班搜索逻辑的前端实现，需要一支同时具备设计能力与技术交付能力的团队。
核心挑战 — CHALLENGE
核心挑战
在 3 个月内完成 App 核心流程（搜索→选航班→下单→支付）和官网首页的视觉设计 + 前端开发，确保在多端设备上体验一致。
解决方式 — APPROACH
解决方式
设计侧：从港航新品牌规范出发，将色彩、字体、间距令牌化为统一的设计系统，输出 Figma 组件库 + 开发者文档。
开发侧：使用 Next.js + Tailwind 搭建响应式官网，以 React Native 实现 App 核心功能，设计稿 → 代码的还原度通过 Pixel Perfect 验收。前后端分离架构，API 对接港航现有订票中台。
用户研究与场景梳理
梳理目标用户、关键触点与信息优先级，先确认页面该解决什么问题。
视觉语言定义
建立色彩、字体、图像比例与排版节奏，让项目表达保持一致。
组件库与设计系统搭建
把关键模块拆解成可复用结构，覆盖列表、详情、展示与转化场景。
交付与移交
完成多端适配、内容落位与细节修正，确保视觉和使用体验统一。
成果呈现 — OUTCOME
成果呈现
项目按期交付，App 在 App Store 评分 4.7，官网 Lighthouse 性能评分 92。港航将灵谷列入年度设计供应商，后续追加了常旅客系统和机上娱乐界面两个项目。
3×设计转化效率提升
400+项交付成果
NEXT PROJECT