Как оформить портфолио // Дизайн в цифровой среде

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

Формат повествования, структура подачи, общая логика демонстрации работы, приемы оформления и дизайн главной страницы — все, что поможет вам впечатлить заказчика или будущего работодателя

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

Общая цель презентации работ — заинтересовать концепцией и впечатлить наличием особенных деталей. Глядя на работу, зритель должен однозначно понимать что решение не было взято с потолка, что оно было найдено и проработано.

часть 1

Как оформить работу

Формат повествования и структура / дизайн подачи / приемы оформления элементов / покажите свой проект

Формат повествования и структура подачи отдельной работы

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

Эффектная главная картинка

С нее начинается презентация, ее задача создать настроение, впечатлить зрителя и вовлечь в просмотр.

Содержательный заголовок, вызывающий интерес

Простой путь — использовать обычный, функциональный заголовок. Например, «Редизайн главной страницы Википедии». Будет здорово, если получится добавить немного интриги, но так, чтобы не потерялся смысл.

Дизайн-агентство Fantasy презентации всех работ начинает с вопроса What if… (Что если…)

Вступление (Statement)

Два-три предложения, которые описывают суть проекта.

Логическое обоснование (Rationale)

Описание поставленной задачи и выбранного пути решения. Тут не требуется демонстрировать свой литературый талант, описание должно быть сухим, академичным. Заголовок и вступление должны «продать» работу, а rationale погрузить в суть и объяснить основную задачу.

Роман Крихели

PROEKT AGENCY

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

Пошаговая демонстрация решения с комментариями

Детали можно комментировать на макетах — поставить стрелочки и подписать, что это значит. Общее правило: пишите лаконично.

Используйте конструкцию: заголовок плюс два предложения.

Прямая речь

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

Финальная фраза и команда

Это может быть ссылка на сайт (посмотрите в действии), либо заключение: какая польза от вашего проекта. Если над проектом работала команда, то не забудьте указать всех участников.

Дизайн подачи работы

Оформление портфолио — это такой же дизайн, как и содержащиеся в нем работы. Возможно, портфолио станет вашим главным проектом.

Максим Павлов

Notamedia, креативный директор, партнер.

Не перебарщивайте со стилистикой вашего портфолио. Помните что там будет много разноплановых работ. Если у работы есть награды, не стесняйтесь их показывать. Это не тот случай когда скромность украшает.

Никогда не оформляйте страницу портфолио в стиле выкладываемой работы. Это не тот случай когда нужно заискивать перед клиентом.

Подготовьте макеты для публикации

Вычистите их, приведите в порядок. Если правки клиента убили дизайн, выложите те макеты, где все еще хорошо.

Никто не заставляет публиковать плохую работу. Условия бывают разные и случается, что под давлением клиента хороший дизайн превращается в набор банальностей. Поэтому, если вы считаете, что ваша концепция более интересная, чем финальная работа, смело показывайте промежуточный вариант.

Сергей Попков

Партнер агентства aic.

Часто бывает, что даже самые классные работы в вашем портфеле не обладают большим количеством деталей. Или постоянные правки заказчика убили изначальную суть. В этом нет ничего страшного, просто доработайте этот проект так, как вам хочется. Ведь это ваша территория, ваше портфолио. Сделайте кейс мечты, даже если этого на самом деле не существует.

советы работодателей и много примеров

Во время поиска работы портфолио не менее важно, чем резюме. А для творческих профессий даже важнее.

Scrum Master

Scrum-scrum-scrum-scrum!

Scrum

Редакция MC.today разобралась, как оформляется портфолио и какую информацию ищут в нем работодатели.


Почему стоит оформить портфолио 

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

Без портфолио не обойтись тем, кто работает с визуализацией: дизайнерам, иллюстраторам, стилистам, художникам, фотографам, архитекторам, операторам, режиссерам.

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

Курс

Геймдизайн для початківців

