在Webflow中构建了28个独特的设计作品集示例

准备好被我们在Webflow中构建的最喜欢的独特设计作品集示例吹走。

学习如何建立一个设计作品集
建立和视觉设计一个完整的投资组合网站-完全免费。本课程涵盖了从基本的网格和flexbox到高级交互和无障碍工作的一切。
开始课程
原谅中断……

有这么多各种形状和大小的在线设计作品集,很难做出一个真正脱颖而出的作品。

当你专注于获得更多的工作经验时,创建一个优秀的作品集可能会很困难。然而,重要的是你要留出一些时间来制作你自己的个人作品集。无论你是UI设计师,用户体验设计师,网页设计师,平面设计师,还是市场营销人员,拥有自己的作品集将帮助你为你的工作带来更多的可视性,并让你吸引新客户

我们精心挑选了28个最独特的设计作品集作为灵感来创建你自己的。每一个这些美丽的,自定义组合网站已经设计与每个设计师的具体需求和目标。让我们来看看是什么让每个投资组合脱颖而出。

28个设计作品集的例子值得检查

我们根据他们的网站设计、他们展示客户工作的能力以及他们独特的个性挑选了这些作品集。让我们来看看是什么让每个投资组合脱颖而出。

1.杰西卡·埃尔南德斯

杰西卡·埃尔南德斯的主页

杰西卡·埃尔南德斯是加州旧金山的一所学校的辅导员。如果你正在寻找一个能给人留下良好第一印象的作品集,这是一个你绝对应该去看看的例子。

Jessica的作品集从一个有趣的预加载动画开始,导致一个充满色彩、个性和魅力的网站。Jessica的作品集也带来了很多功能,并允许访客快速看到Jessica代表什么。

配有一个关于页,使命声明,数字简历,项目页,和联系信息,这个作品集是一个多页作品集网站做对了一个很好的例子。

2.克里斯蒂娜Kosik

克里斯蒂娜Kosik主页

克里斯蒂娜Kosik是一个了不起的设计师和网页开发者,总部设在加拿大温哥华。如果你正在寻找设计灵感的来源,那你就来对地方了。克里斯蒂娜优雅的滚动动画和自定义光标拉到这个单页风格的投资组合。

这些动画在添加功能方面也做得很好。例如,在工作部分在这个组合中,悬停在每个项目上可以让你看到每个项目的不同元素。

3.米歇尔Ovalle

米歇尔Ovalle主页

米歇尔Ovalle是一名用户体验和视觉设计师,在该领域拥有超过10年的经验。她的作品集很简单,但却有效地传达了米歇尔的工作。作品集配有一个项目页面、一个关于页面和一个博客。

如果你想赚点网页设计的灵感对于你的下一个作品集(重新)设计,你绝对应该看看这个作品集网站。

4.Nad Chishtie

Nad Chishtie的作品集网站。

Nad Chishtie是一位英国数字产品设计师,他独特的数字作品集欧宝体育在线首页出色地展示了他的个性。我们了解到他的项目方法是经过计算和有效的。Nad的作品集让我们了解了他的过程,这引起了我们的注意,并建立了信任。

5.蒂莫西·毛雷尔

蒂莫西·毛雷尔主页

如果你想要一个干净、简单、专注于工作的独特作品集的例子,盖毛雷尔是一个必看的地方。Timothy的作品集采用了一种简单、高度吸引人的设计方法,并作为他所有最佳作品的索引。当我们登陆作品集主页时,我们看到了一卷令人印象深刻的交互式副本,展示了Timothy的优势和兴趣。他令人难以置信的工作经历无需过多的想象或互动就能说明一切。

6.安德烈纪梵希

安德烈纪梵希的主页

安德烈纪梵希他做了一件令人难以置信的工作,清楚地强调了他所带来的价值和他所承担的每个项目背后的激情。在今天的网络环境中,社会认同变得越来越重要,Andre提供了很多——我们可以看到他合作过的品牌,以及案例研究的推荐信。他的方法很微妙,同时也帮助潜在客户理解为什么他是这份工作的最佳人选。

7.丹•马查多

