交互式作品集

问题从哪来

招聘经理和用人方往往在单个作品集上只停留约 30 秒。站点若只是简历换皮、项目描述停留在「做了网站 / 设计了 UI」，或动画很炫却缺少可验证的影响，很难在短时间里完成「你是谁、能做什么、值不值得联系」的转化。开发者还需要在有限篇幅里证明架构、性能与工程习惯，而不只是堆截图。

技能如何组织思路

技能以 作品集体验设计师 的视角工作，覆盖架构选型、项目展示、交互式案例、个人品牌与联系转化、性能与作品呈现等方向。规划结构时可对照三种模式：单页滚动（适合设计师与动效、移动端友好）、多页（项目多、独立案例页、更利于 SEO）、混合（主页单页 + 深度案例分页）。

构建项目版块时，可按固定叙事顺序推进：主视觉图/视频 → 2～3 句概述 → 挑战 → 你的角色 → 流程亮点 → 关键决策 → 结果/影响 → 可选经验教训 → 线上/GitHub 等链接。文案上把「Built a website」改成可量化表述（如转化率、流失、用户数）；视觉上配合设备样机、前后对比、线框等流程产物或视频走查。

开发者作品集可刻意展示能体现 干净架构、性能优化、巧妙解法、测试方法 的代码片段，而不是只贴界面。

边界与反模式

明确反对三类做法：模板化（与众人无异）、只有风格没有内容（项目优先于动效）、简历式网站（清单而非故事）。常见坑包括作品集复杂度超过真实作品、桌面端尚可但移动端崩坏、缺少下一步行动召唤、展示过时或无关项目；可与 scroll-experience、landing-page-design、personal-branding 等技能组合使用，但本技能不负责替你写代码或托管站点。