Портфолио веб-дизайнера: как сделать и советы для начинающих

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

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

Получается замкнутый круг: нет заказов → нет портфолио, нет портфолио → нет заказов.

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

Да, возможно, вы не способны удивить клиентов изощренной техникой и супер-креативными приёмами, но вы можете продемонстрировать свой подход и мышление.

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

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

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

Итак, перейдем к способам наполнения портфолио.

1. Дизайн для себя

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

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

Зато, если вы хорошо поработаете, этот проект станет не только кейсом в портфолио, но и вашим бизнес-инструментом.

Например, фирменный стиль студии Sulliwan:

Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих

2. Дизайн для друзей или знакомых

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

3. Дизайн для выдуманного клиента

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

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

4. Дизайн для известного бренда или сайта

Берёте известный бренд или интернет-сервис, и самостоятельно разрабатываете для них новый дизайн.

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

У многих фирстиль и сайты не обновлялись годами, и там имеется простор для работы.
Хорошим примером тут является парень, который сделал фирменный стиль для Майкрософта:

Портфолио веб-дизайнера: как сделать и советы для начинающих Портфолио веб-дизайнера: как сделать и советы для начинающих

5. Конкурсы

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

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

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

6. Бесплатная работа («за портфолио»)

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

7. Проект известной студии или дизайнера

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

8. Собственный проект

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

Например, сервис для ведения заметок Енотус Артёма Носенко (Артём, конечно, не начинающий, но пример отличный):

9. Решение реальной проблемы

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

  • Пример такого проекта — Схема московского метро Ильи Бирмана (тоже совсем не новичка):
  • Вывод: работайте, делайте крутой дизайн и будет вам счастье 🙂

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

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

Статья

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

Разобраться в теме нам поможет Татьяна Круглик, специалист из образовательного проекта TutorOnline.

Как работает портфолио

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

Стиль

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

  • насколько типичные решения используются;
  • склонен ли человек к экспериментам или предпочитает выверенные шаблоны;
  • соответствует ли авторский почерк специалиста нуждам клиента?

Всё это вопрос стиля.

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

Реализация

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

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

Портфолио веб-дизайнера: как сделать и советы для начинающих

Единообразие стиля в портфолио производит лучшее впечатление

Выводы работодателя

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

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

Татьяна Круглик, ведущий веб-дизайнер, TutorOnline

Про кейсы

Откуда брать работы

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

Рассмотрим ситуацию с разных сторон.

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

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

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

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

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

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

Читайте также:  Как сохранить видео из Одноклассников на компьютер: инструкция

Портфолио веб-дизайнера: как сделать и советы для начинающих

На таких платформах запрашивают помощь некоммерческие организации

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

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

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

О важности брифа и ТЗ

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

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

Тогда как в голове всегда должен оставаться вопрос: какого результата добивается заказчик? Его интересует вовсе не логотип или сайт, а реакция потребителя. Наметить эту точку помогает бриф.

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

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

Не забывайте также, что слово brief переводится с английского как «краткий, лаконичный», одной страницы достаточно.

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

Оформление кейса

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

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

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

Кейс должен содержать:

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

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

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

Что нельзя класть в портфолио

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

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

Татьяна Круглик, ведущий веб-дизайнер, TutorOnline

Приступаем к сборке

Платформы для портфолио

Сначала сразу отметаем вариант с файлами pdf и powerpoint.

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

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

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

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

Собственный сайт

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

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

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

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

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

Татьяна Круглик, ведущий веб-дизайнер, TutorOnline

Портфолио веб-дизайнера: как сделать и советы для начинающих

Разделы и полезные страницы всё время на виду

Советы вместо заключения

1. Качество важнее количества.

Неровен час, вам придется объяснять и защищать свои работы. Поэтому лучше 3 добротных сайта, в которых вы уверены, чем 10 средненьких страниц.

2. Обман вскрывается.

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

3. Следуйте ожиданиям клиента.

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

Хотите тоже написать статью для читателей Yagla? Если вам есть что рассказать про маркетинг, аналитику, бизнес, управление, карьеру для новичков, маркетологов и предпринимателей. Тогда заведите себе блог на Yagla прямо сейчас и пишите статьи. Это бесплатно и просто

Создаем портфолио веб-дизайнера за 2 недели

Портфолио веб-дизайнера: как сделать и советы для начинающих

 vlada_maestro / shutterstock

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

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

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

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

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

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

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

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

Портфолио веб-дизайнера: как сделать и советы для начинающих

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

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

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

Неопределённая ниша

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

Работ много, но все неудачные

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

Вы давно не обновляли портфолио

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

Плохо оформленный кейс

Если вы загрузили только JPG сайта, заказчик ничего не поймёт. Для него всё это — непонятные картинки. Более того, он далеко не всегда может отличить хороший сайт от плохого, именно поэтому и ищет специалиста по веб-дизайну. Объясняйте каждый шаг и показывайте, почему сделали так, а не иначе.

Откровенный плагиат

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

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

Читайте также:  Тренды и тенденции — что это такое и в чем отличие

Как начинающему дизайнеру собрать портфолио мечты

Портфолио веб-дизайнера: как сделать и советы для начинающих

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

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

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

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

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

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

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

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

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

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

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

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

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

Портфолио веб-дизайнера: как сделать и советы для начинающих

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В любом случае вы в плюсе ????

Способ 5. Учебные проекты. На некоторых курсах в учебную программу включены проекты для портфолио.

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

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

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

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

