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

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

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

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

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

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

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

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

Ориентируйтесь на примеры. В интернете есть тысячи удачных портфолио дизайнеров. Например, много их на 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 – англоязычная платформа корпоративного контент-маркетинга. Здесь могут разместить портфолио и найти работу редакторы, копирайтеры и блогеры.

Как сделать портфолио, которое поможет находить заказчиков и получать работу

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

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

Оглавление

• Что такое портфолио
  • Чем портфолио для работодателя отличается от резюме
• Кому и зачем нужно портфолио
• Форматы портфолио
  • Печатная версия
  • Цифровая версия
• Какие работы добавить в портфолио
• Как правильно оформить портфолио
  • Титульный лист (обложка)
  • Информация о себе
  • Фото для портфолио
  • Подробности кейсов
  • Призыв к действию
  • Контакты для связи
• Образцы хороших портфолио
• Рекомендации по созданию портфолио для разных профессий
  • Маркетологу
  • Копирайтеру
  • Программисту
  • Менеджеру
• Где разместить портфолио
  • Социальные сети
  • Канал на Ютубе
  • Биржи фриланса
• Сервисы для создания и публикации портфолио за полчаса
  • Behance
  • Clippings
  • Portfolios
  • Pinterest

Что такое портфолио

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

На собеседовании оценивают вашу личность, то, как вы общаетесь, ваши ценности. Это soft skills — те навыки, которые помогут работать в команде, общаться с коллегами, клиентами и разделять культуру компании.

Портфолио помогает выявить уровень вашего профессионализма ― hard skills. Работодатель оценивает вас как специалиста по результатам вашей работы. Поэтому надо тщательно отбирать примеры для портфолио.

Чем портфолио для работодателя отличается от резюме

Что такое портфолио, мы уже разобрались. Теперь выясним, чем оно отличается от резюме.

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

Пример резюме c HH.ru

Портфолио отличается от резюме объёмом и наличием деталей проекта.

Детали, которые раскрывают в портфолио:

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

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

Кому и зачем нужно портфолио

Портфолио чаще всего нужно представителям творческих профессий:

• дизайнерам,
• фотографам,
• стилистам,
• сммщикам,
• копирайтерам,
• актёрам и т. д.

Что положить в портфолио:

• баннеры, логотипы, мерчи, интерьер, эскизы одежды,
• фотосессии,
• фото собранных луков,
• истории аккаунтов, которые вы продвигали,
• примеры текстов,
• фото и видео с постановок или фильмов и т. п.

Иногда портфолио помогает в продвижении по карьере адвокатам, учителям, программистам и др. Людям таких профессий можно упаковать в портфолио:

• успешно выигранные дела,
• методические авторские наработки,
• сайт, приложение или программное обеспечение.

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

Зачем ещё нужно портфолио людям этих профессий:

• обосновать повышение зарплаты и должности,
• наглядно показать результаты работы,
• подтвердить своё авторство и прикрепить отзывы.

Форматы портфолио

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

Печатная версия

Портфолио Sofia Silva — 2015

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

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

Цифровая версия

Цифровое портфолио на Behance от Grafik Ltd

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

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

Главный недостаток ― недобросовестные исполнители могут его скопировать и выдать за своё.

Чтобы ваше портфолио не украли:

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

Какие работы добавить в портфолио

Всё зависит от того, сколько у вас опыта работы и есть ли крупные проекты, которые могут представить вас в выгодном свете.

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

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

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

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

Титульный лист (обложка)

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

Информация о себе

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

Фото для портфолио

Будет здорово, если вы добавите своё фото в портфолио. Так у заказчика сложится первое представление о вас.

Критерии правильного фото:

1. Оно хорошего качества: при увеличении не пиксилизуется и не искажает ваш внешний вид.
2. Его сделали в профессиональной или нейтральной обстановке. Не стоит размещать фото с отдыха на море или встреч с друзьями.
3. На нём вы выглядите приветливо, опрятно и естественно.

Подробности кейсов

Как мы уже писали выше, основное отличие портфолио от резюме — это подробное описание проектов. Одних картинок будет недостаточно, поэтому добавьте описания к примерам:

