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

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

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

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

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

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

Оно нужно, чтобы:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Советы по составлению портфолио

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10 примеров лучших портфолио графического дизайна и шаблонов для его создания

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

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

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

Лучший набор дизайнерских инструментов: более 2 миллионов ресурсов

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

Шрифты. Шрифты без засечек, рукописные и пр.Шаблоны для презентаций. PowerPoint&KeynoteГрафика. Иконки, векторы и пр.

‍Узнать больше о цифровых ресурсах

Rui Ma Design

http://ruimadesign.com/ 

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

Портфолио дизайн-студии Rui Ma из США содержит только большие и красивые визуальные элементы. На сайте представлены их лучшие работы в полноэкранном формате с минимальным использованием текста.

Основные выводы из анализа данного портфолио:

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

Рекомендуемый шаблон для портфолио: Oscar

Oscar — это современный HTML-шаблон для создания портфолио агентств и стартапов. Несмотря на то, что он не совсем похож на веб-сайт Rui Ma, в нем есть все основные элементы для дизайна профессионального портфолио.

Louis Ansa

https://louisansa.com/home/beyond-beauty 

Портфолио французского графического дизайнера Louis Ansa прекрасно. Его цветовая палитра состоит только из двух цветов — красного и белого.

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

Основные выводы из анализа данного портфолио:

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

Рекомендуемый шаблон для портфолио: Atail

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

Cathrine.co

https://cathrine.co/ 

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

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

Кстати, повсеместное применение смайлов в дизайне делает портфолио более интересным и развлекательным.

Основные выводы из анализа данного портфолио:

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

Denton Design

https://natedentondesign.com/ 

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

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

Основные выводы из анализа данного портфолио:

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

Рекомендуемый шаблон для портфолио: Blon

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

Another Colour

https://anothercolour.com.au/ 

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

Стиль портфолио австралийского дизайн-агентства Another Color очень необычный. В достаточно простом дизайне сайта используются яркие и красочные градиенты. Он также хорошо сочетается с названием бренда (прим. название — “Другой цвет”).

Основные выводы из анализа данного портфолио:

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

Neuebel&Mark

https://www.neuebel.com/ 

Объединение определенных художественных стилей и тенденций также помогает выделить ваш сайт среди других и добавить ему исключительности. В портфолио Neuebel & Mark достаточно хорошо применена эта стратегия.

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

Основные выводы из анализа данного портфолио:

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

Рекомендуемый шаблон для портфолио: Ukko

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

Samuel Scalzo

https://www.scalzodesign.be/ 

Темные цвета — популярный тренд, который мы наблюдаем в интернете повсеместно. Особенно широко эта тема представлена в мобильных и десктопных операционных системах, но она охватывает и веб-сайты.

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

Основные выводы из анализа портфолио:

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

Рекомендуемый шаблон для портфолио: Bleak

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

Adam Sandoval

https://adamsandoval.co/ 

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

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

Основные выводы из анализа портфолио:

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

Рекомендуемый шаблон портфолио: Ария

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

Studio Fables

https://studiofables.com/ 

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

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

Основные выводы из анализа портфолио:

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

Рекомендуемый шаблон портфолио: Remark

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

Root Studio

https://rootstudio.co.uk/ 

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

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

Ключевые выводы из этого портфолио

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

Рекомендуемый шаблон портфолио: Elio

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

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

8 вещей, которые нужно знать о создании портфолио дизайнеров

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

Моя тяжелая работа окупилась. Я получил работу в Bloc, и это было волшебное время.

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

1. Представьте свою работу в виде тематического исследования

Заполните свое портфолио как можно большим количеством тематических исследований.

Когда я подал заявление о приеме на работу в колледже, я заполнил свое портфолио большими красивыми изображениями. Я подавал заявки на вакансии UX/UI направо и налево, но безуспешно. «Почему? Что я делаю не так?»

«Покажите, что вы можете решать проблемы, и вы покажете, что вас стоит нанять».

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

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

