广州总部电话:020-85564311
20年
互联网应用服务商
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

这个设计师的网站,本身就是最有力的作品集

发布日期:2026-05-31 08:39:11 浏览次数: 805 来源:小墨看站
推荐语
一个设计师的网站,本身就是一件精心设计的作品,通过独特的导航和视觉语言,精准筛选目标客户。

核心内容:
1. 设计师网站如何通过非传统导航词筛选客户
2. 六件跨行业作品展示其统一的设计语言
3. 网站设计本身作为最纯粹的作品集案例
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!

三个导航词、六件作品、一匹骑士——每个细节都在替他筛选客户
打开 Ravi Klaassens 的网站,你看不到传统的作品集。
没有大图轮播,没有案例分页,没有客户 Logo 墙。页面中央只有一个人影——背面剪影,被红色的颗粒物包裹着,边缘像数字故障一样碎裂消散。
一行字:「Design & Code for those who refuse to settle」。
为拒绝平庸的人做设计与代码。
和一个骑马武士的剪影 Logo。
一个接活的设计师,网站上不放作品?我第一次碰到这种情况。往下滚了两屏,看到的东西更少了——只有几句文案和一些几何图形。
但后来我发现,这个网站的"作品集"不在首页上。它藏在导航里。
而且导航的三个词,我一开始看不懂。
Ravi Klaassens 首页:深黑背景 + 红色粒子包裹的人影 + 骑士剪影Logo
▲ Repertoire.● Narrative.■ Liaison
网站的导航用了三个词:Repertoire、Narrative、Liaison。每个词前面有一个几何符号:三角形、圆形、正方形。没有 Home、Work、About、Contact。
Repertoire 不是作品集(Portfolio),是「演出曲目」——暗示每一件作品都是一次表演。它指向两个子页面:Works(作品)和 Insights(见解)。
Narrative 不是关于(About),是「叙事」——暗示品牌不是自我介绍,而是一个故事。它指向 About 和 Brand story。
Liaison 不是联系(Contact),是「联络」——暗示合作不是发一封邮件,而是建立连接。它指向 For Brands、For Agencies 和 Contact。
选择用这些词,不是为了显得高级。是为了筛选。如果你能理解这些词在这种语境下的用意,你就是他想合作的人。如果你觉得这只是在装,那你大概也不是他的目标客户。
这个网站的每处设计,都在替他说同一句话:我只为那些理解我在做什么的人工作。

六件作品,六个行业,一种语言

往下滚动到作品区域,标题是「The Cavalry is here」(骑兵到了),下方排列着六件作品,从「August 2024—NOW」的时间线里展开:
R—K(他自己的品牌)。品牌识别 + 艺术指导。文案:「通过设计、动效和代码构建存在感和共鸣」。一个设计师给自己的品牌设计,就是最纯粹的水平展示——没有客户限制,没有预算约束,纯粹按自己认为最好的方式做。
Prop Films。电影制作公司。位于阿姆斯特丹,制作实验性媒体内容。H1 文案:「由阿姆斯特丹河畔拍摄和剪辑」。页面高度 4985px,包含了案例详情、服务列表、交付成果。
Buyt Bags。旅行配饰品牌。一个以营销活动驱动的数字平台。
TA Design。室内设计。为家庭和办公室提供室内设计服务。
Maison Francis Kurkdjian(MFK)。法国高端香水。H1 文案:「发现 MFK,法国传统与现代创新交织的地方。体验通过个性化服务和精细工艺的奢华。」页面高度 6020px——这是最大最详细的一个案例。包含了品牌理念、视觉展示、服务范围。
Chris+Hansen。纽约生活方式画廊。古怪的单品和室内服务。
六个作品分布在完全不同的行业——香水、电影、室内设计、旅行配饰、品牌识别。没有一个是同一个品类的。但你能看出是同一个人的设计:干净、克制、深色主调、极致排版、字体间距精确到像素级。

Maison Francis Kurkdjian 案例页面:6020px 高,包含品牌理念、视觉展示、服务范围

两个服务方向,一个流程

作品集之后,网站进入了服务介绍。Ravi Klaassens 把服务分为两个方向。
For Agencies——写给缺人手的代理商。「你们团队少个人手?我可以加入你们一起干。」不是来接管项目,是来支援。页面包含他的工作流程:Discovery(发现)→ Strategy(策略)→ Design(设计)。每个阶段都有具体的说明——发现阶段理解需求,策略阶段确定方向,设计阶段产出结果。
For Brands——写给敢于冒险的品牌。「为敢于超越非凡的品牌做设计与开发。」流程跟 For Agencies 一样,但语言更偏向品牌端——从命名策略开始,到品牌识别,到网站上线。
没有价目表,没有套餐对比,没有"我们的优势"列表。只有流程和 CTA。
简洁本身就是一种专业性背书。沟通效率越高,合作越顺畅——这是他通过设计语言传递的信息。

For Agencies / For Brands 两个服务板块滚动展示

R—K 的品牌哲学

网站的「Narrative」板块下,有一篇叫「Creation of the R—K brand」的文章。开头第一段话:
「R—K 不是为了创造更多设计而成立。它是对设计行业现状的一种回应。」
后面还有一句:「为存在感而建,不是为数量。」
这几句话概括了整个网站的设计哲学。首页不放作品集,导航用非常规词汇,色彩克制到几乎只有黑色和红色——所有这些选择,不是因为审美偏好,是因为设计哲学。
他的作品是为那些拒绝平庸的人做的。所以他的网站也必须让平庸的人感到不适。

About R—K 页面:5181px 高,包含品牌理念和创始人介绍

底栏,做成了工业控制面板

网站底部有红色的悬浮底栏。但这不是一个普通的页脚。
底部红色控制栏:带铆钉的工业风交互面板,含目录导航和声音开关
四角有铆钉一样的小圆点,看起来像工业设备上的铭牌。上面有:目录导航、声音开关(这个网站有背景音乐)、和一些几何符号。设计语言模拟了物理控制面板——把数字界面做得有实体质感。
这种质感在「Get in touch」按钮上同样出现——看起来像带铆钉的金属牌。
数字界面模仿物理世界,这是极少数设计师才能驾驭的手法。做过了显土,做得不够显刻意。Ravi Klaassens 做到了"刚好看出来"的程度。

所以说,这个网站没有作品集——不对。这个网站本身就是作品。
它用导航词测理解力,用骑兵 Logo 测品味,用铆钉和金属质感测审美敏感度。六个作品分布在不同行业,证明了能力范围;两页服务说明,表明合作流程清晰;一篇品牌故事,说明他清楚自己为什么做设计。
如果你看完这个网站,觉得「还行」——那你大概不是他的目标客户。
如果你看完这个网站,觉得「这个有意思」——那你们可能是一类人。
一个设计师的个人网站,能做到这种效果,已经不需要更多作品展示了。

🌿
以上,既然看到这里了,如果觉得不错,随手点个赞、在看、转发三连吧。

📖往期推荐
如果你喜欢看网站设计类的深度分析,这几篇值得一看。
品牌策略工作室,不聊策略聊什么?
一个没有"关于我们"的创意工作室
这个网站,看得我后背发凉
帮 Taylor Swift 做巡演的公司,官网长什么样
我是小墨,下次见。

优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询