#20. Как оформить портфолио
Формат повествования, структура подачи, общая логика демонстрации работы, приемы оформления и дизайн главной страницы — все, что поможет вам впечатлить заказчика или будущего работодателя
Портфолио — это распространенный формат подачи информации. Мы сформулировали универсальные принципы, которые помогут продемонстрировать результаты своей работы и иллюстратору, и дизайнеру-фрилансеру, и архитектурной студии, и художественной мастерской.
Общая цель презентации работ — заинтересовать концепцией и впечатлить наличием особенных деталей. Глядя на работу, зритель должен однозначно понимать что решение не было взято с потолка, что оно было найдено и проработано.
Формат повествования и структура подачи отдельной работы
Для начала нужно определиться из чего будет состоять ваша презентация: что вы хотите показать и в какой последовательности.
1
Эффектная главная картинка
С нее начинается презентация, ее задача создать настроение, впечатлить зрителя и вовлечь в просмотр.
2
Содержательный заголовок, вызывающий интерес
Простой путь — использовать обычный, функциональный заголовок. Например, «Редизайн главной страницы Википедии». Будет здорово, если получится добавить немного интриги, но так, чтобы не потерялся смысл.
Дизайн-агентство Fantasy презентации всех работ начинает с вопроса What if... (Что если...)
3
Вступление (Statement)
Два-три предложения, которые описывают суть проекта.
4
Логическое обоснование (Rationale)
Описание поставленной задачи и выбранного пути решения. Тут не требуется демонстрировать свой литературый талант, описание должно быть сухим, академичным. Заголовок и вступление должны «продать» работу, а rationale погрузить в суть и объяснить основную задачу.

Роман Крихели
PROEKT AGENCY
«Портфолио должно быть безупречным, но при этом оно должно сообщать целевой аудитории ясные ответы на следующие вопросы: зачем я сделал эту работу? Для кого я сделал эту работу? Почему сделал именно так? Каков результат? Всем нравятся четенькие пацаны и девчата».
5
Пошаговая демонстрация решения с комментариями
Детали можно комментировать на макетах — поставить стрелочки и подписать, что это значит. Общее правило: пишите лаконично.
Используйте конструкцию: заголовок плюс два предложения.
6
Прямая речь
Если вы работали в команде, добавьте цитаты коллег. Также отличный прием — использовать отзывы заказчика и счастливых пользователей. Присутствие людей оживит вашу презентацию, она будет вызывать больше доверия.
7
Финальная фраза и команда
Это может быть ссылка на сайт (посмотрите в действии), либо заключение: какая польза от вашего проекта. Если над проектом работала команда, то не забудьте указать всех участников.
Дизайн подачи работы
Оформление портфолио — это такой же дизайн, как и содержащиеся в нем работы. Возможно, портфолио станет вашим главным проектом.

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

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

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

Чтобы читать дальше, оплатите годовую подписку на Тильду и получите курс в подарок!

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

Получить курс Подробнее

Также в этом курсе

19
Функциональные элементы Landing Page
Чтобы сделать Landing Page, нужно понять, из каких блоков она состоит, чем они наполнены, и как их оформить.
Предыдущая
21
Дизайн-системы: UI-киты, CSS-фреймворки, гайдлайны
Гид по UI-инструментам, которые будут полезны дизайнерам, дизайн-студиям и компаниям, разрабатывающим собственный продукт.
Следующая
Оглавление