Интернет полон тысяч дизайнерских портфелей, и привлечь внимание потенциального работодателя на этом переполненном рынке труда может быть довольно сложной задачей.
Чтобы выделиться на этом сложном рынке, важно сделать ваше онлайн-портфолио максимально впечатляющим . Сегодня мы выделяем тех, кому не нужна помощь в создании потрясающих портфолио. В этой статье вы найдете 20 выдающихся примеров сайтов-портфолио как от отдельных дизайнеров, так и от творческих студий со всего мира, каждый из которых включает особенность, которая делает его особенным. Давайте посмотрим, что их вдохновляет.
Если вы готовы приступить к созданию собственного портфолио веб-дизайна, ознакомьтесь с нашей статьей о том, как прототипирование и быстрое прототипирование может помочь процессу проектирования, а также о некоторых отличных инструментах для создания прототипов . Или узнайте, как создать выдающийся дизайн-бриф .
Развивайте свой бизнес с помощью партнерской программы Shopify
Предлагаете ли вы услуги по маркетингу, настройке или веб-дизайну и разработке, партнерская программа Shopify поможет вам добиться успеха. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, инструментам для развития вашего бизнеса и страстному сообществу коммерсантов.зарегистрироваться
1. Робби Леонарди
Портфолио: rleonardi.com
Почему он особенный: Робби включает интерактивный опыт в свое портфолио.
О чем он: если вы ассоциируете портфолио с сухим списком фактов, это портфолио может вас удивить. Робби нашел новый способ отображать то, что в остальном было сухой информацией — он выложил свой сайт-портфолио как видеоигру, в которую посетитель действительно может играть. Это невероятно забавное портфолио с интерактивным дизайном заставит вас прокручивать страницу от радости.
Поиск клиентов: создание сильного веб-сайта-портфолио
Получите бесплатную копию книги «Поиск клиентов: создание надежного веб-сайта-портфолио» на свой почтовый ящик.Эл. адресПолучите бесплатную копию
Введя свой адрес электронной почты, мы также отправим вам маркетинговые электронные письма, связанные с Shopify. Вы можете отказаться от подписки в любое время. Примечание: руководство не будет рассылаться по электронной почте на основе ролей, например info @, developer @ и т. Д.
Наши виртуальные винтики крутятся.
Обратите внимание, что
доставка нашего электронного письма
в ваш почтовый ящик может занять до 15 минут .
2. Юл Моро
Портфолио: y78.fr
В чем особенность: Юл создает на своем сайте поистине уникальную атмосферу.
О чем он: сайт Юла Моро — отличный пример использования визуальных элементов для привлечения внимания пользователей. Он черпает вдохновение из 1980-х годов и фактически посвящает свое портфолио той эпохе. Единый макет страницы со встроенными видео, изображениями и умными эффектами прокрутки прекрасно демонстрирует весь его опыт и навыки.
3. Даниэль Спацек
Портфолио: danielspatzek.com
Почему это особенный: Дэниел демонстрирует свои навыки графического и веб-дизайна.
О чем: Дэниел, будучи одновременно графическим и веб-дизайнером, прекрасно демонстрирует свои навыки в своем портфолио. Используя множество приемов CSS и анимации, он оживляет все и создает действительно динамичный опыт.
4. ToyFight
Портфолио: toyfight.co
Почему это особенный: ToyFight использует привлекательную цветовую схему, которая сразу привлекает внимание посетителей.
О чем он: это красивое минималистичное портфолио от ToyFight, с которым легко ориентироваться, просто радует глаз. Сочетание минималистичного дизайна с яркими цветами создает атмосферу творчества и побуждает посетителей проводить на сайте больше времени.
5. Номер-студио Schurk
Портфолио: studioschurk.nl
Почему это особенный: Studio Schurk использует иллюстрации и юмор, чтобы привлечь посетителей.
О чем это: Анимационный дуэт Studio Schurk демонстрирует свое чувство юмора на своем веб-сайте портфолио. Прокручивая страницу вниз, вы увидите интересные и забавные анимации, подчеркивающие талант дуэта.
6. Резо Зеро
Портфолио: rezo-zero.com
В чем его особенность: Rezo Zero предоставляет полные тематические исследования для различных проектов.
О чем это: Rezo Zero — креативная студия, специализирующаяся на стратегии бренда и цифровом творчестве. Портфолио похоже на цифровой журнал — оно полно красивых изображений и хорошо подобранных шрифтов. Но что делает его еще лучше, так это подробный и продуманный пример для каждого проекта.
7. Вокин
Портфолио: wokine.com
Почему это особенный: Wokine следует последним тенденциям визуального дизайна.
О чем: Разделенный экран — один экран, разделенный на два — это последняя тенденция визуального дизайна. Wokine безупречно включает эту технику в дизайн своей домашней страницы. Само портфолио ультра-минималистичное, с большим количеством интервалов и простыми цветовыми схемами. Это создает хорошую визуальную иерархию и позволяет сразу понять, что важно.
8. Студия Legwork
Портфолио: legworkstudio.com
Почему это особенный: мультфильмы помогают Legwork выделиться.
О чем это: Legwork — это независимая студия, расположенная в Денвере, штат Колорадо. Они создают анимацию и интерактивный опыт. Большинство новых посетителей будут впечатлены уникальной анимацией на главной странице — она не похожа ни на что из того, что вы когда-либо видели.
9. Ханна Пурморт
Портфолио: hannahpurmort.com
Почему это особенный: Ханна использует яркие образы и цветовые комбинации, чтобы привлечь внимание посетителей.
О чем это: Ханна Пурморт — дизайнер, который верит в дизайн, который объединяет людей. Ее сайт — отличный пример того, как общаться с помощью изображений и цвета — она использует красный цвет для поиска пути и для навигации.
10. Werkstatt Wundersite
Портфолио: werkstatt.fr
Почему это особенное: Werkstatt Wundersite нашла идеальный баланс между функциональностью и эстетикой для своего портфолио.
О чем это: просто потому, что сайт-портфолио должен быть хорошо разработан, не означает, что он должен быть экстравагантным. Фактически, многие эффективные сайты-портфолио используют более минималистский подход к дизайну самого сайта. Werkstatt Wundersite — отличный тому пример. Сайт выполнен в классическом минималистском стиле, с большим количеством белого пространства и крупным шрифтом. Сильное внимание к деталям в этом портфолио — вот что действительно выделяет его.
11. Тим Смит
Портфолио: mypoorbrain.com
В чем его особенность: Тим создал простой для сканирования макет на основе карточек.
О чем это: лондонский дизайнер и художник Тим Смит представляет свое портфолио просто, но потрясающе. Карточный макет с тонкими анимационными эффектами сразу привлекает пользователей. Тим использует интересные анимационные эффекты, такие как вырезанные заголовки для каждой части, которые исчезают при наведении курсора.
12. Lounge Lizard
Портфолио: loungelizard.com
В чем его особенность: портфолио Lounge Lizard создает непринужденную атмосферу.
О чем он: сложно сделать сайт одновременно профессиональным и игривым, если он не будет выглядеть безвкусно. Lounge Lizard легко справляется с этим балансом. Эта команда называет себя «тендерами брендов», и это портфолио с тематикой бара идеально соответствует их работе и стилю. Портфолио полно подробных тематических исследований и информации, представленной в удобной форме.
Развивайте свой бизнес с помощью партнерской программы Shopify
Предлагаете ли вы услуги по маркетингу, настройке или веб-дизайну и разработке, партнерская программа Shopify поможет вам добиться успеха. Присоединяйтесь бесплатно и получите доступ к возможностям распределения доходов, инструментам для развития вашего бизнеса и страстному сообществу коммерсантов.зарегистрироваться
13. STRV
Портфолио: strv.com
Почему это особенное: STRV использует видео, чтобы дать посетителям представление о том, как работает агентство.
О чем это: STRV — агентство цифровых продуктов, специализирующееся на создании мобильных приложений. Команда представляет себя с помощью видео: фоновое видео дает представление о том, как работает команда, а полноэкранное видео, которое появляется на экране после нажатия кнопки воспроизведения, подробно описывает процесс.
14. Femme Fatale
Портфолио: femmefatale.paris
Почему он особенный: этот сайт-портфолио создает ощущение роскоши.
О чем это: Femme Fatale — творческая студия, ориентированная на создание произведений искусства. Команда описывает себя как «нечто среднее между изысканностью и простотой», и ее портфолио прекрасно отражает этот тон: смелые изображения, черные цветовые схемы и четкие шрифты создают изысканный вид.
15. Тобиас Ахлин
Портфолио: tobiasahlin.com
Почему это особенный: Тобиас позволяет его работе говорить само за себя.
О чем он: Тобиас Алин сразу переходит к сути своего портфолио: «Я проектирую и создаю цифровые продукты». Он использует минималистичный карточный макет и анимацию для презентации своих работ. Каждое тематическое исследование напрямую связано с конечным продуктом.
16. Stink Studio
Портфолио: stinkstudios.com
В чем его особенность: Stink Studio демонстрирует самые разные проекты.
О чем он: Stink Studio ориентирована на то, чтобы помочь дальновидным клиентам добиться успеха в цифровой культуре. Студия ставит свою работу на передний план и в центре кладки. Список проектов включает веб-сайты, промо-кампанию и даже впечатления от VR / 360.
17. Шон Халпин
Портфолио: seanhalpin.io
Почему это особенное: Шон наполняет свое портфолио индивидуальностью.
О чем: Портфолио — это больше, чем список работ — это возможность продемонстрировать свои индивидуальные навыки и личность как творческого человека. Веб-сайт Шона Халпина — отличный тому пример. Шон создает не просто портфолио, а маленький зеленый мир, в котором вы можете узнать, как он может помочь вам создать идеальный сайт.
18. Патрик Дэвид
Портфолио: bepatrickdavid.com
В чем его особенность: Патрику удается уместить все свое портфолио на одной странице.
О чем это: Портфолио Патрика — отличный пример одностраничного веб-сайта с длинной прокруткой. Посетители прокручивают вниз, мимо красивого раздела героя, к нескольким примерам проектов, над которыми он работал, а затем идут ссылки на прямое общение. Просто, но очень эффективно.
19. Стерео
Портфолио: stereocreative.com
Почему это особенный: Stereo ориентирован на понимание эмоционального отношения потребителя к бренду.
О чем это: лондонское агентство Stereo Creative создало этот простой, но эффектный сайт-портфолио. Работа агентства занимает центральное место на его веб-сайте с множеством красочных полноформатных изображений и видеороликов, демонстрирующих, на что они способны. Стерео стремится создать более глубокую эмоциональную связь с посетителями.
20. Стивен Менгин
Портфолио: stevenmengin.com
Почему это особенное: Стивен создает идеальное вступление для своего портфолио.
О чем это: Стивен использует сильные визуальные эффекты, чтобы с первого взгляда дать представление о своих способностях. Когда посетители заходят на сайт Стивена, первое, что они видят, — это красиво анимированный эффект облаков. Просто сидеть и смотреть на эти волны — настоящее удовольствие.
4 сайта бонусного портфолио
Имея так много замечательных портфолио, мы решили поделиться еще четырьмя, которые привлекли наше внимание.
Шер Ами
Оливье Гийё
Ксавье Куссо
Павел Нольберт
Продемонстрируйте свою глубину
Создание отличного портфолио веб-дизайна — это путешествие, которое требует больших усилий (времени, обучения и повторений), но оно того стоит. Если вам это удастся, ваше портфолио продемонстрирует глубину ваших способностей как творческого профессионала, продемонстрирует ваш мыслительный процесс и даст потенциальным работодателям или клиентам представление о том, как это могло бы быть с вами работать. Я надеюсь, что некоторые примеры портфолио, перечисленные в этой статье, вдохновят вас на повышение уровня вашего дизайнерского портфолио.