Красивое оформление портфолио: Как сделать портфолио? Примеры и образцы хорошего портфолио

(англ. user experience, пользовательский опыт. – Прим. ред. )

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Оглавление

• Что такое портфолио
  • Чем портфолио для работодателя отличается от резюме
• Кому и зачем нужно портфолио
• Форматы портфолио
  • Печатная версия
  • Цифровая версия
• Какие работы добавить в портфолио
• Как правильно оформить портфолио
  • Титульный лист (обложка)
  • Информация о себе
  • Фото для портфолио
  • Подробности кейсов
  • Призыв к действию
  • Контакты для связи
• Образцы хороших портфолио
• Рекомендации по созданию портфолио для разных профессий
  • Маркетологу
  • Копирайтеру
  • Программисту
  • Менеджеру
• Где разместить портфолио
  • Социальные сети
  • Канал на Ютубе
  • Биржи фриланса
• Сервисы для создания и публикации портфолио за полчаса
  • 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 мин.

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

25+ тенденций дизайна портфолио в 2023 году

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

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

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

The Ultimate Designer Toolkit: более 2 миллионов ресурсов

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

Графические шаблоны

Логотипы, печать и макеты

Шрифты

Без засечек, рукописный шрифт и многое другое

Шаблоны CMS

Shopify, Tumblr и многое другое

Исследуйте элементы Envato

Персональный контакт

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

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

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

Бруталистский стиль

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

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

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

Курируемая домашняя страница

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

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

Неожиданные визуальные эффекты

Если на главной странице портфолио есть одно изображение, это, как правило, дизайнер или конкретная работа. Но что, если это что-то совершенно неожиданное?

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

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

Тонкая анимация

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

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

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

Покажи, не говори

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

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

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

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

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

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

Многослойные графические элементы

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

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

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

Тонкие цветовые эффекты

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

Простое «Привет!» сначала расширяется, чтобы заполнить экран другими текстовыми элементами, которые лучше объясняют портфолио, затем цвет фона мягко меняется каждые несколько секунд для создания эффекта радуги. Это просто, тонко и очень красиво.

Этот цветовой эффект может иметь множество применений в других местах и ​​говорит о творческом характере самого веб-сайта-портфолио.

Суперпростая эстетика

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

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

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

Журнальные макеты

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

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

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

Биос домашней страницы

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

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

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

Много интерактивности

Интерактивные портфолио готовы.

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

Преимущество высокоинтерактивного портфолио в том, что оно дает возможность продемонстрировать некоторые высшие навыки UX.

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

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

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

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

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

Черно-белый

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

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

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

Модная типографика

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

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

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

Высокопроизводительные эффекты

Портфолио Виктора Косты — яркий пример того, как создать высокоэффективное портфолио.

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

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

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

Много места

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

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

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

Пользовательский интерфейс Groovy

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

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

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

Большая типографика

Типографика и текст являются одними из наиболее часто упускаемых из виду элементов дизайна при планировании проекта или портфолио.

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

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

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

Портфели, которые не похожи на портфели

…вам как дизайнеру не нужно придумывать что-то совершенно новое, чтобы продемонстрировать свою работу

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

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

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

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

Шаблоны разделения экрана

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

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

Это отличный способ работать с известными проектами — обратите внимание на графику для Adidas Climaheat здесь — сохраняя при этом свою индивидуальность в дизайне портфолио. (Обязательно пролистайте и посетите отдельные проекты здесь; общий дизайн портфолио впечатляет.)

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

Шон Парк (Shawn Park) недавно писал о том, как он каждый год переделывает свое портфолио для UX Collective — я настоятельно рекомендую вам прочитать эту статью здесь — и текущий дизайн (выше) показывает эволюцию дизайнерских тенденций сам по себе.

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

Негабаритные снимки главной страницы

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

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

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

И несколько крутых эффектов тоже не помешают.

Модульные сетки

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

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

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

Цветные накладки

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

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

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

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

Упрощенная демонстрация проектов

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

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

Он выглядит изысканно и стильно, задавая особый тон работе этого дизайнера.

Заключение

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

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

9 лучших портфолио дизайна пользовательского интерфейса, которые будут вдохновлять вас в 2022 году

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

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

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

1. Sam Small
2. Jeremiah Shaw
3. Mengdi Zhang
4. Bady
5. Tom Parkes
6. Stefan Hiienurm
7. Bradley Haynes
8. Corey Snyder
9. Sinem Kurt 

A UI design portfolio is so much more than cherry- выбирая свои любимые проекты и аккуратно размещая их в визуальной галерее. Это возможность продемонстрировать свою методологию, то, как вы рационализируете свои дизайнерские решения и свое творческое чутье, а также дать будущим работодателям и клиентам представление о том, каково это работать с вами.

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

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

