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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Список навыков и предпочтительных инструментов может помочь клиентам и командам дизайнеров найти дизайнеров, которые используют определенные инструменты (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 должны думать о своем портфолио как о дизайн-проекте, ориентированном на пользователя . Сделайте его удобным для пользователя. Подумайте, что ищут клиенты. Продемонстрируйте, что вы разбираетесь в полном жизненном цикле UX.

Ошибки портфолио дизайна, которых следует избегать

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

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

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

Где дизайнеры могут создать онлайн-портфолио?

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

Последние мысли

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

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

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

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

• • •

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

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