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

Включайте в портфолио проекты-«завтра»

Серафима Болоткина, старший web-дизайнер международной IT- компании Movavi:

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

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

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

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

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

1. Проекты-доверители — проекты, сделанные для известных компаний в соответствии с понятной задачей. Человек, оценивающий ваши компетенции, может сказать следующее: «Я хорошо знаю эту компанию и ее задачи. Как здорово, что дизайнер нашел такое решение». По подобным проектам заказчики понимают уровень масштабирования дизайн-способностей исполнителя. Проекты-доверители должны быть в самом начале портфолио. Это ваше заявление о способности делать работы высокого уровня.
2. Крутые проекты — то, что вы делаете высокопрофессионально. Это работы, которые у вас получаются разнообразно, интересно и, по собственному ощущению, — идеально.
3. Проекты технического мастерства — проекты, которые технически вы выполнили сами, без участия команды. Такие работы показывают реальный скилл и доказывают мастерство. Например, отрисованный самостоятельно шрифт, смонтированный ролик, анимация.
4. Проект-«завтра» — проект, который раздвигает ваш диапазон знания, мышления и опыта в дизайне. Это может быть публичный, хайповый или смешной проект, который будет интересен многим и которым захочется поделиться. Например, однажды дизайнер сделал айдентику планеты Земля: флаг, герб и прочее. Такие работы делают обычно для себя в свободное время. Они отлично показывают масштаб и возможности дизайнера.

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

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

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

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

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

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

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

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

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

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

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

Оформление портфолио дизайнера: какой способ выбрать?

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

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

Теперь стоит подробнее рассмотреть все достоинства и недостатки перечисленных методов.

Портфолио веб- и UI-дизайнеров из Balkan Brothers: смелые эксперименты с композицией, типографикой, коллажами

Кто такие Balkan Brothers?

Balkan Brothers — креативное агентство с упором на диджитал.

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

Ребята специализируются на UI-дизайне и бренд-дизайне для SaaS-сервисов, а значит перед нами технологичная команда с передовой дизайна, у которой явно есть чему поучиться.

Пример портфолио веб- и UI-дизайнеров из Balkan Brothers

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

Посмотрите как круто и разнопланово они освещают сериями шотов небольшое количество проектов

Такое внимание к мелочам всегда вдохновляет

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

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

Как стать графическим дизайнером?

Для начала, чтобы убедиться, что эта профессия вам подходит, нелишним будет попробовать силы в творчестве для себя, благо возможностей для этого предостаточно. Если у вас есть более-менее терпимый компьютер, можно скачать бесплатный графический редактор и экспериментировать с ним, сколько заблагорассудится. Неплохим выбором станет Paint.NET, а также близкие к профессиональным, но совершенно бесплатные The GIMP и PixBuilder Studio. В конце концов, тренироваться можно и во вшитом в «Винду» Microsoft Paint: он не грузит систему дополнительно, в то же время прост и многофункционален.

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

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

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

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

Рекомендации

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

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

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

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

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

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

Лишний текст будет отнимать внимание у по-настоящему важных деталей и занимать слишком много места на страницах. Не добавляйте более одного небольшого абзаца, примерно 4-6 строк

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

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

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

Примеры и образцы размещения

• В своём рабочем кабинете на бирже фриланса;
• Создать рубрику в соцсетях или завести специальный аккаунт для этой цели (лучше зарегистрировать рабочую почту для удобства);
• Хранить свои кейсы в облачных сервисах, разместить ссылку, чтобы заказчик всегда мог посмотреть. Для защиты от ушлых коллег будет нелишним защитить свои работы водяным знаком или отправлять образцы своих творений скриншотом;
• Самый продвинутый способ: Создать сайт-портфолио. Достаточно будет дать клиенту всего одну ссылку и он может посмотреть всё, что его интересует. Этот вариант сразу добавит весомость;
• Вам не надо быть профи в сайтостроении. Существуют готовые сервисы, вам остается создать свой профиль, выбрать оформление и начать заполнять свой личный сайт-визитку.

Примеры сайтов для портфолио специалистов:

Пример размещения в личном кабинете: weblancer.net, FL.ru. Вы можете пройтись по интересующим вас биржам, посмотреть для себя полезные «фишки».

Кому нужно составлять портфолио?

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

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

• Любой вид деятельности, связанный с контролем, созданием и продвижением новых проектов и технологий. Это инженерно-технические работники, аудиторы, менеджеры проектов, специалисты по оптимизации бизнес-процессов.
• Работа, которая предполагает создание изображений, любых визуальных объектов. Сюда относятся все дизайнерские профессии (в том числе веб-дизайнеры, графические дизайнеры, VFX-художники, 3D-моделлеры, архитекторы ландшафтов), фотографы, художники, любые строительные специальности, повара, специалисты индустрии красоты.
• Деятельность, связанная с созданием текстовых работ для решения определенных задач заказчиков. Это прежде всего журналисты, сценаристы, специалисты по рекламе. Такие портфолио состоят из целых текстов или их частей, ссылок на сайты, где публиковались работы автора.
• Преподавательская деятельность, в том числе в сфере дополнительного и дошкольного образования. Такое портфолио может быть дополнено свидетельствами о достижениях учеников.
• Абитуриентам и студентам высших и средне-специальных учебных заведений. Портфолио позволяет продемонстрировать членам приемной комиссии свои достижения, в особых случаях добавить несколько баллов к результатам ЕГЭ при поступлении. Портфолио студента дает представление о степени полноты усвояемости курса.
• Все профессии, связанные с демонстрацией творческих способностей. Это артисты, аниматоры, ведущие и организаторы торжеств, праздников, иных мероприятий.

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

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