Dan Machado的作品集网站。

丹•马查多是一个多学科的设计师谁使用大,引人注目的图像在他的主页上盘旋,他的项目立即沉浸到他的惊人的工作的领域。每个案例研究使用一个迷人的复制和图像的混合物,以展示他的过程和一个惊人的最终产品。欧宝体育在线首页如果你想使用图像和视频来补充你的作品集,Dan的网站是一个很好的参考点。

8.格雷格基督教

Greg Christian的作品集网站。

格雷格基督徒的组合是现代的(和道路(酷一点)做一份传统的简历。一旦我们登陆主页,我们就知道他正在工作的公司,他目前的项目,以及他的位置。这个一页纸的作品集是我见过的最好的作品之一,它以一种整洁的方式展示作品,并能让我们始终保持注意力。克隆它从Webflow展示中获得,并亲自试验一下!

9.Kerem

Kerem投资组合的网站。

Kerem是一位杰出的跨学科设计师,总部位于旧金山。他的作品集太棒了,我们要推荐他第二次.这是用极简风格展示你的作品的最好例子之一。Kerem在主页上展示了他的作品,在中性的背景下使用了醒目的颜色——清晰而简洁。他通过将作品中的元素分解成不同的尺寸和布局,让我们得以一窥他的设计过程。他真的为网上作品集树立了标准。

10.亚历克斯米色

亚历克斯米色主页

亚历克斯米色是一个纽约的网页设计师,他的网站带你踏上旅程,展示Alex的有趣的个性和恒星的工作。这个作品集是一个单页风格的网站,引导你通过以前的客户工作,设计和开发过程,一个(滑稽的)团队页面,并呼吁行动联系。

如果你正在寻找一个有趣的单页作品集,你一定要看看这个。

11.莫里茨彼得森

Moritz Petersen的作品集网站。

莫里茨彼得森是一个自由的网页设计师,专注于交付网站,100%为他的客户的需求量身定做。在他的作品集中,始终强调拥有一个可靠的工作流程的重要性,而他深思熟虑的设计作品也表明了一致的方法是多么重要。Moritz还用他的作品集来强调他使用Webflow的主要原因。有时很难在一个新的网站平台上销售客户,但在你的作品集中如此突出的部分列出你的原因,并展示你在该平台上所做的工作是两个明智的策略。

12.亚伦悲伤

亚伦格里夫的作品集网站。

亚伦悲伤自称Webflow宅,多年来一直为Webflow社区做出贡献。他是一位有深度且信息量惊人的作家博客,和造物主耀眼网站只有看到了才会相信。当Webflow团队听说Aaron正在更新他的个人作品集时,我们都坐在座位的边缘,等待完成的产品。欧宝体育在线首页他的工作证明了他对Webflow的精通。

设计直观的不同寻常的互动元素可能很棘手,但Aaron做到了这一点完美。当你滚动浏览他完美执行的一页作品集时,你将经历一段只有一行字的旅程。Aaron向我们介绍了他自己,并展示了他最好的作品。通过直接链接到他制作的网站,Aaron让他的作品为自己说话。

13.Moy科林

Moy科林的主页特别吸引眼球——这是双关语——因为他名字中的o代表着生动的眼睛。科林在整个网站中保持主题,使O在About, Portfolio和Contact中的可点击元素打开一个更大的圆圈,包含更多的信息。这是一个有趣的设计,你可以通过克隆项目来试验。

黄橙色的背景。巨大的黑色文字“COLIN MOY”,用眼睛代替Os。

我们喜欢科林展示过去项目的方式。点击Portfolio会打开一个垂直椭圆的手风琴,每个都有预览图片或视频和一个项目名称。

14.Matthew P芒格

Matthew P Munger的投资组合网站。

Matthew P芒格是Webflow的一名QA分析师,拥有这个列表中最酷的作品集之一。他独特的设计作品集受到了经典Mac OS的启发,是我所见过的与众不同的作品。马修创造了一个无缝的用户体验,让我们浏览一个系统,自那以后被一个更现代,光滑的设计超越。这个作品集使马修与众不同,并使他的观众高兴。

15.Keagan

Keagan主页

Keagan在线投资组合是一个完美的无装饰的设计-它是清晰的,有一个伟大的配色方案,并浪费时间展示他最好的作品。在你的作品集设计中直接而明确,专注于少数项目将比专注于你曾经参与过的所有项目更有效。

在网络上释放你的创造力

使用Webflow的可视化开发平台来构建完全定制的、可用于生产的网站——或者高保真的原型——而无需编写一行代码。欧宝体育在线首页

订阅成为一个Webflow内幕
谢谢你!你已经订阅了!
哦!订阅的时候出了点问题。
免费入门

16.罗伯特·杰伊·弗洛伊德

罗伯特·杰伊·弗洛伊德的投资组合网站。

当你滚动首页罗伯特·杰伊·弗洛伊德的极简主义,有点块状,但非常有趣的网站,我们展示了他的特色工作的片段,吸引我们更多地了解他的工作。他的案例研究中有大量的复制,但也有相当数量的图像和视频演示他的设计,给我们提供了最好的两个世界。

他概述了自己工作流程的关键元素,这在构建自己的设计作品集时非常重要。展示您独特的方法将帮助您在数字设计作品集的世界中脱颖而出。

17.布雷特的土地

布雷特土地主页

布雷特的土地是Brett Shea的作品集,Brett Shea是一名广告文案、设计师和创意总监,现居加州旧金山。

通过这个作品集,你可以看出布雷特是他所在领域的专家。目录页面展示了一些令人惊叹的项目,点击每个项目本身就是一段旅程。例如,这个Airbnb项目非常出色地突出了所有为创建爱彼迎餐厅所做的工作。

如果你正在寻找如何展示客户作品的灵感,你一定要看看布雷特的作品集。

18.迈克尔·吉

Michael Ji的作品集网站。

每一个交互迈克尔霁的投资组合是很多乐趣。从您登陆网站的那一刻起,您就会享受到Michael为展示他的个性和他令人印象深刻的作品而创作的极具娱乐性的动画。他的项目页面与我们列表上的其他项目组合相比,它非常简约,但仍然有效——悬浮覆盖层为每一项工作提供了一个简短而超级描述性的介绍。

19.徐怀钰仓叶

Yuki Asakura的作品集网站。

一个设计良好的投资组合不一定是奢侈的。徐怀钰仓叶的网站是让工作说明一切的完美例子。Yuki对改善交通充满热情,这反映在他如何轻松地移动和享受他的投资组合。每个项目都呈现在一个简单的背景上,就像它出现在各种设备上一样。

20.亚当何

亚当Ho主页

亚当的组合是我们发现的最独特的一种。这是我个人的最爱之一。一开始感觉很忙,但当你开始与网站互动时,它会变成一种身临其境的、令人满意的体验。让这个作品集脱颖而出的是它的互动性。我们可以移动卡片,用像绳子一样的光标玩——这是一个很好的方式,让我们参与,鼓励我们深入挖掘亚当的项目。

我们曾经写过好玩的光标越来越受欢迎流行的设计趋势,很高兴看到设计师们在Webflow上构建他们的作品集的同时结合了这些趋势。

21.马特雅布伦斯基

Matt Jablonski的投资组合网站。

Matt Jablonski的设计作品集利用空格以极其清晰有效的方式呈现他最好的作品。主页上的每张卡片都有一个彩色的覆盖层,每一张都非常不同。柔和的调色板增加了和谐,使无缝滚动的经验。

22.大卫McGillivray

David McGillivray的作品集网站。

作为一名经验丰富的创意总监,大卫McGillivray创建整体设计解决方案,这在他独特的设计组合中反映强烈。越来越受欢迎,但仍然是罕见的,这是一个有趣的惊喜,圆形光标扩展悬停是一个伟大的触摸,已经非常棒的体验。令人愉快和难忘的-任何设计作品集的关键品质-光标带来大卫的黑白设计的生活。

很明显,大卫是一个了不起的设计师,浏览他的作品项目巩固了这种直觉。每一个充满图片和视频的项目页面都让我们沉浸在大卫的作品中,展示他的动画和微互动。

23.托尼•希内斯

托尼·希内斯的作品集网站。

我们都听说过“少即是多”,对吧?好吧,托尼•希内斯的投资组合体现了这一原则。乍一看,它似乎是相当静态和简单的。他展示了他的强项和关键技能,同时指向我们他的各种社交媒体帐户,以体验更多他的惊人工作。

在他的主页右侧,他的面部互动图像包含了滚动的微妙动作。一旦我们登陆他的网站,我们就知道托尼是做什么的以及如何联系他。

24.玛丽亚拉Portuguesa

Maria la portugal的投资组合网站。

我很高兴偶然发现Maria la portugal的网站.它是奇怪的,古怪的,奇妙的,以一种简单但独特的格式描绘她的工作。柏林平面设计师Maria使用她的网站展示她古怪的平面设计技能,品牌和标志设计。Maria的作品集是一个简单,简短,充满个性的案例研究页面保持我们的注意力,鼓励我们更多地了解设计师的主要例子。

25.投资组合网站-免费模板

如果你正在寻找一个强大的单页作品集模板,这可克隆通过DesignPilot是一个很好的起点。顶部菜单给人一种多页面站点的错觉,但单击选项只是将页面跳转到所选部分。

投资组合的网站模板。黑底白字,我是罗宾·威廉姆斯。一名欧宝体育在线首页来自意大利的产品设计师”,图片左侧是一名身穿黑色卫衣的男子,手拿一顶黑色帽子。

这个模板自始至终都使用运动,当你滚动时,文本和图像会滑动到合适的位置。它还包括客户证明的占位符,一个联系表单,和一个带有社会媒体图标和额外链接的页脚部分。

26.凯尔Hyams

凯尔Hyams主页

作为艺电设计系统团队的一员,凯尔Hyams对创建一个诱人的设计组合的重要性并不陌生。网站上使用的排版一开始让我很困惑,但在进一步的互动中,我意识到它代表了一个坚固的层次结构——谁不喜欢一个小小的非传统的组织呢?这肯定比在整个作品集中使用一种字体和大小更有趣。

27.Pierrick Calvez

Pierrick Calvez主页

Pierrick Calvez是一个艺术家和设计师,他的作品集网站纯粹集中在这些学科。与我们列表上的其他一些网站相比,Pierrick的网站使用了一种相对简单的方法。基于卡片的布局和微妙的互动立即吸引了我们。像佩里克这样的设计师,他的作品如此引人注目,通常最好是让作品自己说话。

他还使用Webflow Ecommerce来销售他美丽的印刷品。看看这个惊人的例子独特和一致的电子商务商店

28.约翰尼·贝尔顿

约翰尼·贝尔顿是一名自由产品设计师,曾与In欧宝体育在线首页Vision和Zendesk等大公司合作。他的专长是使复杂的任务简单而直观地使用,这反映在他的作品集干净有效地展示了他最好的工作。Jonny的作品集把重点放在案例研究上,而没有使用很多动画,分散了工作本身。

你有灵感了吗?

一旦你完成了你的作品集设计,请确保使用#MadeInWebflow标签——你可能会出现在我们下一个作品集灵感帖子中!

如果你感到有点不知所措或不确定从哪里开始——别担心。这需要时间创建一个可靠的设计作品集.幸运的是,有很多地方可以找到更多的灵感。看看Webflow制造,那里有一个设计师们建立和分享的社区。或者,前往我们的模板市场,为自己抓取一个投资组合模板

如果你在着手创建自己独特的设计作品集之前有问题,请在下面的评论中提问或前往Webflow论坛.我们很乐意帮忙。

发表

2022年7月20日

类别

灵感

加入谈话

Webflow是什么?

obao体育
关于设计师的更多信息

设计师

可视化画布中CSS、HTML和JavaScript的强大功能。

的相互作用

可视化地建立网站交互和动画。

更多的互动

CMS

定义自己的内容结构,并使用真实数据进行设计。

关于CMS的更多信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

更多关于编辑

举办

设置闪电般的管理托管在短短几次点击。

更多关于举办
Baidu
map