Тебе навчатиме той, хто інтегрував Чака Норріса у фічу для проєкту World of Tanks

Круто

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

В 2021 году в Украине, по статистике, на одну вакансию претендует шесть соискателей. В отдельных случаях их может быть и 50. В таких условиях портфолио – способ выделиться из потока претендентов на должность.

Оксана Коган, HR-руководитель в XCDS, говорит, что портфолио – это преимущество для кандидата, ведь оно помогает увидеть его «в действии». Оно доказывает, что у специалиста есть опыт, – подтверждает сооснователь PromoRepublic Максим Печерский. Из всех соискателей работодатель выберет того, кто предоставит портфолио.

А Татьяна Шинкаренко, HR-бизнес-партнер в «ДЗЕН», считает, что на соискателя, у которого нет портфолио, вообще не стоит тратить время.

Как сделать портфолио: 7 основных правил

Создавайте портфолио так, будто готовитесь к выставке. По сути, портфолио – это ваш выставочный стенд. А человек, его изучающий, – клиент, которого надо убедить, что вы лучшее предложение на рынке труда.

Work.ua советует придерживаться таких правил:

1. Разбейте работы по категориям

Ссылка на облако с сотней несистематизированных папок или файлов – это не портфолио.

2. Отберите максимум 5–7 работ в каждой категории

Больше работодателю будет сложно проанализировать.

3. Выберите последовательность подачи

4. Опишите проекты
  • название;
  • дата;
  • время работы;
  • какие задачи решили.

5. Вычитайте 

Ошибки и опечатки неуместны в любом документе.

6. Продумайте дизайн

Будьте креативны, но старайтесь придерживаться единого стиля.

7. Проверьте портфолио на актуальность

Регулярно обновляйте и дополняйте портфолио. Перед отправкой работодателю проверьте, все ли ссылки в нем открываются, нет ли устаревшей информации. Татьяна Шинкаренко считает, что не стоит тратить время и на соискателя, который не обновил портфолио.

Если вы забыли открыть доступ к файлу по ссылке или одна из ссылок в тексте устарела, рекрутер, скорее всего, отправит ваше портфолио в «корзину» и не будет разбираться. 

IT-рекрутер

Стань володарем джунів

Мені подобається ця ідея

Примеры портфолио в дизайне и IT

В каждой профессии свои требования к портфолио. Вот на что стоит обратить внимание при оформлении портфолио дизайнерам, программистам и специалистам по работе с данными.

Портфолио дизайнера

Главное в нем – иллюстрации. Что с ними может быть не так? 

  • Изображения низкого разрешения. Один из профессиональных навыков дизайнера – умение сохранять файлы в нужном формате. Продемонстрируйте его.
  • Слишком большие изображения. Файлы в самом высоком разрешении невозможно рассмотреть целиком. Это портит восприятие.

Далее описания. Чтобы составить их правильно, отнеситесь к портфолио как к решению задачи, советует основательница первого в Украине дизайн-рекрутингового агентства Hirey.io Кристина Голышева:

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

Кристина Голышева считает, что идеальное соотношение визуальных материалов и текста для дизайнеров с фокусом на UX (англ. user experience, пользовательский опыт. – Прим. ред.) – 40/60, для тех, кто сосредоточен на UI (англ. user interface, пользовательский интерфейс. – Прим. ред.)

, – 50/50.

Анатолий Рубцов, ведущий дизайнер студии DataArt, предлагает оформлять портфолио в виде кейсов и размещать их на Behance. Каждый кейс показывает пошаговое решение задачи, содержит изображения, схематичные разметки экрана и другую графику.

Пример портфолио дизайнера. Источник

Теперь об ошибках: их допускают 80% молодых дизайнеров.

Ошибка №1. Слишком много мокапов (макетов – Прим. ред.). Работодатель ищет креативные решения, а не умение обрабатывать скачанные макеты. Поэтому сначала дизайн, потом мокап.