• цели,
• задачи,
• сроки реализации,
• нюансы,
• ход работы,
• итоги работы,
• как удалось достичь результата.

Призыв к действию

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

Предложите заказчику небольшой бонус, если он заказал услуги у вас:

• скидку,
• подарок,
• дополнительную гарантию,
• полезные материалы и т. п.

Контакты для связи

Какие контакты оставить:

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

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

Образцы хороших портфолио

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

Что объединяет хорошие портфолио:

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

Портфолио веб-дизайнера Ирины Павловой

Портфолио маркетолога Юлии Сергеевой

Рекомендации по созданию портфолио для разных профессий

Разберём, как создать портфолио, на примере профессий маркетолога, копирайтера, программиста и менеджера.

Маркетологу

Чтобы сделать наглядное портфолио маркетологу, нужно:

1. выбрать наиболее крупные кейсы в своей практике;
2. описать продукты, которые были в работе;
3. рассказать про инструменты продвижения;
4. описать финансовую сторону проекта;
5. оценить свою работу по KPI.

Пример неудачного портфолио

Что не так с этим портфолио:

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

Пример удачного портфолио

Главное отличие этого портфолио от предыдущего ― есть кейсы со статистикой и минимальным описанием. Какие ещё преимущества у этого портфолио:

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

Копирайтеру

Оценить работу автора по KPI сложно. Поэтому правила составления портфолио для копирайтера будут отличаться:

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

Пример неудачного портфолио

Что не так с этим портфолио:

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

Пример удачного портфолио

Что делает это портфолио удачным:

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

Программисту

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

Пример неудачного портфолио

Что не так с этим портфолио:

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

Пример удачного портфолио

Что делает это портфолио удачным:

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

Менеджеру

Если вы задаётесь вопросом, как составить портфолио менеджеру, то у нас есть ответ. Что указать в портфолио менеджеру:

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

Пример неудачного портфолио

Что не так с этим портфолио:

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

Пример удачного портфолио

Что делает это портфолио удачным:

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

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

Где разместить портфолио

От того, где вы разместите своё портфолио, зависит, найдёт вас будущий заказчик или нет. Мы рекомендуем постить примеры работ сразу на нескольких площадках, чтобы ваше портфолио увидело как можно больше будущих клиентов.

Социальные сети

Экспертный блог в социальных сетях поможет дополнительно привлекать клиентов. Сложно вести страницы в нескольких социальных сетях одновременно, поэтому мы предлагаем сосредоточиться на одной ― где больше всего ваших будущих клиентов.

Проведите анализ вашей целевой аудитории, чтобы узнать, где заводить страницу. Чтобы не допустить ошибок при проведении анализа, прочитайте нашу статью «7 самых распространённых ошибок при анализе целевой аудитории».

Чтобы ваши социальные сети привлекали заказчиков, прочитайте нашу статью «Зачем нужен личный бренд и как его продвигать».

Канал на Ютубе

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

YouTube-портфолио графического дизайнера

Биржи фриланса

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

Портфолио на бирже

Популярные биржи фриланса:

• FL. ru,
• Kwork,
• Work-zilla,
• Etxt,
• Advego,
• Pchel.net,
• llustrators.ru,
• Upwork и т. д.

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

Сервисы для создания и публикации портфолио за полчаса

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

Behance

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

Clippings

Англоязычный сайт для портфолио копирайтеров. Туда можно загрузить 16 работ в формате pdf, но нельзя оставить свои контакты без подключения премиум-аккаунта.

Portfolios

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

Pinterest

Мы выделили эту социальную сеть в отдельный пункт, потому что работать с ней гораздо проще, чем с остальными. Вам надо только зарегистрироваться, создать доску «Мои работы» и добавить примеры на неё.

Читайте также:

Топ-6 самых высокооплачиваемых профессий в сфере digital

Инна Романович

5 мин.

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

4 секрета создания выдающегося портфолио

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

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

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

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

