.svg)
Именно портфолио помогает дизайнеру показать все свои навыки и умения, рассказать потенциальным клиентам, как он решает задачи бизнеса своей работой. Грамотно составленное и оригинально оформленное портфолио поможет вам выделиться и найти новых клиентов.
В первой части мы с вами рассмотрели уже несколько выдающихся сайтов-портфолио, но, как говорится, вдохновения много не бывает, так что продолжаем учиться у лучших.
Сайт-портфолио очень часто становится самым сложным проектом для дизайнера, ведь нужно презентовать не просто продукт, нужно показать свою индивидуальность и продать самого себя. Уверены, что эта подборка поможет вам найти парочку интересных идей.
1. Merijn Hos
Еще один иллюстратор, Merijn Hos, выбирает совершенно иной подход. Практически все пространство сайта занимают карточки с обложками проектов. Нажмите на любую из них — и вы попадете на страницу с дополнительной информацией. Что интересно, текст об авторе в разделе “biography” написан от третьего лица.
2. Юлия Дзюбина
На главной странице представлены скриншоты избранных проектов со ссылками на более подробные кейсы. Ниже довольно заметное место занимают отзывы клиентов. Интерфейс получился эстетичным и интуитивно понятным, с ним приятно взаимодействовать, что важно для портфолио UX/UI-дизайнера.
3. Thai Pham
Сайт-портфолио фотографа Thai Pham практически полностью состоит из изображений. Здесь нет раздела «О себе» или какой-либо иной информации, за исключением контактных данных и ссылок на социальные сети. Это смелый подход: если у вас есть по-настоящему качественные работы, почему бы не позволить им говорить самим за себя?
4. Yul Moreau
Сайт портфолио арт-директора Yul Moreau представляет собой одну страницу без меню. Вы просто прокручиваете презентации проектов, а затем видите список навыков, клиентов и контакты. Лаконично, но эффективно.
5. Mason Wong
Mason Wong — full-stack разработчик, которому нравится создавать интерактивные сайты. Его собственное портфолио предоставляет пользователям захватывающий опыт. Оно демонстрирует его навыки в той же мере, что и указанные проекты.
6. RoAndCo
Первое, что мы видим на сайте RoAndCo, — сетка миниатюр, в основном прямоугольных, но иногда встречаются овалы или восьмиугольники, которые придают интерфейсу дополнительный визуальный интерес. Ниже на странице располагаются более крупные версии изображений. Наведите курсор на любое из них, и вы увидите цель проекта, нажмите — и вы попадете на страницу с более подробной презентацией. Красивое и изящное решение.
7. Lena Steinkühler
Это портфолио открывает эффектный слайдер, за которым следует асимметричная сетка с обложками проектов. На них так и хочется кликнуть, чтобы узнать больше. Здесь практически нет текста, даже на страницах с презентациями, но это не делает опыт хуже, ведь представленные работы выглядят очень привлекательно.
8. Locomotive
Дизайн-агентство Locomotive выбрало для своего портфолио бруталистский стиль. На первый взгляд, сайт кажется довольно простым, однако здесь можно найти множество интересных деталей, таких как анимированные взаимодействия и пикселизация изображений, которые делают опыт посетителей максимально увлекательным.
9. Malika Favre
Портфолио иллюстратора Малики Фавр — еще один сайт с сеткой миниатюр на главной странице. Классная фишка — возможность фильтрации проектов по тематике или цвету в десктопной версии, а также круглая кнопка для просмотра дополнительной информации на страницах проектов. Все здесь соответствует стилю работ автора — от модернистского шрифта до гармоничных цветных фонов.
10. Active Theory
Агентство Active Theory использует мрачные, размытые цветовые оверлеи, чтобы добиться нужной атмосферы. Нестандартные решения в презентациях проектов создают впечатление, что мы имеем дело с командой профессионалов, стремящихся раздвинуть границы возможного.
11. David Milan
Портфолио Дэвида Милана представляет собой привычную нам галерею, которая завершается футером с контактной информацией. В нижней части каждого изображения расположены кнопки «Мне нравится» и «Поделиться». Все предельно просто.
12. Robin Mastromarino
Robin Mastromarino — дизайнер интерфейсов, который уделяет особое внимание взаимодействиям. Сайт получился действительно оригинальным: нас встречает первый экран с горизонтальной прокруткой. Обложки проектов сменяют друг друга, искажаясь будто в кривом зеркале. Когда вы нажимаете на одну из них, заголовок выпрямляется, при этом вы абсолютно не ощущаете, что загружается другая страница. Это оставляет приятное впечатление.
Еще 6 советов по созданию отличного портфолио
Относитесь к созданию сайта портфолио как к новому проекту, следуйте привычным этапам работы. Только в этом случае вы работаете сами на себя.
1. Воспринимайте портфолио как еще один проект
Для дизайнера портфолио — не только способ демонстрации избранных проектов, оно само по себе является примером вашей работы. Какими бы впечатляющими ни были кейсы, если ваш собственный сайт имеет запутанную навигацию, плохой UX или выглядит непривлекательно, у посетителя останется негативное впечатление о вас и ваших профессиональных навыках.
2. Продайте себя
Портфолио рассказывает не только о вашей работе, но и о вас. Потенциальные клиенты хотят получить представление о том, с кем им предстоит работать, поэтому не бойтесь проявить свою индивидуальность.
3. Фирменный стиль
Разработайте для себя фирменный стиль, объединяющий все материалы, которые вы используете в своем бизнесе, например, фирменные бланки, инвойсы, визитные карточки. Представьте, что вы работаете с очередным клиентом, — создайте логотип, выберите шрифт и цвета, которые отражают вашу индивидуальность и то, какой образ вы хотите создать.
4. Будьте на связи
Это кажется очевидным, но я все же подчеркну: ваша контактная информация должна быть четкой и доступной. На некоторых сайтах-портфолио есть контактные формы с выпадающим списком, в котором можно выбрать тему обращения, и полем для описания деталей. Это отличный вариант, если у вас крупная студия, которая даже не рассматривает недорогие проекты, но для небольших студий и фрилансеров подойдет форма попроще, ссылки на соцсети или email.
5. Заполните бриф
Хотя дизайнеры много говорят о творческой свободе, отсутствие каких-либо ориентиров обычно сбивает с толку. Если вы привыкли работать по брифу, заполните его и для своего портфолио. Воссоздайте процесс, который вы используете в работе с клиентами. Возможно, вы даже сможете улучшить его.
6. Узнайте второе мнение
Оценить собственную работу объективно непросто. Вам придется быть безжалостным. Если вам трудно определиться с каким-то деталями или выбрать проекты для своего портфолио, попросите кого-нибудь, чьему мнению вы доверяете, взглянуть на него. Это не обязательно должен быть другой дизайнер.
FAQ
Насколько часто я должен обновлять свое портфолио?
Старайтесь регулярно обновлять портфолио, в идеале — после завершения каждого значимого проекта. Так вы не только будете постоянно добавлять в него новый контент, но и сможете продемонстрировать ваш профессиональный рост.
Должен ли сайт-портфолио включать резюме?
Нет, достаточно списка предыдущих работодателей и клиентов, а также перечня навыков. Если вы нацелены на поиск работы в компании, подготовьте отдельно резюме в формате PDF.
Должен ли сайт-портфолио содержать отзывы клиентов и рекомендации?
Да, отзывы и рекомендации существенно повышают доверие к специалисту. Это социальное подтверждение ваших навыков и профессионализма чрезвычайно убедительно для потенциальных клиентов и работодателей.
Нужен ли на сайте-портфолио раздел с блогом?
Хотя блог не является обязательным элементом сайта-портфолио, он стал бы ценным дополнением. Там вы можете делиться своими мыслями о последних трендах и рассказывать о своем опыте. Кроме того, блог может помочь с SEO и улучшить видимость сайта в поисковых системах. Но имейте в виду, если вы создали блог, вам нужно будет публиковать новые материалы по крайней мере раз в несколько недель. Заброшенный блог хуже, чем его отсутствие.
SEO-оптимизация сайта-портфолио
Чтобы оптимизировать портфолио для поисковых систем, используйте релевантные ключевые слова в описаниях проектов, продумайте мобильную версию сайта и интегрируйте ссылки на соцсети. Раздел блога, как уже было сказано, тоже значительно поможет в SEO-продвижении, поскольку вы сможете создавать для него контент, наполненный ключевыми словами.
Заключение
Подходите к работе над сайтом со всей ответственностью, но не забывайте о креативе, собственной индивидуальности и о том, что нравится именно вам. Пусть этот процесс доставит вам удовольствие!
