book-open 1 test
UX-дизайн

Обзор 12 лучших портфолио UX-дизайнера: примеры, зачем нужно, из чего состоит

UX-портфолио — это способ упаковать ваши навыки и продемонстрировать, на что вы готовы как дизайнер. Собрала 12 сильных образцов портфолио в плотный разбор. 🌿👇
Иллюстрация Shaheen Abdu: https://dribbble.com/shots/7050242-Soccer

За основу материала взята и расширена статья “9 Of The Best UX Design Portfolio Examples From Around The Web”. Над материалом работали: Анастасия Свеженцева и Полина Фирсова.

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

Зачем UX-дизайнеру собирать портфолио

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

Интересуетесь свежими статьями по продуктовому дизайну (UX/UI)? 🚀

Подписывайтесь на канал в Telegram | ВКонтакте, Instagram, Facebook

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

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

А еще портфолио должно не просто раскрывать вашу культуру работы, но быть также и приятно упаковано.

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

Интересный факт: У дизайнеров для привлечения клиентов одинаково хорошо работают: Behance, Dribbble и, конечно же, собственный сайт.

1. Подача портфолио от UX-дизайнера Глории Ло: расскажите, в чем ваш конек

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

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

Подача портфолио от UX-дизайнера Глории Ло.

Глория применила трехуровневую структуру. Нас встречает привлекательный заголовок, который раскрывает ее сильные стороны четырьмя простыми глаголами. Теперь ясно, что Глория — творческая, разносторонне одаренная душа с довольно большим количеством увлечений в арсенале. И (прикол!) эти глаголы подсвечиваются разными цветами, когда зависаешь мышью над ними — интересный и приятный прием, который подчеркивает индивидуальность!

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

«Обо мне / ABOUT». Круто, что в этом разделе нас встречает видео и подробное описание ее ценностей (в том числе и с помощью смайликов), а также есть подробный отзыв от работодателя и ссылки на ее музыку и произведения искусства — все это помогает почувствовать дизайнера.

Чему стоит поучиться у Глории Ло?
Сделайте содержательное введение. Стремитесь к компактности и емкости. В разделе «Обо мне / ABOUT» раскройте подробнее вашу культуру работы. Не стесняйтесь добавить индивидуальности в визуальной подаче — отличайтесь, выделяйтесь.

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

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

2. Портфолио UX-дизайнера Морица Остерлоу: расскажите, как пришли к результату

Кто такой Мориц Остерлоу?
Мориц Остерлоу — мульти-прокачанный UX-дизайнер из Германии. Он специализируется на дизайне интерфейсов и веб-дизайне.

Почему портфолио Морица клевое?
Портфолио Морица раскрывает суть того, что представляет собой UX-дизайн: полный цикл устранения проблемы пользователя. Мориц не просто показывает готовый продукт; он подробно делится всеми этапами, методами и процессами мышления, которые помогли прийти ему к результату.

Портфолио UX-дизайнера Морица Остерлоу.

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

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

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

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

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

3. Сайт и портфолио UX-дизайнера Элизабет Лин: визуализируй каждый шаг

Кто такая Элизабет Лин?
Элизабет Лин — дизайнер продуктов из Сан-Франциско, поклонница моды, преподавания и классического саксофона.

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

Сайт и портфолио UX-дизайнера Элизабет Лин.

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

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

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

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

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

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

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

4. Портфолио UX-дизайнера Оливии Труонг: опишите проблему во всей полноте

Кто такая Оливия Труонг?
Оливия Труонг — дизайнер продуктов из Бостона, штат Массачусетс. Оливия любит выходить в мир и ловить его красоту и странности.

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

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

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

В следующем разделе, «огружение», Оливия делится следующими шагами в своем путешествии по решению проблем: мозговой штурм элементов успешного свидания.

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

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

Чему стоит поучиться у Оливии Труонг?
UX-дизайнеры — это решатели проблем, поэтому убедитесь, что ваше портфолио делает на этом акцент. Портфолио Оливии дает два урока: во-первых, начинайте каждый кейс с подробного описания проблемы, а во-вторых, сформулируйте проблему таким образом, чтобы она передавала глубину происходящего (эмпатия). Продумайте язык, который используете. Не просто формулируйте проблему — вложите в нее эмоции!

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

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

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

5. Портфолио UX-дизайнера Эми Ву: покажите измеримый эффект