Если у вас еще нет основного списка или коллекции ваших работ, начните с их создания. Затем ранжируйте проекты с точки зрения того, насколько они впечатляющие, и выберите 10-20 лучших. Или найдите несколько проектов, каждый из которых демонстрирует разные услуги или навыки.

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

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

Если вы работаете в невизуальной роли

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

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

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

Это только начало — ознакомьтесь с нашей статьей о том, как визуально представить свою работу независимо от того, чем вы занимаетесь, чтобы получить еще больше идей.

Если вы осуществляете переход и у вас еще нет примеров вашей работы

Что делать, если вы пытаетесь перейти на новое направление работы и хотите указать эту услугу на своем сайте, но у вас нет какие-нибудь клипы или сэмплы? Попробуйте создать макет!

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

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

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

Обычно это препятствие можно обойти, описав проект в общих чертах. Например, вместо того, чтобы говорить: «Последние полтора года я улучшал узнаваемость бренда Squarespace, пишу посты в блогах, ориентированные на SEO, и веду 5 учетных записей в социальных сетях», включая образцы блогов и социальных сетей, скажите: , «Последние полтора года я улучшал узнаваемость бренда крупного веб-сервиса B2C…» Затем напишите фиктивную статью или пост в Facebook и используйте это в качестве наглядного доказательства.

Когда дело доходит до показа ваших вещей, меньше значит лучше. Мы предлагаем представить ваши проекты в простом формате на одной веб-странице (или, что еще лучше, в разделе «Мои работы» или «Образцы работ» вашего личного веб-сайта), с возможностью просмотра каждого по отдельности, чтобы просмотреть более подробную информацию и дать люди контекст о вашей работе.

Чтобы увидеть эту стратегию в действии, посетите сайт копирайтера Гари Круза.

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

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

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

Когда вы собираете все свои разнообразные образцы работ в одном месте, попробуйте одну из этих тактик, чтобы сделать их более связными и визуально не подавляющими для зрителя. (Подсказка: конструкторы веб-сайтов «сделай сам», такие как Squarespace, делают это проще, чем вы думаете.)

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

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

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

Или воспользуйтесь техникой ландшафтного архитектора Марка Тессье. На его сайте есть функция «Фильтр», чтобы вам было легче увидеть различные типа  проектов, над которыми работала его фирма.

Хотя ваша предыдущая работа является важным аспектом, когда кто-то думает о сотрудничестве с вами, важно помнить, что этот человек не хочет нанять вашу работу, а тот, кто ее сделал.

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

Внештатный писатель Жаклин Уэстлейк ясно понимает этот принцип. В дополнение к портфолио со списком ссылок на ее работы, на ее веб-сайте есть страница «О нас», на которой есть немного информации о ней как о ее личном, так и о профессиональном плане, ее портрет и описание ее тона и стиля письма, что дает вам четкое представление о том, что она из тех людей, с которыми вы хотели бы работать.

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

Обновлено 22 декабря 2020 г.

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

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

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

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

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

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

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

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

Основная цель портфолио дизайнеров — найти работу для дизайнера. Эксперт по лучшим дизайнерским талантам

Ориентация на желаемую аудиторию

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

• Какую аудиторию хочет привлечь дизайнер?
• Как лучше составить портфолио, чтобы произвести впечатление на аудиторию?
• Какой тип работы интересует дизайнера?

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

Мыслить масштабно, создание портфолио будет похоже на постепенное раскрытие информации в интерактивном дизайне. Первый слой, ориентированный на рекрутеров, будет предназначен для быстрого сканирования, показывая лучшие работы, в первую очередь и в центре. Второй слой будет создан для клиентов. Это будет немного глубже, но все же позволит быстро сканировать. Третий слой будет нацелен на менеджеров по дизайну и руководителей дизайнеров. В случае дизайнеров UX/UI/продуктов этот последний аспект будет включать подробные тематические исследования.

Три типа посетителей:

