05Профессия и инструменты

Портфолио дизайнера: что в него класть, как оформить и где разместить

Портфолио дизайнера: что в него класть, как оформить и где разместить

Портфолио дизайнера нередко открывают раньше резюме, и по нему решают, звать ли человека на встречу. Студии, работодателю или частному клиенту мало пролистать сотню картинок. Им нужно понять, какая была задача, что сделал автор и чем всё закончилось. Здесь по порядку: отбор работ, тексты к кейсам, оформление, площадки и примеры состава для графического дизайна, интерьера и UX/UI.

Что такое портфолио дизайнера и зачем оно нужно

Портфолио дизайнера — подборка лучших работ, где к каждому проекту приложено описание процесса и вашей роли в нём.

Что туда попадёт, зависит от цели:

  • Работа в штате. Студия или компания смотрит на навыки, подход и на то, как вы работаете в команде.
  • Фриланс. Частный клиент выбирает исполнителя по реализованным проектам и стилистике.
  • Поступление. Приёмной комиссии коммерческий опыт не так важен, её интересуют потенциал и мышление.
  • Конкурсы. Подборку собирают под условия конкретного конкурса.

Портфолио часто путают с резюме и кейсом.

ПонятиеЧто этоЧто показывает
ПортфолиоПодборка работУровень, специализацию, стилистику
РезюмеТекст об опыте, навыках и образованииГде и сколько работали, чем владеете
КейсПодробный разбор одного проектаКак вы думаете и принимаете решения

Что положить в портфолио: отбор и количество работ

Лучше несколько сильных проектов, чем много средних. Слабая работа тянет вниз всю подборку: зритель запоминает и её.

По практике сложились такие ориентиры: 8–15 проектов для общего портфолио и 3–6 для подборки под конкретную вакансию. Это не норма и не данные исследований. Есть пять сильных проектов? Показывайте пять.

Отбирать работы удобно по двум фильтрам:

  • Специализация, которой хочется заниматься, даже если работ по ней накопилось меньше. Делали в основном полиграфию, а тянет в айдентику — ставьте айдентику в начало.
  • Тип заказчика. Студия смотрит на чертежи, процесс и документацию, частному клиенту важнее атмосфера и фото реализации, продуктовой компании — исследование и логика интерфейса.

Поэтому удобно держать несколько версий портфолио под разных адресатов. Для поступления сначала откройте требования конкретной программы: какой нужен состав, формат, сколько работ можно прислать и нужно ли показывать процесс.

Учебные и концептуальные проекты включать можно, новичкам тем более. Условие одно — честная маркировка. У каждого проекта стоит статус:

  • «реализован»;
  • «визуализация, не реализован»;
  • «учебный»;
  • «концепт / личный проект».

Ценности работе такая пометка не убавляет. А концепт, который выдали за реализацию, рано или поздно вскроется.

Проекты под NDA показывают только с разрешения заказчика или в обезличенном виде: без логотипов и названий, с процессом, но без финальных данных.

Как описать проект: структура кейса

Один и тот же проект можно подать картинкой, а можно решением. Чтобы получилось второе, держитесь такой структуры:

  1. Контекст и задача. Кто заказчик (в общих словах), что было на входе, чего хотели добиться.
  2. Роль и состав команды. Что делали лично вы, что коллеги. Чужую работу себе не присваивайте.
  3. Сроки. Сколько занял проект или этап.
  4. Исследование и процесс. Референсы, анализ, эскизы, обмеры.
  5. Варианты и итоговое решение. Что предлагали, что отбросили и почему.
  6. Результат или реализация. Утверждено, напечатано, построено или так и осталось концептом.

На один кейс уходит около 150–400 слов. Пишите коротко, без пафоса и глаголами: «предложили», «отказались», «перенесли».

Если решение держится на стиле, назовите стиль и объясните связь: откуда палитра, почему именно этот шрифт, к какой традиции отсылает планировка. Тут и становится видно, продуман проект или это набор приятных картинок.

Условный пример короткого описания Айдентика для небольшой пекарни. Задача: сделать знак, который читается на крафтовом пакете и на вывеске. Я отвечала за логотип и упаковку, вывеску делал коллега. Рассмотрели три направления, заказчик утвердил вариант с рукописным шрифтом. Упаковку запустили в печать. Статус: реализован.

