首屏优先级
香港访客先看到什么，决定官网该怎么做
香港用户打开一个网站，多数时候是在手机上、在移动网络里、在通勤途中。首屏能不能在两三秒内让人看清"这是谁、提供什么、下一步点哪里"，比首页放多少内容重要得多。
我们的做法是先定信息架构，再定视觉。导航层级控制在两层以内，主要动作放在拇指可及的区域，图片按需加载而不是一次性全部拉下来。这不是审美偏好问题——加载速度和首屏体验直接决定访客会不会继续往下滚。
导航层级
控制在两层以内
主要动作
拇指可及区域
图片加载
按需而非一次性
响应式设计
响应式设计不只是把桌面版缩小
响应式设计要求每一档宽度都重新安排内容优先级，而不是等比缩放。手机上第一屏该出现什么、哪些内容折叠进手风琴、表格在小屏上怎么读，这些都要单独决定。
我们通常在 Figma 里同时铺开手机、平板、桌面三种画板，边做边对照，而不是先做完桌面版再"适配"一遍。同一套设计系统贯穿三个尺寸，颜色、间距、按钮状态只定义一次。
移动应用设计
先想清楚要不要做 App
不是每个业务都需要原生 App。如果你的核心需求是轻量安装、离线可用和消息推送，PWA（渐进式网页应用）往往比原生 App 更快落地，也省掉应用商店的审核周期。
如果业务依赖系统级能力，比如相机深度调用、蓝牙设备、后台定位，那就走原生路线，界面按 Apple 的 Human Interface Guidelines 等平台规范来做。两条路我们都会在项目开始前给出取舍说明。
品牌视觉识别
标志要能在小图标里活下来
一个标志设计得再好看，如果缩到社交头像就糊成一团，它在实际使用中就是失败的。所以我们做视觉识别系统时，会同时交付完整版标志和自适应 Logo：简化版、单色版、竖排版、小尺寸图标版。
矢量资产用 Adobe Illustrator 输出，因为印刷、刺绣、大幅面喷绘都需要无损缩放的源文件。品牌延展部分会给出颜色、字体、间距和图形元素的使用规则，让后续做海报、包装、社媒图的人不用每次重新猜。
品牌延展
城市视觉语言如何进入商业品牌
香港近年的城市品牌更新把 Kai Tak Stadium 这类地标纳入视觉叙事，把城市的新鲜感和现代性做成可传播的图形符号。这种思路对商业品牌同样有参考价值：与其堆抽象概念，不如找一个能被反复使用、能一眼认出的具体元素。
我们在品牌项目里会问一个问题：三年后你的标志出现在一个你没预料到的场景里，它还能被认出来吗？
评审节奏
用 Figma 建立评审节奏
Figma 是主要的界面设计与协作平台，网站、移动应用和设计系统的原型都在这上面做。评审时大家看的是同一份实时文件，评论直接挂在具体元素上，不会出现"我改的是第三版但你打开的是第五版"。
跨时区协作
对香港团队来说，评论、版本历史、组件更新都留在同一处，沟通不靠邮件来回。
设计系统复用
规则一旦建立，新增页面可以复用组件，交付速度会明显不同。
设计系统为何省钱
颜色、字体、间距、组件状态定义成可复用规则，后续改版不用从零开始，新成员也有统一参照。
无障碍设计
无障碍设计是基础项，不是加分项
WCAG（网页内容无障碍指南）对对比度、键盘操作、文本替代都有具体要求。面向公众服务、教育和企业官网的项目，这些要求越来越被认真对待。
实际落地时，我们会在设计阶段就检查颜色对比是否达标，而不是等开发完成后再补救。表单的标签、错误提示、焦点状态都要能被屏幕阅读器正确读出。做得好的无障碍设计，普通用户往往感觉不到，但它让网站对更多人可用。
交付物清单
你最后拿到什么
具体范围在启动前以书面形式确认，避免中途反复。
建站方式
网站用 WordPress、Webflow 还是定制开发
这个问题没有统一答案，取决于你的内容更新频率、视觉控制需求和后续维护能力。
常见问题
访客最常问的三件事
香港企业官网现在最重要的设计优先级是什么？
移动端首屏体验、加载速度、信息层级清晰度。视觉风格重要，但它排在"能不能用"后面。
网站做成 WordPress、Webflow 还是定制开发更合适？
看你的内容更新频率和维护方式。频繁更新选 WordPress，重视觉展示选 Webflow，有复杂业务逻辑才考虑定制开发。
品牌 Logo 现在更适合极简风还是自适应系统？
两者不冲突。核心是准备一套自适应 Logo，让标志在小尺寸、单色、竖排等场景下都能用。