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

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

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

Откуда брать проекты, если их нет

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

— Дизайн известного бренда
Выбираете любой известный бренд и делаете концепт сайта таким, как видите его вы. У компании РЖД, по-моему, самый ужасный сайт в мире, можно смело предложить концепцию этого сайта. С известным брендом работаете как с обычным проектом: делаете прототип, рисуете визуал и презентуете это в портфолио как концепт выбранной компании. Известный случай, когда парень сделал концепт Windows: расписал как может выглядеть вся линейка, Windows Office и так далее, сделал презентацию своего проекта. Через какое-то время его заметили и пригласили работать в Microsoft. Если сделаете концепт для известного бренда, это может стать резонансным проектом и сделает вас популярным дизайнером.

— Участие в конкурсах
На сервисе  99designs (сайт англоязычный) публикуются конкурсы для дизайнеров по разработке веб-сайтов, логотипов, упаковок, обложек книг и другие проекты. После регистрации вам открываются заявки на разработку проектов по вашей специализации. Конкурс веб-дизайнровВы работаете над понравившимся проектом и сдаете свою работу на оценку. Участвуете вы и сотни других дизайнеров, клиент, опубликовавший заявку, выбирает из работ наиболее понравившуюся и выплачивает гонорар автору. Идея участия в подобных конкурсах отличная: появляется соревновательный дух, вы можете смотреть как решалась задача другими дизайнерами, если вас выбрали, вы зарабатываете гонорар. На начальном этапе, когда нужна наработка проектов, участие в конкурсе  — хорошая мотивация. Когда у вас уже есть поток клиентов, в конкурсах лучше не участвовать, потому что велика вероятность, что выиграете не вы.

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

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

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

Рекомендации по созданию портфолио

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

— Не делайте работы для дизайнеров
На Behance, 80% работ смотрят дизайнеры и лишь 20% клиенты (в основном зарубежные). Это своего рода социальная сеть для дизайнеров. Вы можете выкладывать туда свои работы, но пока вы не в топе, крупные зарубежные клиенты вряд ли вас найдут и доверят вам большой проект, который изменит вашу жизнь. Публикация работ  на Behance может превратиться в погоню за лайками других дизайнеров, но клиентов она вам не приведет.

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

Свой сайт или веб-сервисы для портфолио

Свой сайт
Плюсы: 1. Вы не конкурируете с другими дизайнерами. Например, когда вы даете ссылку на свое портфолио на веб-сервисе или бирже фриланса, то заказчик без труда может кликнуть по баннеру и попадет на другого фрилансера, у которого работы круче, опыта больше, живет в другой стране и поэтому его услуги стоят в 3 раза дешевле. Естественно, он закажет у него. На вашем сайте вы показываете только свои работы и расхваливаете себя как вы хотите, заказчик никуда не уйдет. 2. Сайт на вашем домене и хостинге, вы полностью все контролируете, можете добавить какой-то функционал, которого нет на веб-сервисе и т.д.
Как сделать сайт-портфолио.
1. Вордпресс + шаблон. Шаблоны можно скачать на themeforest. Покупаете рабочий шаблон портфолио, остается его установить и заполнить.
Стоимость: стоимость шаблона + установка + домен и хостинг. Если разбираетесь сами, то 2-3 часа, если нет за 2000-3000₽ можно найти фрилансера. Стоимость домена и хостинга:100-200 ₽/мес.
У вас может сработать такая штука: я же черт-возьми, веб-дизайнер, могу сам себе нарисовать портфолио!  Мой внутренний стержень тоже не позволял купить шаблон для портфолио. Поэтому знаю о чем говорю, вам важно сконцентрироваться над проектами своих клиентов. Над своим портфолио всегда сложно работать. Все дизайнеры идеализируют свое портфолио, это сильно мешает работе. Даже если у тебя в голове храниться гениальнейшее воплощение портфолио, через пару дней все пойдет не так, бросишь его создание создание и опять останешься без портфолио. Мой совет: перебори себя и купи шаблон.
2. Adobe Muse позволяет создать свой сайт-портфолио. Плюсы: легко сделать, опубликовать, загрузить на свой домен. Подписка на мьюз стоит 400 ₽/мес., но для создания портфолио вам достаточно пробной 30-дневной версии.
3. В Webflow можно сделать свой сайт-портфолио, примерно, как в Мьюз, но надо разбираться в html и css. Подписка стоит порядка $20/мес. Для портфолио, я считаю, дороговато.

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

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