Условный пример развёрнутого описания Задача. Однокомнатная квартира в панельном доме, владелица работает из дома. Нужно было выделить рабочее место, не теряя спальную зону, и сохранить ощущение простора. Роль. Проект вела одна: обмеры, планировка, концепция, рабочие чертежи. Визуализации делал фрилансер по моим материалам. Сроки. Проект занял около двух месяцев. Процесс. После обмеров подготовила три планировочных варианта. В первом рабочее место стояло у окна, во втором в нише у входа, в третьем кровать уходила за перегородку-стеллаж. Собрала мудборд на светлом дереве и приглушённом зелёном: заказчица хотела спокойный фон для видеозвонков. Решение. Выбрали третий вариант: стеллаж разделяет зоны и даёт хранение. Первый отбросили из-за батареи под окном, второй из-за нехватки света. Результат. Квартира реализована по проекту, фото сделаны после заселения с согласия владелицы. Статус: реализован.

Портфолио по специализациям: примеры состава

Ниже — примеры портфолио дизайнера для трёх специализаций: как может выглядеть последовательность проектов в подборке.

ПозицияГрафический дизайнИнтерьерUX/UI
Первый проектАйдентика с носителями и гайдлайномРеализованный объект: от обмеров до фото «после»Кейс с исследованием, сценарием и прототипом
СерединаУпаковка, плакаты, полиграфияПланировки, мудборды, визуализация с пометкой «не реализован»Интерфейсы: экран или раздел продукта
Ближе к концуЕщё один сильный проект, например типографическийВторой сильный объект или учебный проект с документациейВторой кейс с проверкой решения

Портфолио графического дизайнера: примеры проектов

Обычно сюда идут айдентика и логотипы, полиграфия, упаковка, плакаты, работа с типографикой, брендбук или гайдлайн, мокапы.

Набор из пяти проектов может выглядеть так:

  • айдентика с логотипом, носителями и гайдлайном;
  • линейка упаковки;
  • серия плакатов;
  • шрифтовой или типографический проект;
  • полиграфия — меню, буклет или книжная вёрстка.

Мокап показывает дизайн в контексте, но реальный носитель он не заменит. Упаковка существует только в мокапе? Так и напишите. Фото напечатанного тиража, пусть и неидеальное, убеждает сильнее безупречной 3D-сцены.

Портфолио дизайнера интерьера: что показать

В портфолио дизайнера интерьера кейс сильнее всего, когда видна вся цепочка: обмерный план, планировочные решения, коллажи и мудборды, 3D-визуализации, фрагменты рабочих чертежей, фото «до/после» реализованных объектов.

В России рабочие чертежи оформляют по СПДС. Пары аккуратных листов в кейсе хватит, чтобы студия увидела: с документацией вы тоже умеете работать. Насколько подробно её показывать, зависит от того, куда вы отправляете портфолио: студии чертежи важнее, чем частному клиенту.

Инструменты тоже укажите. Среди типовых — 3ds Max с Corona или V-Ray, SketchUp, ArchiCAD, Revit, AutoCAD. Владеть всем списком не обязательно: набор зависит от студии, проекта и специализации, поэтому перечисляйте то, в чём работаете.

Тонких мест здесь три:

  • Статус. Рендер — ещё не построенный объект, и подпись должна прямо это говорить.
  • Права на фото. Чужие снимки реализованных объектов публикуют только с разрешения фотографа и с указанием автора.
  • Приватность клиента. Адрес, лица и личные вещи в кадре без согласия владельца не показывают.

Собственную квартиру после ремонта тоже можно оформить кейсом. Распишите её по той же схеме — задача, ограничения, варианты, решение, документация, — и проект прочитается как профессиональная работа. Без этого получится просто «мой ремонт».

Портфолио UX/UI-дизайнера

В UX/UI-портфолио идут исследования, пользовательские сценарии, прототипы и интерфейсы. Финальные экраны сами по себе мало что говорят, нужен процесс. Один кейс обычно складывается так:

  • проблема, которую решали;
  • ваша роль в команде;
  • исследование и что из него узнали;
  • пользовательский сценарий;
  • прототип и как он менялся;
  • проверка решения;
  • финальные экраны.

Отброшенные варианты прятать незачем: в UX-кейсе они показывают, что работа шла.

Как оформить портфолио

Сильный проект ставьте первым и ещё один сильный ближе к концу: первое и последнее запоминаются лучше. Сетка нейтральная, стиль единый, чтобы оформление не спорило с работами. Одного-двух шрифтов хватит. Изображения нужны качественные и в достаточном разрешении, обложки кейсов — в единой подаче.

