Показываем на примерах, как сделать хорошее портфолио дизайнера, чтобы привлечь клиентов и работодателей.
Портфолио дизайнера — не просто сборник ваших работ. Это способ продемонстрировать заинтересованному лицу, как вы можете решить его проблему и почему нужно выбрать именно вас. Хорошее портфолио поможет найти новых клиентов или получить заветную работу.
В создании портфолио есть много нюансов, которые нужно учесть: как соблюсти права, в каком контексте презентовать дизайн, как отобрать и описать проекты. Надеемся, что наши советы помогут вам сделать сильное и запоминающееся портфолио, чтобы достичь поставленных целей.
От того, как вы ее сформулируете, зависит выбор и оформление работ, рассказ о себе и даже стилистика портфолио дизайнера. Вот несколько возможных целей:
Подумайте, кто будет смотреть ваше портфолио и чего он ожидает там увидеть. То, что интересно работодателю, редко волнует клиента, а HR не обратит внимание на многое из того, что увидит коллега.
Если ваша цель — получить работу в конкретной компании, проанализируйте проекты, которые она делает, и выберите из своих работ те, что наиболее соответствуют этому направлению. Если студия занимается digital-дизайном, а в вашем портфолио будет только айдентика, для работодателя это будет как минимум странно.
Изучите нюансы работы дизайнера в разных областях. Например, кому-то может показаться, что портфолио иллюстратора и концепт-артиста довольно схожи. Но на самом деле это не так.
Иллюстратору важно отполировать рисунки, при этом готовые изображения могут стоять поодиночке и рассказывать каждый свою историю. Портфолио концепт-артиста — это наборы многочисленных вариантов персонажей, пусть даже в виде грубых набросков. Тут важно показать разнообразие и умение сделать большую подборку концептов за малое время.
Если вы создаете портфолио, чтобы найти клиентов, продемонстрируйте реальные задачи. Заказчик ищет в портфолио дизайнера примеры, похожие на то, что нужно ему. Хорошо, если с первого взгляда на ваши работы будет понятно, как они меняют восприятие продукта, бренда или услуги.
Например, в портфолио Кэрола Банача представлены его муралы, благодаря которым преображаются интерьеры офисов, кафе и других помещений. В его копилке постеры, иллюстрации и принты для Икеа, Adobe, Huawei Honor, Samsung, The Washington Post.
Клиенты ждут, что вы объясните им ценность услуг и дадите решения проблем. Ваше портфолио должно показывать вас как эксперта, а не учащегося.
Хизер Шоу разрабатывает дизайн брошюр, каталогов, визитных карточек, книг, годовых отчетов, презентаций в Powerpoint и Keynote, адаптивных сайтов, приложений — словом, всего, что нужно ее клиентам. На страницах портфолио она говорит как профи с большим опытом работы, помогающей бизнесу.
«Если вы хотите показать годовой финансовый отчет тремстам человек в темной комнате при 26 градусах в 8 часов утра, вам лучше представить убийственную презентацию. Если не хотите сойти с ума, работая над ней, напишите мне по электронной почте» — пишет Хизер в одном из своих кейсов.
У известных студий и агентств вы найдете привлекающее клиентов портфолио. Их кейсы демонстрируют высокий уровень мастерства и сплоченную работу над клиентской задачей. Например, в портфолио креативного агентства Red Keds про каждый кейс снят ролик, «продающий» проект.
Обратите внимание на подачу: студии всегда демонстрируют полезное действие и результаты своих работ.
Если вы только начинаете путь, собрать минимальное портфолио дизайнера все равно нужно: без него вы проиграете тем соискателям, у которых оно уже есть. Есть несколько идей, где взять проекты для портфолио новичку.
Одна из них — сделать собственный проект: плакат, навигацию или визитки. Даже небольшое улучшение может иметь полезное действие, если решает жизненную задачу.
Например, Илья Бирман разработал наносхему московского метро для Эпл-часов. Полноценную схему(открывается в новой вкладке или окне) тоже сделал Илья, но в данном случае это не так важно. Наносхема — просто картинка с изображением части всей схемы, которую устанавливают на экран часов. Благодаря ей можно быстро вспомнить, сколько остановок ехать до пересадки внутри кольца.
Еще один способ наполнить портфолио дизайнера — обновить старый дизайн реальной компании или даже несуществующего клиента. Составьте себе бриф, сформулируйте задачу — и решите ее.
Работа многих крутых дизайнеров начиналась с выдуманных или бесплатных работ. Например, Артемий Лебедев делал визитки, которых ему не заказывали, а дизайнер Эндрю Ким из Сеула придумал новый брендинг для Microsoft, после чего его наняли работать в компанию. Там Эндрю разработал дизайн Xbox One S, а затем ушел в Tesla Motors.
Это еще один источник работ для портфолио дизайнера. Если победите, вас ждет признание и награда, но в любом случае это хороший опыт в начале карьеры.
В интернете можно найти много актуальных дизайнерских конкурсов. Некоторые ресурсы собирают их в удобные подборки.
На сайте 99designs.com(открывается в новой вкладке или окне) можно поучаствовать в конкурсах на дизайн для реальных заказчиков: клиенты составляют брифы и платят деньги победителям.
Если возможности пройти полноценное обучение нет, посещайте курсы известных дизайнеров: на хорошем курсе всегда есть практическая часть, где можно сделать одну из первых работ.
Например, мастер-класс «Большая переверстка» Игоря Штанга(открывается в новой вкладке или окне) проходит регулярно в Москве, Санкт-Петербурге и других городах. За два дня Игорь научит делать дизайн из текста с помощью алгоритма верстки,(открывается в новой вкладке или окне) разработанного им самим.
Откликайтесь на вакансии, которые публикуют дизайн-студии. Даже если вы не пройдете на выбранное место, работа может занять достойное место на вашем сайте.
Актуальные вакансии публикуют в телеграм-каналах: DesignHunters,(открывается в новой вкладке или окне)Норм работа,(открывается в новой вкладке или окне)Антирабство(открывается в новой вкладке или окне), Охотник за головами(открывается в новой вкладке или окне) и других.
Участвуйте в благотворительных акциях: помогите с дизайном бесплатно знакомому или организации. Результат не только обогатит ваше портфолио новой работой, но и продемонстрирует ваши ценности, что в некоторых случаях не менее важно.
На сайте IT-волонтер(открывается в новой вкладке или окне) регулярно размещают объявления о поиске графических дизайнеров и иллюстраторов для решения простых социальных задач. Взамен вы получите упоминание в соцсетях, благодарность и новый кейс.
Когда цель ясна и опыт наработан, можно приступать к дизайну самого портфолио. И тут главное — сделать правильный выбор. Идеальный объем портфолио — 5–7 сильных проектов, которые полностью раскрывают ваши умения и соответствуют выбранному направлению.
Даже если вы опытный дизайнер со стажем, необязательно публиковать все работы и кейсы. Вряд ли кто-то, кроме ваших близких, будет проводить часы на вашем сайте, изучая все проекты.
Павел Нолберт — графический дизайнер, иллюстратор, фотограф, создавший десятки интересных работ. Но в портфолио Нолберта(открывается в новой вкладке или окне) — только самые сильные проекты в рамках одной стилевой концепции.
Отбирайте для портфолио только те работы, которые полностью соответствуют вашим представлениям о хорошем дизайне. Если среди клиентских проектов таких пока нет, придумайте идеального клиента и нарисуйте макет для него.
На будущее: не делайте таких вещей, которые вам будет стыдно разместить в своем портфолио.
Если до этого вы решали 5 неинтересных задач и одну действительно стоящую, лучше рассказать именно о ней. Со временем таких работ наберется несколько и каждая будет «на вес золота».
Проще всего разместить портфолио на платформе для дизайнеров. Но есть и другие варианты: PDF, видео, промостраница или целый сайт.
Формат зависит от вашей задачи, направления, в котором вы работаете, и количества кейсов в портфолио. Например, motion-дизайнер может оформить портфолио в формате видео о завершенных проектах.
Для поступления на курсы достаточно простой статичной страницы с кратким описанием опыта, а большое универсальное портфолио лучше сделать в формате многостраничника.
Это самая известная платформа для портфолио дизайнера. Работы там хранятся в папках-проектах. У сайта мощное комьюнити: ваши труды заметят и оценят коллеги по цеху. Кроме того, Биханс регулярно проводит конкурсы, фестивали и встречи.
Другие площадки для размещения портфолио: Dribbble.com, Dropr.com, Carbonmade.com, Flickr.com, Adobe Portfolio.
Оскар Рамос — чилийский иллюстратор и дизайнер персонажей. Значки в его портфолио на Бехансе указывают, в каких галереях выставлены работы. Качественная завершенная работа может попасть в одну или несколько галерей, тем самым увеличивая ваши шансы на внимание комьюнити и работодателей.
Можно создать сайт с портфолио в одном из конструкторов: Readymag, Tilda, Squarespace, Вордпрессе.
Как правило, на этих ресурсах предоставляют не только инструмент для создания сайтов, но и бесплатный хостинг. Для начала лучше собрать минимальное жизнеспособное портфолио, которое будет отвечать вашим целям, а уже потом работать над отдельным сайтом на своем домене.
Анастасия Кобытева разместила свои работы в формате лендинга на Редимаге. В портфолио дизайнера каждое направление оформлено по-своему. В разделе иллюстраций Анастасия удачно использовала анимацию, подчеркнув игривый характер работы.
Больше интересных и вдохновляющих примеров портфолио на Редимаге можно найти в разделе Examples.(открывается в новой вкладке или окне)
Можно сверстать портфолио в графическом редакторе и сохранить в PDF. Такой вариант можно прикрепить вложением к письму или распечатать и принести с собой на собеседованием. В России эта практика не очень распространена, хотя некоторые дизайнеры и даже студии распространяют информацию о своих проектах именно в формате PDF.
Если делаете собственный сайт, решите, из каких разделов он будет состоять, в каком порядке будут представлены работы.
Позаботьтесь, чтобы ваш уровень и знания были понятны с первого взгляда. Работодатель обычно просматривает десятки портфолио в поисках лучшего дизайнера — он не будет тратить время на то, чтобы найти на вашей странице подходящий кейс.
Если хотите продемонстрировать, что вы открыты разным предложениям, можно создать более универсальное портфолио, но в этом случае полезно сгруппировать работы по направлениям. HR-у или клиенту будет проще сориентироваться и найти то, что нужно.
Хороший прием, которым пользуются студии: наряду с отдельными проектами для вдумчивого рассмотрения сделать шоурил — короткий видеоролик о вас и вашей работе для тех, кто хочет быстро оценить уровень и сэкономить время.
target=“_blank”" data-shortcode="image">
Держа в голове задачу портфолио, не забудьте разместить информацию о том, как с вами связаться, на видном месте, например, закрепив номер телефона или электронный адрес вверху сайта.
В портфолио дизайнера Ольги Зоновой(открывается в новой вкладке или окне) контактная информация находится внизу страницы, а фото закреплено вместе с именем и ссылками на соцсети.
target=“_blank”" data-shortcode="image">
Если в портфолио для каждого проекта вы делаете отдельную страницу или слайда, продумайте структуру каждой карточки и повторяйте ее для всех работ. Это поможет пользователю быстро сориентироваться и найти нужную информацию в любом кейсе.
Минимальная структура карточки: несколько фотографий плюс описание проекта. Вместо фотографий может быть видеоролик, как, например, сделали на сайте Студии Олега Чулакова.
Сопроводите работы рассказом о том, какую задачу решали, какую пользу принес ваш дизайн. Может, вы сделали логотип более запоминаемым или помогли компании с позиционированием.
Некоторые считают, что хороший дизайн говорит сам за себя. Это так, но правда и то, что рассказ о дизайне повышает доверие, вовлекает в историю и увеличивает время, проведенное на вашем сайте. Обратите внимание: ведущие дизайнерские студии редко оставляют свои кейсы без текстового сопровождения.
В описании постарайтесь ответить на вопросы:
Не нужно вдаваться в детали — важно выделить главную идею, «фишку» дизайна. Например, в Бюро Горбунова разработали название и логотип компании для сервиса покупки и продажи электрического кабеля. Фишка дизайна — «гибкий» логотип, который в зависимости от контекста может принимать разные формы. На странице портфолио логотип растягивается при прокрутке и по-разному гнется на фото.
В портфолио полезно показать не только результат работы, но и как вы к нему шли. Процесс создания продемонстрирует вашу открытость, особенно если вы покажете самые острые моменты взаимодействия с арт-директором или клиентом.
Ведущие дизайн-студии используют прием «Корзины»: показывают, какие идеи и варианты дизайна остались за бортом, и объясняют, почему.
Минимальная история о процессе — это расположенные рядом с фото конечного продукта наброски. Контраст грубого скетча и четкого логотипа создает мощный эффект.
Дизайнер гордится не только своей работой, но и сотрудничеством с другими людьми. Если вы относитесь к заказчикам с уважением и заботой, новые клиенты оценят это и захотят работать с вами. Не беритесь за проекты компаний, которые не соответствуют вашим ценностям и моральным нормам.
В карточке проекта можно кратко рассказать, в чем суть работы клиента. Это поможет лучше понять ваш кейс. Если все и так понятно из контекста, можно ограничиться ссылкой на сайт заказчика, как это делает Ариана Шпаниер, графический дизайнер, креативный директор, иллюстратор и художник. Из каждого кейса ее портфолио можно перейти на сайт клиента или проекта, в котором она участвовала.
Классно, когда результат работы дизайнера измерим, но даже если нет, важно сказать о том, чего удалось достичь. Это покажет потенциальным заказчикам, что ваш подход к работе основательный и профессиональный.
Например, если разрабатывали навигацию, напишите, стало ли участникам проще находить нужное место. Получите обратную связь от заказчика и его клиентов. Даже если ваш дизайн кому-то не нравится, это не значит, что он не работает.
В рассказе о себе полезно ответить на потенциальные вопросы заказчика или работодателя, например, рассказать, что вы работаете по договору или что ищете только удаленную работу.
Не пишите о себе слишком много личного: полезное действие вашего рассказа — показать, что вы подходящий кандидат на выполнение заказа или на получение работы в нужной компании.
Показывайте не себя, а то, чем можете быть полезным. Сравните: «Я графический дизайнер, занимаюсь дизайном упаковки» — «Я помогаю сделать бренд более узнаваемым и продавать больше с помощью дизайна упаковки продукта».
Запишите отзывы тех, кто работал с вами раньше. Хорошо, если это будут не общие фразы вроде «Иван хороший дизайнер», а описание ваших конкретных заслуг в том или ином проекте.
Если вы продумали грамотную структуру и собрали в портфолио все необходимое, можно продумать дополнительные точки вовлечения аудитории во взаимодействие с вашим сайтом.
Неожиданные сюрпризы и «пасхалки» приятно удивляют и делают сайт запоминающимся. Например, в портфолио амстердамской студии Bolden есть виджет, меняющий «погоду» на сайте и язык приветствия на первом экране.
Если вам нужно срочно откликнуться на вакансию в студии, достаточно скриншотов векторных макетов. Опытный арт-директор оценит ваши способности даже по ним.
Для конечного клиента важен контекст: распечатанные и сфотографированные плакаты, готовые визитки. Клиент будет «примерять» ваш дизайн к своему бизнесу и задаче — постарайтесь, чтобы сделать это было легко.
Оформить портфолио нужно так, чтобы его дизайн не отвлекал внимания от самих работ. Простая композиция и сдержанный фон помогут показать главное — ваш опыт.
Не меняйте шрифты, фон и элементы навигации от проекта к проекту. Излишнее украшательство может сбить с толку и затруднить знакомство с вашими работами. О сочетаниях и выборе шрифтовых пар читайте в нашей статье.(открывается в новой вкладке или окне)
Показывайте результаты работы так, как они пригодятся в жизни: навигационные таблички — на здании, логотип — на визитках, ручках, футболках, персонажей — в окружении, принты — на одежде, а экраны — в рамке браузера.
В сети можно найти много мокапов для разной графики, как, например, эти «мятые» плакаты, которые использовал дизайнер из Будапешта Атилла Тот, разрабатывая айдентику для эскейп-квеста Cryptex в Чехии.
Постарайтесь создать реальный контекст: покажите продукт в той среде, где он будет использоваться. Вместо безликой стены поставьте фото реального интерьера или улицы.
Показывайте проект в виде связного рассказа, делайте комментарии к изображениям, чтобы акцентировать детали.
Используйте принцип контраста: выделяйте заголовки, применяйте (к месту) фактоиды, главные и второстепенные иллюстрации, подписи и основную колонку текста. Ваше портфолио не меньше, чем ваши работы, показывает, насколько хорошо вы знакомы с базовыми правилами композиции и верстки.(открывается в новой вкладке или окне)
В портфолио Стефани Бруклер(открывается в новой вкладке или окне) композиция кадра удачно взаимодействует с композицией экрана, а массивный шрифт на визитках создает контраст с утонченными линиями окружения.
target=“_blank”" data-shortcode="image">
Мыльные снимки выглядят неаккуратно и ухудшают впечатление от просмотра.
В портфолио Димы Кашталяна,(открывается в новой вкладке или окне) иллюстратора и уличного художника из Минска, на фото видны отдельные штрихи изографа. И хотя многие работы черно-белые, они выглядят глубокими и живыми благодаря высокому качеству фотографий.
target=“_blank”" data-shortcode="image">
Анимация не везде уместна и может сбить читателя с пути изучения ваших работ. Для начала лучше сделать статичное портфолио, и только потом дозированно анимировать отдельные элементы.
Анимация пригодится, когда нужно показать продукт, который в реальности не статичен. Например, упаковку, книгу, набор открыток и т. д. В анимации такой продукт будет выглядеть более выпукло и реалистично.
Также с помощью анимации можно «оживить» страницу, сделав ее выразительнее.
target=“_blank”" data-shortcode="image">
Ворсинки на бумаге визиток или края газеты, для которой вы делали верстку — все это создает настроение и делает портфолио сильнее.
target=“_blank"" data-shortcode="image">
Если для оформления кейсов в портфолио вам нужны стоковые изображения, выбирайте те, что не выглядят фальшиво. Если клиент почувствует фальшь, это может его оттолкнуть.
Сейчас в интернете становится все больше мест, где можно скачать профессиональные фотографии высокого разрешения под лицензией Creative Commons. Один из таких архивов — фотосток Pexels(открывается в новой вкладке или окне) от Canva. Фоторедакторы специально отбирают для него такие снимки, в которых человек и его окружение выглядят максимально естественно.
Если нужны стильные бесплатные иконки, их можно скачать на сайте Сергея Чикина. Здесь есть пиктограммы практически на любую тему. Проект Чикина 365 иконок сам по себе интересный: это одновременно и ресурс, и портфолио.
Грамматические ошибки могут повлиять на общее впечатление от вашего портфолио, а стоп-слова затруднят понимание текста.
Прочитайте текст вслух, лучше всего знакомому. Убрать стилистические излишки поможет сервис Главред(открывается в новой вкладке или окне).
Многие дизайнеры в борьбе за лаконичность портфолио достигают предела. Например, у итальянского арт-директора и бренд-дизайнера Алессандро Скарпеллини в портфолио нет вообще никакого текста: на экране мелькают фотографии проектов, а курсор превращается в крестик.
Висячие предлоги или тире в начале строки тоже могут навредить портфолио дизайнера. Сделать текст аккуратным и красивым можно с помощью типографа(открывается в новой вкладке или окне), или установив раскладку Бирмана(открывается в новой вкладке или окне).
Внимание к типографике — один из важных скиллов графического дизайнера, продемонстрируйте его в портфолио.
Анализируйте задачи, замечайте удачные приемы и структуру, чтобы сделать свое портфолио сильнее.
Лета Собирайски — графический дизайнер. Благодаря характерному языку Лета вошла в топ-20 лучших молодых дизайнеров 2014 года по версии Print Magazine. Стилистика ее портфолио отражает и поддерживает яркий и смелый характер самих работ. В то же время в каждом из кейсов есть вся полезная информация о проекте.
После публикации портфолио не время расслабляться! Отправьте ссылку на сайт или документ коллеге или другу, чтобы узнать, какое впечатление производит ваше портфолио на других. Попросите зрителей рассказать, какие работы больше понравились и почему, в каком порядке их смотрели, что привлекло наибольшее внимание.
Можно узнать мнение профессионалов, например, задать вопрос в Советах Бюро Горбунова(открывается в новой вкладке или окне). Это поможет вам вовремя заметить ошибки и исправить их до отправки портфолио работодателю или клиенту.
Создать портфолио — лишь первый шаг на пути к заветной цели. Нужно, чтобы его увидели потенциальные клиенты или работодатели. Для этого открыто заявите о себе: напишите пост в соцсетях, предложите порекомендовать вас тем, с кем вы работали.
Знакомьтесь с потенциальными заказчиками на конференциях, митапах, презентациях, учебных курсах. Не бойтесь отказа: это лишь очередной способ спросить, как вам улучшить свои навыки, чтобы стать востребованным специалистом.
Не забудьте добавить ссылку на портфолио в свое резюме.(открывается в новой вкладке или окне)
Если отправляете ссылку на портфолио работодателю, расскажите в письме, почему вы подойдете — ответьте на пункты требований вакансии.
Если предлагаете услугу клиенту, опишите, как вы решали подобные задачи раньше. В этом случае заказчик будет знать, на что ему смотреть в портфолио.
Подумайте о том, что вы можете рассказать о своих проектах в ходе личной встречи: углубиться в детали или показать другие примеры работ. Будет нелепо, если на собеседовании вы начнете описывать очевидное, поэтому нужно заранее продумать, какую историю рассказать.
Будьте честны: заявляйте в портфолио только о том, что сможете пояснить при личной встрече или повторить в работе с новым клиентом.
Альбом с изображениями работ может рассказать о вас больше, чем сайт, особенно если вы хотите пройти собеседование в печатном издательстве. Размер, вес, текстура, выбор материала и другие полиграфические нюансы будут не менее важны, чем сам контент.
Портфолио перуанского дизайнера Рауля Паско стало известным миру благодаря его интерактивной форме: при открытии альбома его обложка превращается в голову робота. Такой формат точно запомнится тем, кто будет с ним взаимодействовать.
Авторские права нельзя передать. Если вы фрилансер и по договору передали права на результат своей работы другому человеку или компании, у вас по-прежнему сохраняются авторские права на них. Это значит, что вы можете разместить работу в портфолио, если при этом не нарушите коммерческую тайну. Чтобы не было конфликтов, лучше заранее прописать эти условия в договоре, например, так: «Клиент разрешает Исполнителю использовать Результаты работ в портфолио в том виде, в котором они были приняты клиентом».
Если в портфолио вы публикуете личную информацию, например, телефоны на визитках, нужно получить разрешение владельца. Другой вариант — заменить личные данные вымышленными.
Но клиенты обычно, наоборот, заинтересованы в публикации визиток с реальными именами и телефонами — это дополнительная возможность получить контакт с аудиторией, среди которой могут быть потенциальные заказчики или партнеры.
Вы можете опубликовать в своем портфолио дизайн, сделанный фрилансером, с указанием его авторства. Это право компаний, нанимающих субподрядчиков для выполнения заказа.
К примеру, если компания верстает сайты, а дизайном занимается фрилансер, проект может быть как в портфолио фрилансера, так и в портфолио компании. Для этого компания должна заключить договор с фрилансером на передачу исключительных прав в полном объеме.
Дизайнер обязан упомянуть, если его работа — часть коллективного творчества. Это профессионально, этично и показывает вашу способность работать в команде.
target=“_blank”" data-shortcode="image">
target=“_blank”" data-shortcode="image">
Находите время, чтобы добавлять новые проекты и редактировать информацию о себе. Работодатель может зайти на ваш сайт через полгода. Если портфолио дизайнера или студии выглядит мертвым, это плохой знак.
Хорошая идея — пересобирать портфолио под каждую задачу. Пусть работодатель или клиент увидит первыми те работы, которые сразу ответят на его вопросы и покажут вас как лучшего соискателя или подрядчика.
Не храните в портфолио старые работы, не отражающие ваш уровень.
Большинство скриншотов, размещенных в этой статье, уже через год станут неактуальными: дизайнеры выберут новые работы и переоформят свои сайты. Самообразование и актуальность — сильные стороны любого профессионала, и они тоже должны найти отражение в вашем портфолио.
Наш блог(открывается в новой вкладке или окне) поможет вам развиваться и применять полученные знания на практике.
Подписывайтесь на обновления в Телеграме, ВКонтакте(открывается в новой вкладке или окне) и Яндекс Дзене(открывается в новой вкладке или окне), чтобы всегда быть в курсе трендов графического дизайна и возможностей Canva, которые помогут воплотить их в жизнь!
Автор
Анна Волкова