Курс

Стратегічний маркетинг

Від хаосу до системного маркетингу разом із B2C-директоркою у Kyivstar

Цікаво

Ошибка №2. Много креатива, мало рутины. Важно показать, что вы не только креативны, но справитесь и с ежедневными задачами.

Ошибка №3. Чрезмерная разноплановость. Подберите работы так, чтобы они презентовали ваш стиль. Но как поступить, если вы талантливы в нескольких направлениях? Например, иллюстрациях, фотографиях, дизайне сайтов и макетах печатной продукции.

В таком случае сделайте несколько портфолио с акцентом на разные специализации, как советует сооснователь дизайн-студии Humbleteam Антон Ступнев

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

Ориентируйтесь на примеры. В интернете есть тысячи удачных портфолио дизайнеров. Например, много их на Bestfolios:

Пример портфолио дизайнера. Источник

Еще один сайт для размещения дизайнерских портфолио – Dribbble:

Пример портфолио дизайнера. Источник

Портфолио программиста

Профиль на GitHub – лучшее портфолио программиста, считает директор по управлению данными в SQUAD Алексей Руденко.

Достаточно показать два-три проекта, которые отражают ваши навыки. Учебные тоже годятся.

Пример портфолио программиста. Источник

Алексей советует: если у вас нет законченных проектов, вы только прошли курсы и ищете первую работу, добавьте одну-две простых игры типа «крестики-нолики». Цель – показать навыки и умения.

Соискателю с портфолио работодатели в IT реже дают дополнительные тесты на собеседовании, а еще это выделит вас среди других.  

Портфолио специалиста по анализу данных (data scientist)

Те, кто работает с данными, размещают портфолио на онлайн-платформах Kaggle или GitHub, реже в LinkedIn.

В нем они описывают свои проекты по такой структуре:

  • проблема;
  • цели;
  • результат;
  • визуализация решений.

Пример портфолио специалиста по анализу данных. Источник

Показывать аналитику при этом необязательно. Вместо нее можно добавить в описание проекта такую информацию:

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

Важно подавать меньше схем и моделей, а больше выводов.

17 сервисов, где можно создать крутое портфолио

Behance, Dribbble, Bestfolios, Kaggle, GitHub, о которых вспоминали эксперты выше, – не единственные ресурсы, где можно оформить и разместить портфолио. 

Кристина Голышева считает, что идеальное портфолио – это отдельная веб-страница или сайт. Создать такие можно с помощью специальных конструкторов

  • Squarespace, WiX, Tilda, Readymag. У них есть нужные наборы инструментов, шаблонов и удобная навигация. 

А вот сайты и социальные сети для дизайнеров, иллюстраторов, художников: 

  • Bleidu – бесплатный сайт по созданию портфолио.
  • Portfolio’s Friend – «онлайн-выставка», посвященная искусству и дизайну.
  • Portfoliobox – бесплатный сайт по созданию портфолио с адаптивным дизайном.
  • Deviantert – сообщество художников и иллюстраторов, где они представляют свои проекты.
  • Coroflot – социальная сеть для художников, иллюстраторов и дизайнеров, где можно создать разместить портфолио и найти работу.

Сайты для журналистов, копирайтеров, PR-менеджеров:

  • Clippings.me – бесплатный англоязычный сайт для журналистов. 
  • Muck Rack – здесь журналисты могут создать профиль в англоязычной базе СМИ и подкрепить ссылки на свои публикации.
  • Contently – англоязычная платформа корпоративного контент-маркетинга. Здесь могут разместить портфолио и найти работу редакторы, копирайтеры и блогеры.

Просматривайте тысячи изображений портфолио для вдохновения в дизайне

  1. Личное портфолио

  2. Концепция дизайна сайта для фотовыставки

  3. Ричард | Портфолио фрилансера

  4. каусар.