Obriy 的作品列表提供了两种不同的判断线索：这项作品做了什么，以及它属于哪个行业。作品集案例标签设计最有价值的部分，正在于它把这两个问题拆开，使访客能够带着自己的需求读案例，而不只比较缩略图的风格。
筛选服务，卡片再补充行业
Works 页面顶部的 All、Web design、App design、Branding、Development 对应服务范围，All 用浅荧绿色表示当前选择。下方三列卡片统一了图片尺寸，却保留了仪表盘、聊天界面、品牌标志和设备样机等不同项目面貌。相同的容器让列表容易扫读，内容差异仍然能被看见。
卡片下面的描边标签列出服务，绿色标签标明 Fintech、SaaS、Government、Healthtech 等行业。一个项目可以同时带多个服务标签，这比把每项作品硬塞进一个分类更符合跨服务项目的实际表达。顶部筛选负责缩小范围，卡片标签负责解释匹配，两层信息有各自的用途。
这种安排也需要保持词汇一致。访客选了 App design，卡片上的同名标签应能解释入选原因；行业标签则不宜突然变成第二套筛选条件而没有提示。JVDS 更偏好把服务类型和行业经验分别编码，让读者先确认能力覆盖，再判断经验是否与自己的产品相关。
亮色有辨识度，职责仍要靠文字区分
规范图把 Pure White、Ivory Grey、Neon Pear、Toxic Lime、Graphite Black 与 Pebble Grey 排在一起，随后展示 Plain 的字级和图标。大面积白与黑承担基础阅读，绿色承担显眼的标记，作品页的行业标签和联系按钮因此能接上同一套视觉语言。
绿色同时出现在分类、箭头、图标和按钮中，不能仅凭颜色判断某个元素能否操作。描边形态、标签位置和动词文字需要继续区分这些职责。字级样本则给长页提供了可重复的标题和正文关系；实际案例介绍仍应按内容深度选择层级，避免每段都用大字争取注意。
联系区照顾不同程度的需求准备
山景背景上的联系区并排放了两张白卡。左侧是姓名、邮件与项目描述输入框，以及绿色 Hit us up 按钮；右侧显示负责人头像和身份，并提供黑色 Schedule a call。文字留言与预约谈话并列，使已经整理好需求的人和希望先讨论方向的人都能找到入口。
项目描述框占据表单的主要空间，这与设计服务需要理解背景相符。若进一步完善，可在提示中给出产品类型、当前问题和预计时间等例子，而不用一次增加许多必填项。预约卡也可以说明谈话时长和需要准备的材料，让入口的选择更有依据。列表负责建立匹配感，联系区负责把匹配转成下一步，这条关系比单独放大一个咨询按钮更完整。
让作品集支持真实的项目沟通
如果你的工作室或服务品牌需要整理案例分类、展示能力范围，并把访问者引导到合适的联系路径，可以围绕标签含义与沟通入口一起设计。
界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可协助规划作品集结构、案例卡片和需求沟通页面。