Кто такая Эми Ву?
Эми Ву — дизайнер UX/product из Сан-Франциско и опытный оратор. А еще на ее счету несколько впечатляющих наград, в том числе премия Паулы Родс за исключительные достижения в области дизайна взаимодействия (Interaction Design).

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

Портфолио UX-дизайнера Эми Ву.

Загляните в портфолио Эми Ву. Эми делает чрезвычайно важную (но невероятно редкую) вещь: она помещает свою дизайнерскую работу по улучшению UX в контекст бизнеса.

Возьмем , к примеру, ее кейс-стади Citi Bike Onboarding. Эми ставит четкую бизнес-цель — «увеличить пассажиропоток среди начинающих пользователей, особенно туристов», — за которой следует конкретный показатель успеха. Эми также указывает сроки реализации проекта, подчеркивая значимость своей работы: «В течение 6 месяцев Citi Bike раскатила новый онбординг-сценарий на 330+ киосковых станций. Август 2014 года».”

Эми завершает свой кейс анализом после запуска нового онбординга с опорой на конкретные данные и демонстрирует, как редизайн Citi Bike повлиял на пользовательский опыт (UX): «Мы обнаружили, что через месяц после запуска число единоразовых пользователей увеличилось на 14»”.

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

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

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

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

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

6. Портфолио дизайнера Дэниела Отри: покажите ваши навыки в работе на комплексных проектах

Кто такой Дэниел Отри?
Дэниел Отри — дизайнер, разработчик и исследователь-бихевиорист. Живет в Шарлотсвилле, штат Вирджиния. Он очарован социальными продуктами и в настоящее время исследует пересечение технологий и психических заболеваний.

Почему портфолио Дэниела клевое?
В портфолио Дэниела Отри есть несколько замечательных работ в сфере здравоохранения, но это не единственная причина, по которой он попал в этот список. Портфолио Дэниела также помогает ответить на популярный вопрос: сколько проектов «правильно» демонстрировать в вашем UX-портфолио?

Портфолио дизайнера Дэниела Отри.

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

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

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

Кроме четырех проектов, в портфолио Дэниела также есть раздел, посвященный «другим работам». Здесь он ссылается на статьи, которые написал на Medium, дополнительные проекты, над которыми работал, а также на предстоящие задачи. Такой подход помогает упорядочить портфолио, особенно если вы изо всех сил пытаетесь решить, какая из ваших лучших работ должна быть в нем представлена.

Чему стоит поучиться у Дэниела Отри?
Портфолио Дэниела дает нам важный пример «правильного» количества проектов в портфолио: такого количества нет!

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

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

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

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

7. Портфолио дизайнера продуктов (UX/UI) Веры Чен

Кто такая Вера Чен?
Вера Чен — дизайнер продуктов в Microsoft. У нее степень магистра в области антропоцентрического дизайна и инженерии, также балуется пением и актерским мастерством.

Почему портфолио Веры клевое?
Портфолио Веры — это не только красивая вещь (просто посмотрите на эти иллюстрации!); оно также подчеркивает важность контекста при презентации UX-решения.

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

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

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

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

Во-вторых, укажите свою роль в каждом проекте. Что вам поручили сделать? Как вы вписались в общую команду? Кстати, перечисление ваших товарищей по команде — это приятный штрих; UX-дизайн — это командная работа, поэтому важно продемонстрировать именно ваш вклад и при этом признать, что конечный результат был командным усилием.

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

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

8. Портфолио UX-дизайнера Зары Дрей

Кто такая Зара Дрей?
Зара Дрей — UX-дизайнер из Лондона. В свободное время она делает видеоролики, керамику и металлические скульптуры и сочиняет музыку.

Почему портфолио Зары клевое?
Мы много говорили о важности подачи вашего UX-процесса. Теперь пришло время поразмыслить о силе красивого пользовательского интерфейса! Это подводит нас к портфолио Zara Drei — воплощению цифровой элегантности.

Портфолио UX-дизайнера Зары Дрей.

Zara специализируется на создании цифровых продуктов и впечатлений для брендов класса люкс (мода и красота). Это она и постаралась отразить в каждой детали портфолио. На самом деле, листать портфолио Зары — все равно что бродить по салону красоты элитного магазина или листать страницы глянцевого журнала,и это не случайно. Она уделяла столько же внимания цветовой палитре, типографике и образам, сколько написанию своих кейсов. Каков результат? Безупречное портфолио, которое действительно оставляет свой след.

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

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

