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

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

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

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

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

Курс Продюсування артпроєктів.

Наведемо лад у цьому творчому безладі?

Та-а-ак

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

часть 1

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

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

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

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

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

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

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

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

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

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

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

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

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

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

PROEKT AGENCY

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

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

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

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

Прямая речь

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Из чего состоит хороший портфель?

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

Ниже приведены советы о том, что делает портфолио хорошим:

ХОРОШЕЕ ПОРТФОЛИО ДОЛЖНО РАССКАЗЫВАТЬ ИСТОРИЮ

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

ПОДДЕРЖИВАЙТЕ СВОЕ ПОРТФОЛИО

Обновление цифрового портфолио иногда может показаться сложной задачей. Чтобы не перегружаться, обновляйте его регулярно, в идеале раз в несколько месяцев (или, по крайней мере, после завершения большого нового проекта). Если вы возьмете в привычку обновлять свое портфолио по мере работы с разными клиентами или над новыми инициативами, вы не будете карабкаться в поисках работы, когда появится захватывающая новая карьерная возможность. Таким образом, если вакансия или новое внештатное задание вдруг вызовет у вас интерес, ваше портфолио будет готово к работе.​

ОБЛЕГЧЕНИЕ НАВИГАЦИИ

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

НЕ БОЙТЕСЬ ВКЛЮЧАТЬ ЛИЧНЫЕ РАБОТЫ В ВАШЕ ЦИФРОВОЕ ПОРТФОЛИО

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

Нужна помощь в представлении вашего творческого портфолио потенциальным работодателям или внештатным клиентам? Мы делаем найти ваши следующая работа или внештатное задание легко!

Этот пост был обновлен 12 мая 2022 г.

Шесть простых шагов для создания успешного онлайн-портфолио

Изображение предоставлено Squarespace

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

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

Так как же создать веб-портфолио, которое приведет к успеху? Creative Boom объединился с инструментом для создания веб-сайтов Squarespace, чтобы предложить шесть простых шагов, которые помогут вам достичь цели.

1. Будьте проще и помните о своих целях

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

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

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

• Кто этот человек?
• Где они базируются?
• Какую работу они выполняли раньше?
• Есть примеры их недавней работы?
• На какие еще бренды они работали?
• Сколько они берут? Какова их дневная ставка?
• Как мне связаться?

Имея в виду вышеизложенное, убедитесь, что в вашем портфолио легко ориентироваться, а в каждом разделе есть определенные цели. Сохраняйте навигацию простой и придерживайтесь проверенной формулы контента, включая «Главная», «О нас», «Последние работы», «Новости» (или «Блог») и «Контакты».

Попробуйте добавить простое введение, чтобы описать, кто вы и чем занимаетесь. Просто сделайте его коротким и приятным, оставив более длинное описание для своей страницы «О нас». Или вы можете даже добавить яркую ленту под своим именем или логотипом, сразу сообщая о своей творческой дисциплине.

Даррен Бут демонстрирует множество своих последних работ в собственном портфолио

2. Демонстрируйте только свои лучшие работы и разнообразьте их. Вы знаете старую поговорку: «Ты хорош настолько, насколько хороша твоя последняя работа»? Ну, это применимо здесь. Получите второе мнение, если вы не уверены, какие проекты включить.

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

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

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

Последняя точка. Интернет-портфолио должно быть живым и дышащим объектом. Он должен идти в ногу со временем и включать любую новую работу везде, где это возможно. Держите свое портфолио свежим и интересным, постоянно обновляя его и рассказывая потенциальным клиентам, чем вы недавно занимались.

3. Используйте качественные изображения и рассказывайте историю

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

Еще одна причина, по которой вам понадобятся отличные изображения, — это реклама. Потому что что, если такой блог, как Creative Boom, захочет написать о вас и поделиться вашей работой? Это как убить двух зайцев одним выстрелом, поэтому убедитесь, что вы создаете фантастические образы. Еще один маленький совет: избегайте белого фона! Блоги и интернет-журналы их ненавидят. Вместо этого используйте светлый фон, который подходит для каждого проекта.

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

Пример шаблона портфолио от Squarespace под названием Flatiron

4. Добавьте страницу «О нас» и напишите убедительную биографию

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

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

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

5.

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

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

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

• объясняет, как ваш продукт решает проблемы клиентов или улучшает их положение (релевантность),
• обеспечивает конкретные преимущества (количественное значение),
• сообщает идеальному клиенту, почему он должен покупать у вас, а не у конкурентов (уникальная дифференциация).

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

Wells, шаблон портфолио от Squarespace

6. Сделайте так, чтобы людям было легко связаться с вами, и поощряйте действия

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

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

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