портфолио веб-дизайнера
—  Prosite от Behance. Если вы пользуетесь Behance для публикации своих работ, но вы не фанатик этого сервиса, вам подойдет работа с просайт. После загрузки работы на Behance, она будет автоматически поститься на вашем сайте-портфолио. Разобраться как постить работы на свой сайт с Behance очень просто. Как правильно презентовать свои работы на Behance я рассказывал в ролике на youtube. На Prosite в разделе слоев вы можете выбрать свой дизайн. Их тут немного, но есть возможность редактировать проект, двигать блоки, подгрузить фавикон, создать нужные разделы и страницы сайта и опубликовать это в интернет. Можно сделать иконки как на айфон, поставить сайт на пароль, внедрить гугл аналитикс код и смотреть заходы на сайт. Функционала много, поэтому если вы используете Behance для публикации работ, то есть смысл сделать собственный сайт-портфолио именно на Behance Prosite. Свой домен прикрутить можно в разделе настройки. Здесь так же есть возможность отредактировать html и css, если вы знаете как. Конструктор работает хорошо, но общее впечатление от созданного здесь портфолио дизайнера как-то так себе. С появлением подписки на Creative Cloud просайт стал бесплатным.

портфолио веб-дизайнера
— Readymag  достаточно стильный, можно сделать красивую презентацию работ. Стоит порядка $20/мес.

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

портфолио веб-дизайнера
У Squarespace есть крутой сервис logo. Пишешь название компании, выбираешь нужный объект и сервис предлагает логотип, который можно презентовать на мониторе или майке. Получается забавный «рыбный» логотип для презентации работы. Стоит $10/мес.
Создание логотипа

Бонус: простейший вариант как сделать портфолио

1) Делаете несколько скриншотов ваших работ.
2) Заходите на getcover, перетаскиваете скриншоты в указанную область, обрамляете работы, чтобы они отображались в браузере
3) Нажимаете «забацать», мини-версия портфолио на 72 часа готова 🙂 Easy!
Это уже лучше, чем совсем ничего. Потом можете загрузить работы с getcover и перенести к себе на сайт в Мьюз.

 

План простого портфолио

Ваша маленькая аватарка, ваше имя, профессия, телефон. Дальше превьюшки работ. Укажите количество работ, хорошие обязательно вынесите на первую страницу. Этого вполне достаточно для сайта портфолио.
Можно сделать отдельную ссылку «контакты», где расписать все возможные способы с вами связаться. Если кто-то кликает на превью, чтобы посмотреть работу полностью, обрамляете превью в браузер через getcover. Это важно.
Сложный вариант: должна открываться страница с работой. На ней указаны: заголовок работы, пара строк о проекте, какие задачи решались (например, задача: сделать красивый промосайт по продаже автомобилей). Далее показать этапы решения. Какой вы сделали мокап, прототип, показать дизайн концепцию, в промежутках можно указывать какие комментарии давал клиент. Так сделано на сайте Лебедева в разделах описание и процесс. За процессами достаточно интересно наблюдать с точки зрения дизайнера. Заказчику тоже может быть интересен процесс как шла работа, это может служить легким обоснованием цены.
Делайте акцент на работы, потому что покупают вас не как человека, а как специалиста. Круто, если вы пиарите себя, как дизайнера, но это может быть сложной задачей нескольких лет. Лучше сделайте акцент на себя со временем, а пока набирайтесь опыта.
Если вы активны в социальных сетях, сделайте альбом со своими работами. Опять же сработает сарафанное радио и заказы придут от знакомых.

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

1. Рассказывать всем, что ты веб-дизайнер
2. Сделать сайт-портфолио
3. Вручать визитки  с вашим сайтом новым знакомым
4. Вести активно деятельность на биржах фриланса
5. Ходить на мероприятия, где тусуются начинающие бизнесмены (они — ваши потенциальные заказчики)
6. На всех сайтах, которые вы делаете, делайте ссылку, что это сделали вы. Студии имеют 40% заказчиков именно по переходу ссылки внизу.

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