Что запомнить и взять на вооружение?
Ваш сайт-портфолио должен отражать ваш личный бренд. Визуальный дизайн играет в этом решающую роль. Лучшие портфолио предлагают полный комплект: подробные кейсы, упакованные в потрясающий UI-дизайн, и безупречный UX — так что стремитесь прокачать все пункты в чек-листе!

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

9. Портфолио дизайнеров интерфейсов в MetaLab

Кто такие MetaLab?
MetaLab — команда по разработке интерфейсов со штаб-квартирой в Канаде. Ребята дизайнят, проектируют и проводят продуктовые исследования. Среди клиентов Slack, Google, Uber и Amazon.

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

Чему стоит поучиться MetaLab?
Ребята пишут жизненно о работе над крупными международными проектами. Такой простая манера подачи вдохновляет начать. К примеру вот так они пишут про Slack: «Стюарт и его команда пришли к нам, когда Slack был грубым прототипом, и попросили нас помочь сделать Slack великолепным. В результате комплексной работы нам удалось создать клевый продукт с бренд-дизайном и прошить единой коммуникацией интерфейсы продукта, мобильное приложение и всю маркетинговую систему».

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

10. Портфолио продуктовых дизайнеров (UX/UI) из Outcrowd

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

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

Чему стоит поучиться Outcrowd?
Попробуйте в текущем или следующем проекте создать подобную демонстрацию с анимацией ключевых объектов. К примеру вот так, как упакован финтех-проект Clover.

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

11. Портфолио продуктовых дизайнеров (UX/UI) из Cuberto

Кто такие Cuberto?

Cuberto — дизайн-агентство из Санкт-Петербурга c представительством в США. Помогают запускать проекты на Россию и мир. Ребята специализируются на проектировании, дизайне и разработке мобильных и веб-продуктов для стартапов.

Почему портфолио у Cuberto клевое?

На сайте в меню есть кнопочка «Our Showreel» — за ней находится клевый видеоролик с множеством дизайн-концепций и настоящих продуктов. Такой ролик помогает шустренько объяснить клиентам, на что вы способны, и мощно подать результаты.

Чему стоит поучиться Cuberto?

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

Посмотреть пример портфолио [Ru]

Посмотреть пример портфолио [En]

12. Портфолио UX/UI-дизайнера Тараса Мигулко

Кто такой Тарас Мигулко?
Тарас Мигулко — веб-дизайнер, дизайнер интерфейсов (UX/UI), моушн-дизайнер, 3D-дизайнер и иллюстратор из Праги.

Почему портфолио Тараса клевое?
В портфолио Тараса работы по объему как у целой дизайн-студии или диджитал-агенства — это вдохновляет на развитие и эксперименты.

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

Тарас умеет в иллюстрацию, делает 3D, содает брендинг, проектирует и дизайнит сайты и интерфейсы, а также создает моушн-концепции и шоурилы.

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

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

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

Что учесть при создании UX-портфолио

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

  1. Дайте сразу понять, кто вы и что вы делаете.
  2. Будьте доступны для связи.
  3. Укажите текущий статус занятости.
  4. Отразите свою индивидуальность.
  5. Сопроводите кейсы пояснениями и изображениями.
  6. Расскажите о процессе в целом, а не только о конечном продукте.
  7. Напишите полезные тексты с эмоциональной жилкой.
  8. Опишите полный комплект ваших умений и навыков.
  9. Укажите базовые сведения о каждом проекте.
  10. Включите в портфолио только лучшие работы и создайте шоурил.
  11. Усильте портфолио дизайн-концепциями и шоурилами.
  12. Покажите ваш рост.

Где еще черпать вдохновение

Интерфейс — это только часть диджитал-бренда. Ребята в FocusLab как раз экспериментируют над комплексным диджитал-брендингом. Рекомендую следить за их портфолио на сайте focuslabllc.com. А еще поглядите их клевый шоурил 👇

focuslabllc.com

Вывод и рекомендация

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

Натренировать дополнительные навыки UX-дизайна вы можете на платформе Breezzly. На Breezzly вас обеспечат серией проектов, обучат системе работы и натренируют навыкам в целом комплексе инструментов (Figma, Principle, ProtoPie и Tilda) — все это поможет усилить ваше портфолио. Пробуйте!