1. Сэм Смолл

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

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

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

В целом портфолио Сэма ясное, информативное и интригующее.

Чему мы можем научиться у Сэма Смолла?

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

Основные выводы

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

2.

Джеремайя Шоу — художник/дизайнер, специализирующийся на 3D-иллюстрациях, анимации, дизайне интерфейсов и брендинге, в настоящее время работает в Google.

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

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

А что насчет его проектов? Благодаря минимальному количеству текста и чистому макету, Jeremiah позволяет своим изображениям говорить за себя. Иеремия демонстрирует, что он может внедрять передовые тенденции дизайна пользовательского интерфейса, но также ясно, что у него есть уникальный стиль, который остается неизменным, доказывая, что он может как следовать рекомендациям, так и бросать им вызов.

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

Чему мы можем научиться у Джереми Шоу?

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

Ключевой вывод

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

Посмотреть полное портфолио Джеремайи на веб-сайте.

3. Mengdi Zhang

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

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

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

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

Чему мы можем научиться у Мэнди Чжана?

Сканируемость не обязательно должна достигаться за счет тщательного и понятного портфолио!

Ключевые слова на вынос

Если вам нужно углубиться в детали, выделите ключевые слова.

Работа Mengdhi теперь доступна на их странице Dribble.

4. Bady

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

Однако настоящее волшебство портфолио Бэди проявляется в его проектах. В его проекте «Happy 2 help» сразу видно, что Бади не из тех, кто скупится на детали. Сочетая великолепные образы с нужным количеством информации, когда он проводит нас через каждый этап процесса дизайнерского мышления, проект Бэди отвечает всем требованиям — от постановки проблемы до стадии обратной связи. Он даже включает элементы руководства по стилю, описывающие его выбор цветовой палитры, что дает нам еще одно окно в его подход к дизайну.

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

Чему мы можем научиться у Бади?

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

Ключевой вывод

Наличие элемента «блог» в вашем портфолио добавит еще одно измерение к вашему уже междисциплинарному предложению.

Вместо этого портфолио Бади теперь доступно в его профиле на Dribble.

5. Том Паркс

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

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

Чему мы можем научиться у Тома Паркса?

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

Ключевые слова на вынос

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

Посмотреть полное портфолио Тома на его сайте.

6.

Опыт и дизайнер продуктов Веб-сайт Штефана является прекрасным примером всестороннего портфолио. Он начинается с короткого, но впечатляющего раздела «обо мне», а затем отправляет нас в путешествие по его проектам.

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

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

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

Чему мы можем научиться у Стефана?

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

Ключевой вывод

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

Посмотреть полное портфолио Стефана на сайте его портфолио.

7. Bradley Haynes

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

Помимо захватывающей дух эстетики, Брэдли включает в себя идеальный уровень детализации, необходимый для оценки роли, которую он играл в своих проектах. Это видно из множества его высококлассных клиентов (Lonely Planet и Airbnb, и это лишь некоторые из них).

Чему мы можем научиться у Брэдли?

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

Вынос ключей

Тонкая анимация имеет большое значение!

Посмотреть полное портфолио Брэдли на его сайте.

8. Corey Snyder

Tangerine Industries — это личное портфолио отмеченного наградами интерактивного дизайнера Кори Снайдера, и почему он получил так много наград, вы сразу поймете, как только вы зайдете на его сайт. Благодаря проектам, которые охватывают целый ряд секторов, становится ясно, что Кори — универсал.

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

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

Чему мы можем научиться у Кори Снайдера?

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

Вынос ключей

Поэкспериментируйте с навигацией; это только заставит вас выделиться больше!

Посмотреть полное портфолио Кори на их сайте.

9. Синем Курт

Мы не могли завершить этот список, не включив в него немного магии портфолио CF, не так ли? Выпускница CareerFoundry по дизайну пользовательского интерфейса Синем закончила программу в 2019 году и теперь работает дизайнером UX/UI. Давайте посмотрим, что делает ее портфолио достойным быть в этом списке.

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

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

Чему мы можем научиться у Синем Курт?

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

Ключевые слова на вынос

Быть младшим дизайнером не означает, что качество вашей работы будет страдать!

Посмотреть полное портфолио компании Sinem на их веб-сайте

И это завершает наш список вдохновляющих портфолио дизайна пользовательского интерфейса! Для дальнейшего вдохновения для портфолио дизайна пользовательского интерфейса обязательно потратьте некоторое время на такие сайты, как behance, dribbble и site inspire.