Какой формат выбрать?

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

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

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

Выберите платформу для вашего портфолио дизайна

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

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

Вот варианты для рассмотрения:

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

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

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

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

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

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

Портфолио в формате pdf

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

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

На последней странице следует указать свои контактные данные и поблагодарить за внимание

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

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

Способ 1. Тестовые задания. Некоторые настаивают, что каждый труд должен быть оплачен, а другие считают это отличная возможностью попрактиковаться. Мне в своё время очень сильно помогли тестовые задания, поэтому я поддерживаю вторую точку зрения.

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

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

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

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

Способ 4. Биржи фриланса. Идеальный вариант, если нужно с чего-то начать, а писать самому себе ТЗ не хочется. Зайдите на сайт с конкурсами (fl.ru или dizkon.ru) и выберите для себя задачу. Участие в конкурсе принимаете не только вы, но и много других дизайнеров. Если заказчику нравится решение — вы получаете и проект, и деньги. Если нет, то только проект в портфолио. В любом случае вы в плюсе

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

Частые ошибки начинающих графических дизайнеров

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

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

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

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

Если у вас еще не было проектов, придумайте их себе сами. Например, составьте себе ТЗ и выполните его. Вряд ли работодатель будет разбираться, реальное это здание или нет.

10 правил успешного портфолио

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

Правила, которые улучшат ваше портфолио:

1. Разделите работы на категории.
2. Добавляйте средненькие проекты. Если заказчик будет видеть только шедевры, а выдаете вы их иногда, то конечный результат может разочаровать. Отрицательного отзыва в таком случае не избежать.
3. Раз в 2 месяца обновляйте сборник работ.
4. Показывайте черновики, этапы работы над большими проектами. Можно оформлять в виде “было – стало”.
5. Объясните, какую проблему решили.
6. В конце прикрепляйте короткое видео, которое рассказывает: кто вы, опыт работы, чего добились, с чем работали. Оно может подтолкнуть заказчика к тому, чтобы дать вам работу.
7. В любом формате и типе портфолио доступ к информации должен быть быстрым. В электронном виде через один клик, в бумажном – максимум через пару страниц.
8. Не выкладывайте работы в хронологическом порядке. Работодателя интересует, как вы справляетесь с определенной задачей, а не время.
9. Нумеруйте страницы в презентациях.
10. Обязательно добавляйте свою реальную фотографию.

Том Паркс: добавьте стильный и смелый ход в каждом проекте

Кто такой Том Паркс?

Том Паркс — UI-дизайнер и бренд-дизайнер. 9 лет опыта в диджитал-дизайне. Арсенал навыков Тома обширен: UI-дизайн, бренд-дизайн, дизайн интерфейсов, иллюстрация, UI-анимация.

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

Каждый проект Тома обладает особенным характером и сделан со вкусом. 

Пример портфолио UI-дизайнера Тома Паркса

Чему стоит поучиться у Бади Аббаса?

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

Что запомнить и взять на вооружение?

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

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

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

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

Что же тогда считается хорошим тоном?

1. Свой собственный сайт. Конечно, для начинающего дизайнера это непросто, поэтому можно сделать его в конструкторе с готовыми блоками. Например, на Tilda или Vigbo. Что приятно, что базовые возможности бесплатны, реально собрать приличный сайт с минимумом усилий и затрат.

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

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

Экономьте время заказчика — создавайте портфолио в формате showreel

Digital-дизайнер Сартасова Елена, digital-агентство P R O M О B E L K A

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

Выкладывать портфолио лучше на своем сайте. Но если его нет, то на известные площадки типа re:vision. Тогда заказчикам будет удобно перейти по одной ссылке, чтобы посмотреть работы. На сайте-портфолио не должно быть однотипных работ. Лучше пусть будет 10–15 проектов, в которых фигурируют разные стили и подходы. К каждой работе делайте интересное и умное превью, которое побудит открыть ее.

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

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

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

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

4 грубые ошибки новичка

После просмотра 20 – 30 портфолио фрилансеров наглядно видны ошибки, которые рубят все на корню.

Что делать нельзя:

1. Полностью ориентироваться на образец. Упрямо следовать шаблонам непозволительно дизайнерам. От вас ждут креатива. Того, что заставит сказать: “Вау, я бы до такого не додумался”. Для вдохновения можно посмотреть работы коллег, но не копировать. Чтобы освободиться от творческого кризиса, советую прочитать книгу “Гениальность на заказ” Марка Леви.
2. Зеленые проекты. У людей, окончивших вуз 2 – 3 года назад до сих пор много студенческих и школьных работ. Держать портфолио в таком виде позволительно только во время учебы, дальше его надо совершенствовать. Иначе заказчик подумает, что вы бросили дизайн или не хотите развиваться.
3. Низкая самооценка. Не позволяйте появляться в вашей анкете соискателя или портфолио “Знаю, есть ошибки, обещаю работать над этим” и т. п. Если вы не уверены в своем профессионализме, то как сможете повышать ценник и брать крупные заказы? Не надо прямо говорить, что вы крутой, об этом скажут ваши работы. А вот при составлении резюме надо правильно расставлять акценты.
4. Заброшенное портфолио. Сначала блог или сообщество активно ведется. Посты штампуются, как на конвейере. Но через месяц обновления становятся реже и реже, вплоть до их отсутствия. Когда вижу, что последний пост добавлен несколько месяцев назад, я понимаю, тут делать нечего. Либо создавать виртуальное портфолио и выделять регулярно время на него, либо отказаться от этой затеи.

Я никого не хотела обидеть. Просто пересмотрите портфолио на предмет этих ошибок, и будет вам счастье.

В чем смысл UI-дизайнеру собирать портфолио?

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

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

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