02Case File2024
TCwenzhou 个人站 / 实验主页
运行中 / 2024 - 至今 / 信息架构 / 前端实现 / 内容策略
这个网站本身也是一个持续演进的项目。它既承担作品集,也承担实验室和公开工作台的角色,目标是把风格、内容和产品感拉到同一条线上。
Background
个人站很容易变成“有风格但难以理解”,或者“信息很全但没有记忆点”。这个项目的目标是保留气质,同时提升可读性、转化力和产品延展性。
Problem
如果首页只讲氛围,访客很难判断值得看什么;如果所有页面都像列表,网站又会失去辨识度。问题核心是如何在叙事感和信息效率之间取得平衡。
Approach
采用电影分镜与档案馆结合的视觉语言,但在信息架构上用 Projects、Lab、Games 三条主线承接内容,让每个页面都承担清晰职责。
Next.jsTypeScriptVercelMotion DesignContent Design
Architecture and approach
首页负责快速建立定位,并引导到最值得看的主线页面
Projects 负责案例证明,Lab 负责产品证明,Games 负责方向与原型证明
内容数据抽象到统一配置层,降低后续扩展和维护成本
Key challenges
需要保留已有气质,而不是改成通用作品集模板
页面既要表达个人方向,也要具备真实项目与产品价值
视觉表达与 SEO、可读性、移动端体验之间需要反复取舍
Results and evidence
站点从单纯展示页升级成了可持续扩展的个人产品骨架
首页、Projects、Lab、Games、About、Contact 形成了更明确的内容分工
后续新增项目详情、学习功能和游戏原型时不需要推翻重来
Personal contribution
独立完成信息架构梳理、视觉统一和前端落地
把作品集、实验室和合作入口整理成一致的内容系统
持续根据真实访问体验迭代首页表达、案例结构和页面关系
Next step
继续补强项目详情内容、Lab 的学习闭环和 Games 的原型证据,让网站既有风格,也越来越像一个成熟的个人产品。