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

О чём расскажет ваше портфолио

Hard skills. Это то, что вы умеете делать непосредственно руками в профессии. Знание композиции, колористики, типографики наглядно проверяется как раз через макеты. Зрительно можно оценить также и владение инструментами, например, Photoshop или Figma.

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

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

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

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

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

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

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

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

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

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

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

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

Как не должно выглядеть резюме дизайнера

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

Кандидат оформил резюме в Word

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

Дизайнер отправил портфолио архивом

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

Оформите ваши работы в виде портфолио и пощадите работодателя, подумайте об его удобстве.

Вместо резюме и портфолио — ссылка на биржу фриланса

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

А портфолио дизайнера, созданное на бирже фриланса, может еще больше смутить работодателя. Точно ли вам нужна постоянная работа, если вы зависаете на фриланс-сайтах?

Слишком много креатива

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

Что можно включить в портфолио?

Естественно, это должны быть лучшие работы дизайнера

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

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

Где взять примеры работ новичку

Если вы обучаетесь на веб-дизайнера самостоятельно, то наверняка у вас ещё нет примеров. Да и где им взяться, если вы только начинаете пробовать себя в этой сфере? В предыдущей статье о самостоятельном развитии, мы обсудили наличие качественного портфолио.

Теперь мы подготовили для вас несколько проверенных идей, где взять первые примеры:

Придумайте себе заказчика.

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

Сделайте дизайн популярного бренда.

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

Пробуйте свои силы в конкурсах.

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

Один из таких – 99designs.

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

Ведите свои социальные сети.

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

Определитесь с основной целью и форматом вашего портфолио.

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

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

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

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

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

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

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

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

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

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

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

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

Немного о портфолио дизайнера

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

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

Как оформить портфолио художника

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

Реализация приёма с цветовой палитрой на примере картины Винсента Ван Гога

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

Определиться с работами для включения в портфолио

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

• Кто вы как дизайнер? Какие виды работы вы делаете?
• Какое сообщение вы хотите донести до своего дизайнерского портфолио? Когда кто-то смотрит на него, как они могут определить вашу специализацию дизайна: веб-дизайн, UX , дизайн продукта, графический дизайн и так далее?

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

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

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

Итак, вот краткое изложение правил :

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

Где публиковать портфолио

Сайт на своем сервере (статичный или на CMS)

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

Если решите выбирать вариант на CMS, рекомендую выбирать самую популярную — ВордПресс. Для неё много шаблонов и плагинов. А на WordPress.com можно быстро создать сайт с минимальными затратами.

Свой сайт иметь нужно. Это положительно влияет на ваш образ в глазах клиента.

Дункед

Этот сервис создан дизайнерами для дизайнеров. Он выполняет одну функцию, но выполняет её хорошо. Там нет блога и кучи различных шаблонов (их всего 9 пока), зато то, что есть, работает идеально, удобно и просто. Есть доступ к CSS, можно прикрутить свой домен. Стоит от 6 долларов в месяц.

Тумблер

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

Вебфлоу

Это инструмент для визуального создания статичных адаптивных сайтов. Внутри есть встроенный качественный хостинг с CDN. Публикация сайта происходит в 2 клика. Если вы веб-дизайнер и переходите на WYSIWYG-инструменты дизайна, Вебфлоу — хороший вариант. И работа и портфолио в одно месте. Есть готовые шаблоны, можно привязать свой домен. Стоит от 20$ в месяц.

Биханс / Про-сайт

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

Рэдимаг

Это платформа для публикации интерактивных журналов, веб-зинов. С одной стороны, это накладывает ограничения — вы не можете убрать послайдовую навигацию (оказывается, можете). Но в остальном платформа позволяет создавать адаптивные и необычные сайты, и у вас есть практически неограниченная свобода действий. Размещение неограниченного количества сайтов обойдется в 20 долларов. Отличный вариант для веб-дизайнеров.
Кстати, для читателей этого блога есть скидка в 10% по кодовому слову «awdee_friends».

Сквэрспейс

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

Ревижн

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

FL.ru

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

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

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

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

https://vk.com/video_ext.php

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

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

Платформы для создания сайтов

Portfolio.adobe.com

Сервис является фактически продолжением Behance.net и частью Creative Cloud. При создании сайта проекты будут перемещены автоматически, а публиковать свои работы в портфолио можно сразу из программ пакета Adobe. Есть множество настраиваемых шаблонов, можно подключить своё доменное имя.

Стоимость: бесплатно при наличии подписки на Creative Cloud. Платная подписка стоит от $10 в месяц.

Google Site

Конструктор сайтов от Google, который позволит легко интегрировать другие продукты Google на ваш сайт и сделать простое портфолио.

Плюсы: настраиваемые шаблоны, интуитивно понятный интерфейс, отсутствие рекламы.

Стоимость: бесплатно, у сайта будет название sites.google.com/site_name, ограничения в настройках шрифтов и объеме информации до 100 мб (один файл не больше 20 мб).

Tilda.cc

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

Стоимость: бесплатно для быстрого создания сайта-портфолио с ограниченным функционалом. Персональный сайт с личным доменом стоит 500 рублей в месяц.

Тариф Business подойдёт, если вы ведёте сразу несколько сайтов, стоимость 1000 рублей в месяц.

Portfoliobox.net/ru

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

Стоимость: бесплатно с ограничениями, платный (от $7 в месяц) предоставляет полный функционал: интеграция с Google Analytics, личный домен, неограниченный хостинг, многочисленные дополнения.

Squarespace.com

Стоимость: предоставляется 14 дней бесплатного использования, потом нужно выбрать тариф Personal ($12 в месяц) или Business ($18 в месяц).

Readymag.com

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

Размещенные здесь проекты вы можете встраивать на другие сайты и блоги с помощью embed-кода.

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

А если вы новичок во фрилансе, почитайте эту статью и узнайте, как создать себе портфолио. 

Профессия очарования. Как стать дизайнером интерьера. Что такое портфолио?

Выводы

1. Используйте Behance для вдохновения и развития:

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

2. Презентуйте на Behance только лучшие кейсы:

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

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

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

4. Помните о важных технических нюансах:

• Кейс строится из отдельных небольших блоков, а не из одной или нескольких длинных картинок.
• Стремитесь к общей длине в 15 000 — 25 000 пикселей.

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

Благодарим вас за внимание! Изображение: Tony Yemelyanov / Behance

Похожие записи:

Как провести тендер Срм амо Почему илон маск любит dogecoin Элизабет холмс Как получить посылку в пункте выдачи заказов ozon Вернуть деньги за обучение сотрудников