Красивое оформление портфолио: Оформление портфолио: форматы, этапы и примеры

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

Степан Солодков

мультидисциплинарный дизайнер и арт-директор

Что такое портфолио дизайнера?

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

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

Аккаунт ресторана Mr.Bo — тоже своего рода портфолио

Зачем нужно портфолио?

Сделать и разместить портфолио дизайнеру нужно, чтобы:

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

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

Вот о чем может рассказать ваше портфолио:

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

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

Как человек, который сам нанимает дизайнеров, я всегда обращаю внимание на то, как оформлено портфолио: одно дело — хорошо сверстанное портфолио в PDF или на Behance, другое — когда человек просто залил все работы в архив и выложил на файлообменник. 

Что добавить в портфолио и где взять проекты?

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

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

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

Где взять кейсы новичку?

• Стажировки. Можно пойти на стажировку ради опыта работы в реальных проектах. Многие студии готовы брать новичков.

Информация о стажировке на сайте Ermolaev Bureau

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

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

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

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

Пример концепта: переосмысление логотипа NASA. Источник

Что такое кейс?

Кейсы — это главные элементы портфолио. Они бывают двух видов: полноформатные и объединенные. 

• Полноформатный — кейс, в котором вы целиком описываете один проект, со всеми деталями и элементами. 

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

• Объединенный — «микс», в котором есть разные работы: логотипы, иллюстрации, — выполненные в одной стилистике. 

Пример объединенного кейса эстонского дизайнера Eiko Ojala. Источник

Что входит в кейс:

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

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

2. Описание проекта. Часто бывает, что картинок недостаточно и, чтобы объяснить, о чем ваш проект, нужно сопроводить его текстом. Тут придется немного побыть копирайтером: старайтесь написать интересный рассказ. Опишите, как создавался проект и для какого клиента, какая была задача, какие решения вы по ходу принимали, как это повлияло на компанию или бренд. Можно добавить, какие варианты не были приняты и почему. 

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

Пример инсайта проекта Hrum Hrum. Источник

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

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

• Офлайн. Оптимальный вариант — скомпоновать в PDF-файл все проекты, кратко описав каждый из них. Не надо отправлять свои работы отдельными ссылками или тем более архивом.

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

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

• Behance или Dribble. Это две общепризнанные площадки для онлайн-портфолио. На них не только удобно выкладывать свои работы по темам, но и сразу можно просмотреть имеющиеся вакансии. Хорошо иметь оба варианта: и онлайн, и офлайн (PDF).

• Сайт на Tilda или Readymag. Чтобы сделать страничку на сайтах-конструкторах, не надо уметь программировать, достаточно иметь базовые знания верстки. Конструкторы уже содержат специальные блоки для эффектного размещения контента: картинок, GIF-анимаций или видео. Также есть возможность сделать портфолио ярче и живее за счет использования различных эффектов: например, параллакса или анимации типографики. 

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

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

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

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

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

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

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

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

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

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

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

Веб-дизайнер стиль и смело рассказывает о своем опыте и услугах. Монохромное креативное портфолио сразу привлекает внимание.

14 советов по составлению портфолио дизайнера

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

Не усложняйте

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

Демонстрируйте работу в контексте

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

Отверстайте текст

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

Делайте портфолио материальным 

Виртуальные портфолио наглядны и удобны. Но дизайнер часто работает с физическими объектами. И лучший способ продемонстрировать свой навык — создать материальное портфолио. Альбом с картинками проектов расскажет о вашем профессионализме больше, чем сайт. Особенно это касается таких сфер, как книжный бизнес, графический дизайн и т.д. Вес, фактура, размеры, качество выбранного материала будут значить не меньше, чем содержание портфолио. Можно пойти еще дальше, сделав его интерактивным. Например, дизайнер Рауль Паско сделал себе портфолио дизайнера, обложка которого при открытии складывается в голову робота. 

Защитите персональные данные

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

Создайте портфолио для печати в PDF

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

Не используйте хорошую презентацию, чтобы скрыть плохой дизайн

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

Работы должны быть примерно одинаковыми по качеству

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

Проекты должны отвечать духу времени

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

Не добавляйте в портфолио незавершенные работы

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