Я подумал, Почему у меня не было кейсов?

Поэтому я добавил кейсы. И, успех. Скорость отклика моего работодателя подскочила.

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

Покажите, что вы можете решать проблемы, и вы покажете, что вас стоит нанять.

2. Тщательно подберите портфолио

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

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

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

3. Демонстрируйте реальную работу, даже если у нее есть проблемы

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

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

Я положил его в свой портфель.

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

«Демонстрируйте реальные работы в своем портфолио, даже если у них есть проблемы».

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

4. Меньше дизайнерских упражнений. Более подробные кейсы.

Портфолио №1: типографский постер, реклама гипотетического продукта, редизайн Reddit.

Портфолио №2: реклама гипотетического продукта, редизайн Facebook, афиша концерта.

Портфолио №3: Редизайн Craigslist, поддельное мобильное приложение, поддельная рекламная кампания.

Просмотрите сотни портфолио, и не так уж сложно найти классные проекты.

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

5. Расскажите о результатах

Я проходил собеседование на стажировку.

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

Затем интервьюер спросил: «Каких целей вы пытаетесь достичь с помощью этого дизайна?»

Я пробормотал повторение подсказки, которую они мне дали.

Интервьюер сделал паузу. Я возражал. Излишне говорить, что я не попал на стажировку.

«Если ваш дизайн не улучшает взаимодействие с пользователем, он чисто декоративный и бесполезный».

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

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

6. Сделайте навигацию по вашему портфолио простой я захожу

Мне нужно быстро отделить хорошие портфели от плохих.

У меня есть — в лучшем случае — 2 минуты на портфель.

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

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

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

И да — убедитесь, что ваше портфолио находится в сети!

7. Проведите исследование и искренне напишите

Я получил отличное приложение по электронной почте от дизайнера.

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

Я назначил интервью на следующий день. И со временем она получила работу.

«Откажитесь от сопроводительного письма».

Менеджер по найму читает сотни сопроводительных писем. Большинство из них начинаются со слов «Уважаемый менеджер по найму…», обрисовывают опыт кандидата в чрезмерной, цветистой речи и обычно заканчивают тем, что кандидат «полностью соответствует вашей миссии».

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

Будьте краткими, но искренними — это просвечивается в море шаблонов.

8. Дайте волю своей страсти

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

Но это страсть.

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

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

И пусть эта страсть сияет.

Этот пост изначально был опубликован на Medium.

от Emelyn Baker

Emelyn является ведущим дизайнером в Bloc, онлайн-программе обучения разработке и дизайну с наставником. Она работала с компаниями из списка Fortune 500 и пятью, и в настоящее время пишет о проблемах проектирования в стартапе. Узнайте больше о ее работах на Medium или посмотрите ее портфолио.

Как создать дизайнерское портфолио [2023]

Первое впечатление имеет значение, и ничто не показывает это более ясно, чем исследование 2021 года, проведенное ведущими дизайнерскими фирмами (цитируется HubSpot). В исследовании говорится, что 50% пользователей веб-сайтов считают, что веб-дизайн имеет решающее значение для вашего бренда в целом.

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

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

Читайте дальше, чтобы узнать:

• Зачем вам нужно дизайнерское портфолио
• Как создать дизайнерское портфолио
• Что менеджеры по найму ищут в дизайнерских портфолио?
• Примеры дизайнерских портфолио
• Заключительные мысли: краткое руководство по созданию дизайнерского портфолио

Зачем вам нужно дизайнерское портфолио

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

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

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

1. Убедитесь, что люди могут легко получить доступ к вашему портфолио.

2. Продемонстрируйте свою самую выдающуюся и превосходную работу.

3. Выбирайте проекты с высоким разрешением.

4. Покажите, насколько вы увлечены своей работой.

5. Используйте рекомендации клиентов и тематические исследования.

6. Продемонстрируйте сторонние проекты и неклиентскую работу.

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

1. Убедитесь, что люди могут легко получить доступ к вашему портфолио.

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

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

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