• Рекрутеры обычно бегло просматривают портфолио дизайнеров. Они тратят три минуты или меньше на портфолио кандидата. Им нужен богатый визуальный контент и эффектная дизайнерская работа с краткими описаниями проекта для контекста.
• Клиенты хотят видеть безупречный, высококачественный дизайн. Если они заинтересованы, они потратят 3-5 минут на просмотр портфолио. Они хотят знать, как дизайнер принесет пользу их бизнесу. Демонстрация методов проектирования, основанных на ценности, вместе с социальными навыками будет иметь большое значение. Выигрышное портфолио демонстрирует отличную работу и способность представить процесс, стратегию и различные стили дизайна.
• Менеджеры по дизайну хотят глубоко погрузиться в проекты и интересуются деталями. Большинство из них тратят 5-10 минут на просмотр портфолио дизайнеров, некоторые — более 10 минут. В области UX им нравится видеть процессы решения проблем и дизайнерское мышление через тематические исследования. Менеджеры также ищут soft skills. В портфолио UI/визуального/веб-дизайна/интерактивного дизайна им нравится видеть адаптивный дизайн, микро-анимацию или видео-пошаговые руководства. Демонстрация продукта в движении имеет большое значение.

Клиенты смотрят на портфолио со своей точки зрения, чтобы достичь своих целей. Эксперт по дизайнерским талантам Toptal

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

Это сложный баланс. Дизайнеры должны рассказывать историю, помня о своей аудитории, сообщая, кто они и какую работу они выполняют. Графическому дизайнеру, например, нужно быстро удивить 90 099 и произвести впечатление на 90 100 . В их случае эффектная визуальная витрина может работать лучше всего. С другой стороны, UX-дизайнер должен подумать о том, как составить свое портфолио, чтобы можно было проводить углубленные тематические исследования проектов.

Содержание и макет портфолио

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

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

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

На страницах проекта обязательно укажите:

• Кратко о проекте, решенной проблеме и вашей роли (например, брендинг, мобильный дизайн, веб-дизайн, дизайн UX/UI, исследования UX , пользовательское тестирование).
• Какой была дорожная карта продукта? Каковы результаты?
• Вы разработали продукт с нуля или сразу же приступили к работе над проектом?
• Вы работали в команде дизайнеров? Как вы сотрудничали?
• Показать результаты, количественные или качественные. Выделите такие результаты, как увеличение дохода, удержание и конверсии.
• Предоставление ключевых знаний. Как работа над этим проектом помогла вам вырасти как дизайнеру?

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

Список навыков и предпочтительных инструментов может помочь клиентам и группам дизайнеров найти дизайнеров, которые используют определенные инструменты (Sketch, Figma, Adobe XD и т. д.). Кроме того, не забудьте ссылку на свой профиль LinkedIn, статьи на Medium и другие дизайнерские сайты, на которых вы присутствуете (Dribbble, Behance).

Что включить в портфолио дизайнеров

• Продемонстрируйте лучшую работу, а не всю работу. Будьте разборчивы в том, что показывать и почему — у людей ограниченная продолжительность концентрации внимания.
• Попробуйте показать некоторые из идей, которые не сработали, и почему. Какие направления вы изучали, но не выбрали? Наряду с артефактами дизайна расскажите историю и расскажите, как вы справились с этой задачей.
• Попробуй продемонстрировать свои мягкие навыки. Несколько слайдов презентации дизайна (обзор дизайна, стратегический план), собранные в коллаж, работают хорошо. Вне зависимости от ситуации — удаленной работы или работы на месте — критически важно уметь донести свои идеи и концепции проектирования.
• Расскажите о методологиях проектирования и конкретных навыках, которые вы использовали в своей работе.
• Включите интерактивных прототипов, микро-анимации, дизайнов в движении , а не только статических дизайнов. Клиентам нравится смотреть видео или GIF-анимацию продуктов в действии.

Что не следует включать в портфолио дизайнеров

• Не включать старую, устаревшую работу. Все, что старше пяти лет в области графического/брендового/визуального/UI-дизайна, выглядит архаичным. Профессия дизайнера динамична. Клиенты ищут свежие, недавние работы, соответствующие современным современным стилям.
• Не показывайте слишком много изображений и особенно избегайте пиксельных изображений с низким разрешением. Плохое изображение будет выделяться больше, чем хорошее изображение — оно не оставит положительного впечатления.
• Избегайте защищенных паролем проектов. У большинства посетителей нет времени, чтобы протянуть руку, попросить пароль и вернуться к портфолио. Он возводит стену, пока люди просматривают портфолио, препятствуя UX. Вместо этого покажите привлекательный дизайн со ссылкой «свяжитесь для получения более подробной информации». Конфиденциальные проекты могут быть показаны на экране во время интервью.