Забудьте о бесплатных мокапах

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

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

Мокап для айдентики компании PLM. Источник

Используйте реальные фото проекта

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

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

Следите за стилистическим единством кейса

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

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

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

Как создать портфолио дизайнеру?

Как создать портфолио новичку?

Что должно быть в портфолио дизайнера?

Где взять идеи для портфолио дизайнера?

В чем сделать портфолио дизайнера?

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

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

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

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

Зачем нужно портфолио?

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

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

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

Как создать успешное портфолио?

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

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

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

5 практических советов по составлению портфолио

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

Следует иметь в виду, что студенты должны предоставлять портфолио для зачисления на программы любого уровня: подготовительные курсы для иностранных абитуриентов (International Foundation), бакалавриат, программы постдипломного образования. Требования к степени профессионализма работ, отобранных для портфолио, различны для каждого уровня.

Советы преподавателей и студентов University of Kent

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

>> Узнать больше о Кентском университете

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

Это могут быть как курсы full time portfolio сроком от семестра до 1 года, так и короткие тренинги от 2–3 дней до нескольких недель.

Примечание: составлено по материалам University of the Arts London 

 

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

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

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

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

1. Сэм Смолл
2. Джереми Шоу
3. Менгди Чжан
4. Бади
5. Том Паркс
6. Стефан Хийенурм
7. Брэдли Хейнс
8. Кори Снайдер
9. Синем Курт

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

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

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

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. Stefan Hiienurm

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

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

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

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

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

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

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

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

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

7. Брэдли Хейнс

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

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

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

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

Вынос ключей

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

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

8. Corey Snyder

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

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

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

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

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

Вынос ключей

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

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

9. Синем Курт

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

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

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

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

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

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

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

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

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

 

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

• Сколько я буду зарабатывать как дизайнер пользовательского интерфейса?
• Как стать дизайнером пользовательского интерфейса (UI): пошаговое руководство
• Востребованы ли дизайнеры пользовательского интерфейса? Вот текущие перспективы отрасли
• 7 способов улучшить свои навыки проектирования пользовательского интерфейса

10 примеров портфолио дизайна UX/UI, которые вас вдохновят (обновлено на 2023 г.)

Смена карьеры в любой момент является сложной задачей.

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

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

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

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

Что такое портфолио UX-дизайна?

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

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

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

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

Мария Майр

Designlab

Специалист по SEO UX-портфолио?

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

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

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

В Академии UX студенты много работают со своими наставниками и карьерными тренерами, чтобы их портфолио UX было уникальным, высококачественным, и адаптированы к «работам мечты», на которые они претендуют.

Из чего состоит хорошее портфолио UX UI Design?

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

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

Для получения дополнительной информации и советов по созданию эффективного портфолио дизайна UX, посмотрите это видео Келли Стивенс, которая делится своими главными советами по созданию портфолио дизайна:

Подробнее: 6 разработчиков портфолио дизайна UX/UI, которые вы должны Попробуйте: от минимальных усилий до широких возможностей настройки

10 примеров портфолио дизайнеров пользовательского интерфейса и пользовательского интерфейса

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

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

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

10 отличных примеров портфолио от студентов Designlab

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

1.

Питер Ноа

Веб-сайт портфолио Питера выделяется по многим причинам (повествование, удобный пользовательский интерфейс, разнообразие работы), но его страница «Обо мне» действительно подводит итоги его лет опыт работы в области дизайна простым и лаконичным способом.

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

Подробнее: Питер Ноа рассказывает, как он получил должность дизайнера продукции в Artsy.

2. Джози Эллисон

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

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

3. Джейсон Мэй

Портфолио Джейсона чистое, легкое в навигации и простое, но маленькие штрихи — это то, что отличает его от других.

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

4. Paula Wrzecionowska

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

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

5. Gloria Ha

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

‘У Глории также много работы: опыт электронной коммерции по уходу за кожей, функция банка и редизайн бронирования путешествий. Демонстрация вашей универсальности таким образом, безусловно, может помочь при поиске вашей первой роли в дизайне UX / UI.

6. Аврора Шао

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

7. Джаред Бартман

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

8. Сиривена Нандам

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

9. Кэтрин Чен

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

10. Кэти Льюис

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