案例研究
为建筑事务所打造更精致的作品集系统
一个以图片叙事为主、同时保持易维护的平静型作品集结构。
- 对象
- 建筑事务所
- 角色
- 信息架构、前端工程
- 周期
- 4 周
- 发布时间
- 2026-03-27
Next.js
TypeScript
Tailwind CSS
shadcn/ui
背景
工作从哪里开始
事务所需要更清晰的对外形象，来展示项目、能力与联系方式，同时不增加编辑复杂度。
问题
真正需要改变的是什么
原有展示虽然有视觉气质，但项目页难更新，整体结构也不一致。
约束
是什么塑造了解法
- 尊重图片主导的项目内容
- 保持项目层级清楚
- 让交接后的内容更新仍然实用
过程
我是怎么推进它的
- 先定义同时适合品牌与运营的项目分类。
- 平衡图像主导的呈现与文字可读性。
- 搭建可复用页面区块，保持更新成本轻。
- 加入清晰的询盘路径。
方案
最终交付了什么
围绕可维护的内容模型与更有节奏的项目叙事流重建网站。
结果 / 影响
最后改变了什么
作品集更易浏览、更易更新，也更符合事务所希望被感知的方式。
第一印象更锋利，而编辑工作量没有变重。
复盘
我学到了什么
- 好的作品集系统一半是呈现，一半是运营。
- 编辑形态和视觉形态同样重要。