В качестве финального аккорда предлагаю вдохновиться классными примерами портфолио.

  • Портфолио Дениса Ульянова на Behance и его сайт. Очень лаконичная, но при этом объёмная подача работ. Обратите внимание на анимацию и белые пространства, как они подчеркивают решения.
  • Страница дизайн-проекта Cooplus на Behance — лучший способ показать весь круг работ, не засоряя инфополе заказчика.
  • Портфолио дизайнера Luísa Zardo на Behance с очень интересными решениями для публикации полиграфического дизайна.
  • Страница брендингового агентства Ферма на Behance — отличные кейсы с упаковкой, которые показывают отличную альтернативу мокапам. 
  • Страница агентства ONY на Behance — если ваша душа просит кейсов «по-Джобсовски», то эта находка для вас.

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

Портфолио начинающего дизайнера: секреты и красные флажки, которых стоит избегать

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

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

Сейчас наша с вами задача — определить главные критерии удачного портфолио. Приступим.

Выбираем сайт-портфолио

Заказчик смотрит не только на ваши работы. Он обратит внимание на оформление и актуальность площадки, которую вы выбрали для размещения портфолио. Выбирайте проверенные специализированные платформы. Например, Behance или Dribbble.

Смотрите видео о том, как правильно оформить кейс на Behance

Определяемся с направлением

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

Портфолио веб-дизайнера: как сделать и советы для начинающихПолезные сайты для начинающего веб-дизайнера

Рассказываем о себе

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

Никакого плагиата

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

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

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

Портфолио веб-дизайнера: как сделать и советы для начинающихСмотрите больше примеров работ наших учеников на сайте ИТ-школы

Оптимизируем

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

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

Спасибо, что дочитал до конца. Мы рады, что были полезны. Чтобы получить больше информации, посмотри ещё:

  • ИТ-курсы с трудоустройством Адукар
  • Сооснователь «EPAM Systems», учёный Леонид Лознер о науке, IT и взглядах на жизнь
  • Гуманитариям больше не стоит бояться идти в ИТ

Как создать продающее портфолио веб-дизайнера?

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

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

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

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

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

Портфолио веб-дизайнера: как сделать и советы для начинающих

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

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

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

Читайте также:  Маржа — что это такое простыми словами

1. Создание веб-дизайна для себя

Одним из наиболее распространенных вариантов выхода из подобной ситуации будет создание работы для себя самого.

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

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

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

2. Реализация проекта для друзей или знакомых

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

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

3. Создание веб-дизайна для выдуманной компании

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

4. Различные конкурсы

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

5. Бесплатная реализация проектов

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

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

Думайте сами, но кто не рискует, тот без деньжат тоскует.

Общие рекомендации по оформлению

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

1. Используйте качественные изображения

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

2. Подробное описание

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

3. Спрашивайте разрешения у заказчиков

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

4. Выбирайте лучшие работы

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

5. Сделайте визуальную оценку

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

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

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

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

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

Портфолио веб-дизайнера: как сделать и советы для начинающих

Веб-дизайн. Быстрый старт

Изучите курс и узнайте, как создать дизайн и протопип сайта в Figma

Узнать подробнее

Первые шаги в веб-дизайне

В этой статье Максим и Катя расскажут о всем пути новичка в веб-дизайне. Именно они изучают резюме и проводят собеседования с начинающими дизайнерами в Digital Lab. 

Шаг 1: Выбираем путь профессионального развития

Максим Зайцев, Head of Digital

Сегодня новички чаще всего выбирают такие варианты профессионального роста:

Онлайн-школы, университеты и курсы

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

Работа джуниор-специалистом в студии

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

Саморазвитие 

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

Фриланс

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

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

Катя Журавлева, арт-директор

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

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

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

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

  • Задайте вектор движения и помните, что деньги не должны быть главным критерием, ведь возможность развития для новичка гораздо важнее.
  • Тут можно посмотреть вакансии:
  • Телеграм каналы
  • UX UI design – вакансии и резюме
  • Д-в Шаба́шь
  • UI/UX Jobs — вакансии и аналитика
  • Ищу_дизайнера
  • Группы в фейсбуке
  • Ищу_дизайнера 
  • UX&UI Intensive
  • Вакансии для хороших людей (МОСКВА)
  • UX/UI-дизайнеры

Шаг 2: Прокачиваем hard и soft скилы

Катя Журавлева, арт-директор

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

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

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

Шаг 3: Создаем хорошее портфолио

Катя Журавлева, арт-директор

Заявите о себе на популярных площадках: Behance, Dribbble, Templatemonster, HeadHunter. Лучше не лениться и создать аккаунты на всех доступных площадках. Шансы, что вас заметят, значительно вырастут.

Если прикладываете портфолио к резюме, уделите особое внимание формату: соберите работы в один документ, не давайте ссылку на архив или «ЯндексДиск» с кучей папок.

В идеале – соберите свой сайт на тильде и разместите везде ссылку на него. Еще несколько советов:

  1. Создайте понятное, достаточно простое, читабельное и эстетически привлекательное портфолио. 
  2. Не прикладывайте ссылку на облако с кучей папок без названий. Выберите свои топовые работы и разбейте их по тематикам.
  3. Продублируйте контакты сверху и снизу: номер телефона, Telegram, ссылки на соцсети, адрес электронной почты.
  4. Если вы выбрали формат PDF — сделайте его минимальным по весу, без потери качества.
  5. Если вы выбрали веб формат — постарайтесь предусмотреть понятную навигацию. Быстрый доступ к контактам. Логичное разделение работ по направлениям.

Максим Зайцев, Head of Digital 

Учтите основные моменты:

Создайте разноплановое портфолио

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

Постарайтесь выделиться

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

Ссылка на основную публикацию