Титульная страница:

  • имя;
  • специализация;
  • одна строка о себе;
  • контакт.

«Обо мне»:

  • специализация;
  • инструменты;
  • образование;
  • пара фраз о подходе;
  • ссылка на CV.

Контакты:

  • почта;
  • мессенджер;
  • ссылки на площадки.

Все ссылки делайте кликабельными и перед отправкой прощёлкайте каждую.

Где разместить портфолио: форматы и площадки

ФорматПлюсыМинусыКому подходит
PDF (вёрстка в Figma или InDesign)Полный контроль подачи, работает без интернета, легко собрать версию под откликТяжёлый файл, неудобен для частых обновленийОтклики на вакансии, поступление, конкурсы
Личный сайт (Tilda, Readymag)Своя структура и адрес, удобно обновлятьНужно время на сборку, возможна оплата сервисаФрилансерам и тем, кто работает с частными клиентами
BehanceПлатформа для визуальных работ, профиль собирается быстроПодача ограничена форматом площадкиГрафическим дизайнерам и дизайнерам интерьера
DribbbleПлощадка для визуальных работ, подходит для коротких шотовМало места для развёрнутого кейсаГрафическим и UI-дизайнерам
NotionМожно быстро собрать страницу с текстом и изображениямиСкромнее по визуальной подачеUX-дизайнерам, черновой версии портфолио

Pinterest подходит для сбора референсов. Полноценное портфолио на нём собрать не получится: рассказать задачу и роль там негде.

PDF, который отправляете по почте или в мессенджер, удобно держать примерно в пределах 10–20 МБ. Вышло тяжелее — шлите ссылку вместо вложения. И откройте портфолио с телефона: смотреть его часто будут именно так.

Перед публикацией на зарубежной платформе выясните, работает ли она и можно ли оплатить её из России, если понадобится платный тариф.

Как сделать портфолио дизайнеру: пошаговый план

  1. Определите адресата: студия, частный клиент, продуктовая компания или приёмная комиссия.
  2. Соберите все проекты и отберите сильные под нужную специализацию.
  3. Присвойте каждому статус.
  4. Проверьте NDA, разрешения фотографов и согласие клиентов. Если чего-то нет, проект пока ждёт.
  5. Напишите кейсы по структуре из шести шагов.
  6. Подготовьте изображения: процесс, чертежи, финал, фото реализации.
  7. Сверстайте титул, «Обо мне», контакты.
  8. Выберите формат и площадку, проверьте вес файла и просмотр с телефона.
  9. Дайте посмотреть коллеге и попросите сказать, что непонятно.
  10. Обновляйте раз в 3–6 месяцев. Первыми уходят устаревшие и самые слабые работы.

Типичные ошибки в портфолио дизайнера

  • Всё подряд в одной подборке: средние работы размывают впечатление от сильных.
  • Нет описания задачи, и без контекста непонятно, удачно ли решение.
  • Рендер выдан за реализацию. После такого нет доверия ко всему портфолио.
  • Командный проект без уточнения, что делали лично вы.
  • Плохие изображения: низкое разрешение, разный свет, случайные обрезки.
  • Устаревшие работы рядом с актуальными показывают не тот уровень.
  • Нарушены права: чужие фото без автора, адрес и лица клиента в кадре.
  • Битые ссылки и тяжёлый файл, который не открывается в мессенджере.

Часто задаваемые вопросы

Как сделать портфолио, если нет коммерческих заказов? Соберите учебные, конкурсные и концептуальные проекты, оформите их полноценными кейсами и укажите статус каждого.

Можно ли показывать проекты под NDA? Только с разрешения заказчика или в обезличенном виде, как описано в разделе об отборе.

Как показать проект, сделанный в студии? Опишите свою роль и роли коллег.

Что лучше: PDF или сайт? Зависит от задачи. PDF удобен для откликов и поступления, сайт — для постоянного присутствия и работы с частными клиентами. Можно держать и то и другое.

Как часто обновлять портфолио? По практике раз в 3–6 месяцев и ещё перед каждым важным откликом.

Редакция MDB

Независимый журнал о дизайне. Пишем о выставках, интерьерах, вещах и шрифтах, которые видели сами; пресс-релизы не перепечатываем.

О журнале

Ещё в рубрике «Профессия и инструменты»