Бесплатный вебинар «Как часто нужно обновлять семантику сайта» Зарегистрироваться
Елена Кузнецова
Контент-менеджер

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

Что это вообще такое? 

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

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

Советы
  • Лучше не выкладывать много похожих дизайнов, даже если вы ими гордитесь и высоко оцениваете. Чем разнообразнее содержание, тем больше вероятность, что вам доверят какую-то задачу. Нет ничего плохого в том, что вы рисуете, например, одни логотипы. Но если можете делать их в совершенно разных стилях, без заказов точно не останетесь.
  • Не переусердствуйте с количеством проектов. Какими бы гениальными они ни были, обычно просматривают только первые. В идеале добавить 7-10, этого обычно достаточно.

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

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

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

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

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

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

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

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

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

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

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

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

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

Важное правило

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

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

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

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

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

Как составить резюме, которое понравится эйчару и работодателю
Как составить резюме, которое понравится эйчару и работодателю
Что такое резюме и зачем оно нужно в 2022 году Соискателю оно необходимо, чтобы откликнуться на вакансию. А работодателю помогает понять, насколько соискатель подходит под его требования. Это первая ступень взаимодействия между ними. Не могу сказать, что прекрасный рассказ о себе настолько впечатлит эйчара, что вам тут же предложат работу, однако он способен добавить вам несколько важных баллов при принятии решения. В 2022 году без резюме никак. Оно необходимо сейчас даже больше, чем прежде. Структурированнее, нагляднее, понятнее и полнее чем…
На Behance можно задать метки для проекта

Структура простого портфолио

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

Что обычно включают в содержание:
  • Обложка – важный элемент, который должен цеплять и мотивировать просмотреть содержимое. Сочетайте интересную композицию с ярким фоном и надписями. В случае публикации на площадках Behance, Dunked или Portfoliobox обложка решает. Если уделить мало внимания первому впечатлению, вас обойдут стороной.
  • Примеры – классификация проектов на группы поможет избежать захламления. Используйте различные стили оформления, чтобы обозначать границы между ними. Изображения можно сопровождать разъясняющими надписями, чтобы исключить недопонимание и отразить суть дизайна. Подсматривайте информацию на различных сайтах из вашей ниши, чтобы понять, как подобрать подходящие материалы.
  • Краткая биография и кредо – дополнительная информация в помощь работодателям. Не нужно расписывать несколько страниц утомительного текста, достаточно сказать кратко о главном. Информация поможет потенциальным клиентам понять, что это вас они давно искали. Значимо все – от образования, мировоззрения, типа мышления и ценностей до способности выражать свои мысли.
  • Кейсы – по одному для каждого направления, в котором вы работаете. Содержание зависит от того, где собираетесь выкладывать примеры. Структура кейса должна содержать информацию о задачи, этапах, применяемых инструментах и сам результат, аргументированный достижениями в цифрах. Используйте списки и заголовки, чтобы структурировать запись. Не углубляйтесь в детали – на ознакомление и понимание написанного заказчик должен потратить не более 2–3 минут своего времени.
  • Контакты – на видном месте, чтобы с вами было просто связаться. Добавьте всевозможные способы связи – номер телефона, электронную почту, аккаунты в социальных сетях. Некоторые веб-дизайнеры, наоборот, «прячут» эту информацию, чтобы их беспокоили только заинтересованные лица.
  • Отзывы – если о вас писали в изданиях или отзывались лестно, поделитесь этим. Также можно добавить список компаний, с которыми вы сотрудничали в качестве аргумента в пользу своего профессионализма. А если есть дипломы и награды, не забудьте их добавить.  
Отзывы – показатель социального одобрения.
Отзывы – показатель социального одобрения.
Каталог
Каталог
Обложки проектов
Обложки проектов
Пример лучшего сайта портфоли дизайнера Глории Ха. Здесь немного текста о ней и ссылка на более подробную статью.
Пример лучшего сайта портфоли дизайнера Глории Ха. Здесь немного текста о ней и ссылка на более подробную статью.
Небольшой текст о себе
Небольшой текст о себе

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

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

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

Рассмотрим разные варианты публикации.

Как сделать и создать свой сайт с нуля: пошаговая инструкция по самостоятельному созданию
Как сделать и создать свой сайт с нуля: пошаговая инструкция по самостоятельному созданию
Определяем цель Это первоочередное – разобраться с вашими задачами и тематикой. Сначала решите, сайт будет продавать или информировать. Классический пример коммерческого проекта – интернет-магазин. Здесь есть витрина товаров, разрабатывается форма заказа, корзина. Словом, придется тщательно поработать над функционалом. Цель информационного – удовлетворить поисковые запросы пользователей. Работы здесь сравнительно меньше, основной упор делается на правильном оформлении статей, дизайне, навигации и т. д. Выбираем тип Будет площадка повышать имидж бренда, продавать товары, предоставлять место для дискуссий или просто развлекать – с этим…

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

Удобный вариант, где можно создать и разместить портфолио web дизайнера в виде единой страницы или с полноценной структурой. Для ускоренного продвижения стоит добавить раздел для блога и публиковать статьи. Благодаря SEO-оптимизации и обновляемому контенту можно добиться посещаемости. Выбор хостинга за вами, средняя цена – 200-300 р. в месяц.

Если у вас будет свой сайт

Вы сможете распоряжаться им самостоятельно. Вам не страшны блокировки или отказ площадки работать в РФ. Возможна бесплатная разработка на CMS WordPress или Joomla. Правда, чтобы разобраться с оформлением, нужно чуть больше времени и, возможно, пригодится помощь программиста. Немного проще использовать блочный конструктор Tilda, Weblium Wix, которые не требует особых навыков. Чем больше усилий приложите, тем лучше. Старания не останутся незамеченными потенциальными клиентами.

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

Dunked

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

Один из вариантов оформления каталога работ на Dunked
Тарифы площадки

Tumblr

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

Так выглядит страница блога
Можно описать свой проект

Webflow

Площадка со встроенным хостингом подходит для создания статических страниц. Отличительные характеристики – быстрая разработка проекта и готовые шаблоны. Бесплатно можно создать и опубликовать 2 сайта на поддомене webflow.io. Для добавления других доменов нужно оплатить платную подписку от 12 $ в месяц. Платные темы стоят в среднем 40–80 $.

Пример портфолио на Webflow
Пример портфолио на Webflow
Тарифы площадки
Тарифы площадки

Behance

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

Каталог работ
Каталог работ
Детальная страница проекта
Детальная страница проекта

Readymag

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

Т
Тарифы

Squarespace

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

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

Portfoliobox

Специальная платформа для создания красивого онлайн-портфолио. Здесь всего три типа подписок – Light, Pro, Pro Plus по цене в месяц 3,5 $, 9,5 $ и 12,5 $ (это если покупать на год). Можно посмотреть примеры других авторов, создать магазин, пользоваться доменом и безлимитным хостингом. Если ищете, где хранить свои шедевры, это отличный вариант.

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

Brushd

На выбор огромное количество тем, регистрация бесплатная, простое добавление видео с Vimeo и YouTube. Всего 2 типа подписок – Free! и Pro. Платная версия доступна от 12 $ в месяц.

FL.ru

Самая крупная биржа фриланса в России и СНГ также может стать местом для публикации своих проектов. Здесь не только ищут заказы, но и публикуют свои предложения. Есть вероятность, что сначала посмотрят работы дизайнера, а после доверят конкретную задачу. Услуга платная, аккаунт Pro на Fl.ru можно сделать за 2049 р.

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

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

Заключение

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

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