• Подойдите к созданию вашего портфеля стратегически. Получите контент, структуру и макет. Подумайте о том, что включить, что не следует включать. Идеальное количество проектов составляет 4-6. Держите все простым, чистым и легко сканировать.
• Не будьте робким, будь смелым. Клиенты должны понимать, кто вы, и ваша специальность в течение нескольких секунд — уникальные визуальные истории, которые выделяются.
• Начните портфолио с краткого введения. Перечислите свой опыт, основные достижения и навыки.
• Покажи и расскажи. Люди в основном визуалы. Будьте лаконичны в описаниях. Чем меньше людям приходится читать, тем лучше.
• Знайте свои сильные стороны и адаптируйте презентацию, чтобы сосредоточиться на том типе работы, который вы хотите. Если это работа над визуальным дизайном/дизайном пользовательского интерфейса, представьте свою работу в основном именно так. Если это UX-дизайн, представляйте UX-проекты. Не смешивайте дисциплины слишком сильно, потому что это ослабляет портфолио и сбивает с толку клиентов. Воздержитесь от представления себя «мастером на все руки».
• Сначала покажите свои самые подробные тематические исследования. Большинство рекрутеров и клиентов не будут рассматривать все тематические исследования.
• Если дизайнер продукта , покажите 2-3 тематических исследования, но измените представление. Представьте сочетание работы над стратегией продукта вместе с UX/UI/визуальным дизайном.
• Не думайте, что людям что-то очевидно. Обеспечьте ясность и ошибитесь на стороне чрезмерного общения.
• Хорошо описательное название проекта и вашей роли. Например, «UX-дизайн корпоративной платформы SaaS для финтех-стартапа». Это быстро расскажет о том, о чем был проект, и о вашей роли.

• Покажите, что вы можете справиться с проектом от начала до конца или прыгнуть в середину проекта и взяться за дело.
• Демонстрируйте разнообразные проекты в различных средах для разных аудиторий , чтобы продемонстрировать гибкость. Клиенты ищут дизайнеров, которые могут «спроектировать практически все».
• Если вы веб-дизайнер, укажите URL-адрес сайта (если он не изменился с тех пор, как вы над ним работали). Клиенты предпочитают смотреть на окончательные, живые веб-сайты, а не на статические скриншоты.
• На странице проекта сначала покажите готовые проекты и кратко опишите контекст. Затем углубитесь в процесс проектирования.
• Расскажите об основных уроках и результатах в конце каждого проекта и о том, как ваше участие сделало их возможными.
• Если вы начинаете работать дизайнером и у вас недостаточно проектов для показа, придумайте дизайнерское упражнение. Например, редизайн веб-сайта или приложения известного бренда.
• Оптимизация портфолио для поисковых систем. Это сделает вас более заметным. Используйте «alt-теги изображения» для описания изображений. Эти теги предоставляют контекст изображения поисковым роботам.
• Получите профессиональные отзывы о вашем портфеле от менеджера дизайна или рекрутера.
• Имеет коренной англоговорящий друг друга, просмотрите ваш портфель для правильного английского языка.
• Сделайте сайт легко навигация и сделайте его мобильным дружелюбным (отзывчивым).

Советы по портфелям дизайна для дизайнеров UX/продуктов

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

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

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

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

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

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