Также следует учитывать, что 42% пользователей покидают сайт с плохой функциональностью. Итак, сделайте свой сайт адаптивным.

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

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

Легко создайте портфолио дизайна на WordPress

И задействуйте свой сайт с помощью управляемого хостинга от Nexcess

Просмотрите управляемые планы WordPress

2. Продемонстрируйте свою самую выдающуюся работу.

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

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

Здесь вы также можете выбрать свою работу с учетом ваших карьерных перспектив. Вам нравится создавать UI/UX для мобильных приложений? Затем заполните свое портфолио мокапами мобильных приложений. Быть универсалом тоже не помешает.

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

3. Выбирайте проекты с высоким разрешением.

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

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

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

4. Покажите, насколько вы увлечены своей работой.

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

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

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

5. Используйте рекомендации клиентов и тематические исследования.

Работали ли вы с другими клиентами в прошлом? Что они думали о вашей работе? Отзывы клиентов могут стать мощным дополнением к странице вашего портфолио. Это отличный способ показать опыт и знания.

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

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

Тематические исследования также позволяют вам доказать свою способность разрабатывать инновационные решения.

6. Продемонстрируйте побочные проекты и неклиентскую работу.

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

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

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

Что менеджеры по найму ищут в дизайнерских портфолио?

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

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

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

Obey Giant

Даже если вы не увлекаетесь искусством, вы наверняка видели работы Шепарда Фейри. Он разработал плакат Обамы «Надежда», а список его клиентов включает Pepsi, Mozilla, The Black Eyed Peas, Smashing Pumpkins и фильм «Переступить черту». Хотя Obey Giant содержит всю его библиотеку, в ней легко ориентироваться. Изображения Фейри имеют высокое разрешение, сохраняя качество его искусства. UX несложный, что позволяет легко оценить его работу. Если вы плодовитый художник с огромной библиотекой работ, это отличная основа для каталогизации вашего искусства.

Брайан Тиллман

Брайан «Кайзер» Тиллман не только великий художник, но и доцент, разработчик настольных игр и автор. В его дизайнерском портфолио «Следуй за Кайзером» представлены его недавние работы по дизайну персонажей. Вместо резюме или отзывов биография Тиллмана подробно описывает его долгую историю работы с известными клиентами, такими как Marvel Comics, DC Comics, Upper Deck и другими. Он предоставляет ссылки на все свои социальные каналы, а также на потоковые сайты, демонстрируя свою страсть к ремеслу и взаимодействие с арт-сообществом.

Коллин Доран

Карикатурист-бестселлер New York Times Коллин Доран имеет легендарную карьеру. Она иллюстрирована для всех, от The Walt Disney Company до Стэна Ли и Нила Геймана. Ее галерея отражает ее огромный талант и позволяет вам просмотреть некоторые из ее самых необычных работ. Она включает в себя список кредитов и достижений, а также страницу для прессы. Веб-сайт Дорана — яркий пример того, что ищут менеджеры по найму. Она делает его простым и элегантным, в то же время упаковывая все аспекты, которые составляют отличное дизайнерское портфолио.

Стив Конли

Удостоенный наград карикатурист, графический дизайнер и дизайнер UX/UI Стив Конли работал со многими известными клиентами, такими как Comicon, DC Comics и The Washington Post. Его портфолио показывает, почему. Портфолио Конли легко просматривать — интерактивные элементы с прокруткой ссылаются на описание каждого проекта, который он представляет. Вы также можете отсортировать его работы по категориям, но другие дизайнеры, перечисленные здесь, не использовали эту функцию. Художникам выгодно использовать изображения высокого разрешения, и Конли не скупится на это.

Penelope R. Gaylord

Внештатный дизайнер персонажей и иллюстратор Penelope «Peng-Peng» Gaylord — еще один прекрасный пример художника с прекрасным портфолио дизайна. PengPengArt имеет четко определенное портфолио. Она разделяет свою работу между опубликованным и фан-артом и даже имеет защищенную паролем область для Pro Samples.