• Презентация портфолио слишком оригинальна и «слишком креативна», что затрудняет удобство использования и усложняет навигацию. Сделайте портфолио удобным для просмотра. Лучше произвести впечатление с работой, а не с оформлением портфолио . Основное внимание должно быть сосредоточено на предоставлении того, что ищут клиенты, без излишней фантазии.
• Не будьте половинчатыми с презентацией. Попотеть над деталями. Проверьте орфографию и грамматику вашего текста. Клиенты также оценивают дизайнеров по их профессионализму.
• Не разъясняя, к какому типу дизайнера вы относитесь , что вы ищете, и с какими отраслями и предприятиями вы бы предпочли работать, например, электронная коммерция, B2C, брендинг, мобильные устройства, стартапы, крупные компании и т. д. .
• Избегайте бесконечных прокручиваемых страниц . Разбейте презентацию на более мелкие части, чтобы клиенты могли их переварить. Не делайте подробного вступления о том, кто вы, поместите его на странице About .
• Избегайте показа неорганизованных, случайных изображений работы, не сообщая посетителям, о чем эти проекты. Не забудьте рассказать историю. Всегда указывайте контекст. У людей нет времени расшифровывать длинные отрывки текста и беспорядочную коллекцию изображений.
• Используйте макеты устройств, чтобы усилить дизайн, а не отвлечь от дизайна.
• Не пытайтесь усложнять презентацию (используя перекошенные трехмерные макеты устройств и изометрические изображения).

• Не разъяснение своей роли в проекте. Особенно в больших командах и проектах очень важно быть прозрачным в отношении вашего участия.
• Если вы ищете работу в области дизайна UX, сначала сосредоточьтесь на своих проектах UX, прежде чем показывать работу по дизайну пользовательского интерфейса. Размещение тематических исследований UX на первом месте показывает рецензентам, в чем заключаются ваши сильные стороны и интересы.
• Не показывайте руководство по стилю бренда, а затем показывайте работу, которая его не отражает.
• Не показывать изображение в галерее проекта, которое перенаправляет людей на страницу с пометкой «скоро». Удалите этот проект из галереи, пока он не будет готов.
• Не делайте все ваши тематические исследования одинаковыми — скучный шаблонный формат, проект за проектом. Представьте другую историю под другим углом и меняйте артефакты, чтобы заинтересовать посетителей.
• Не просто демонстрируйте скриншоты крупных брендов, в которых вы работали. Вместо этого сосредоточьтесь на том, как вы создали ценность. Работа в Facebook, Google или Amazon не так впечатляет, как тщательно продуманная презентация того, что вы сделали, и влияния вашей работы .
• Дизайнеры UX/продуктов должны избегать показа бесчисленных артефактов UX без контекста и готовых продуктов без прохождения процесса, стоящего за ними.
• Искажающее представление о работе – это немедленное отключение. Например, используя наборы пользовательского интерфейса и шаблоны веб-сайтов, которые может купить каждый. Некоторые клиенты могут быть с ними не знакомы, но многие рекрутеры и менеджеры по дизайну знакомы. Даже если дизайнерам на мгновение это сойдет с рук, быстро станет очевидным, что у них нет навыков для создания дизайна такого качества.

Сегодня доступны различные портфолио без кода и на основе шаблонов: Webflow, Without Code, Tilda, Squarespace, Wix, Editor X и Semplice, и это лишь некоторые из них. Среди них бесплатные предложения, как правило, не впечатляют, омрачены брендингом принимающей компании и использованием субдоменов. Платные планы варьируются от 6 до 15 долларов в месяц и дают дизайнерам возможность создавать профессионально выглядящее портфолио и использовать собственное доменное имя.

Заключительные мысли

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

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

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

Дайте нам знать, что вы думаете! Пожалуйста, оставьте свои мысли, комментарии и отзывы ниже.

• • •

Дальнейшее чтение в блоге Toptal Design:

• Советы и лучшие практики портфолио UX
• Презентация дизайнерской работы: правильный путь
• Все о процессе – Анализ портфолио тематических исследований
• Оставайтесь начеку — как повысить творческий потенциал, когда работа утихает
• Лучшие портфолио UX-дизайнеров — вдохновляющие тематические исследования и примеры

Miklos Philips

Ведущий редактор блога о дизайне

Об авторе

Miklos — ведущий дизайнер UI/UX/продуктов с более чем 17-летним опытом. Он является сторонником ориентированного на пользователя дизайна (UCD) и дизайнерского мышления.