Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов - Ирина Анатольевна Никулина Страница 35

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

Глава 17. Портфолио веб-дизайнера

В этой главе:

1. Что должно быть в портфолио

2. Презентация портфолио

3. Куда расположить портфолио

4. Сайт веб-дизайнера

1. Что должно быть в портфолио

Портфолио (от итал. portafoglio – «портфель») – это список работ или проектов, которые выполнил специалист, сохраненных вместе в папке или на сайте.

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

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

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

Чего не должно быть в портфолио:

– старых работ (устаревших по стилю и дизайну),

– неудачных работ, которые не нравятся самому веб-дизайнеру,

– черновиков, набросков, недоделанных работ,

– всех страниц сайта (достаточно основных: 3-5 страниц).

В портфолио веб-дизайнера должны быть следующие работы:

– дизайн лендинга (одностраничного сайта),

– дизайн корпоративного сайта (лучшие страницы, 5-6 страниц),

– дизайн сайта-визитки,

– дизайн интернет-магазина (основные страницы и дизайн страницы «Корзина товаров»),

– дизайн блога,

– дизайн соцсети, форума и прочих нестандартных сайтов,

– дизайн мобильных версий сайтов,

– дизайн интерфейса, дизайн приложений (если есть),

– дизайн логотипов для сайтов (шрифтовых и комбинированных),

– дизайн веб-баннеров.

Дополнительно в портфолио могут быть:

– дизайн полиграфии,

– фирменный стиль,

– дизайн наружной рекламы,

– дизайн сувенирной продукции,

– дизайн выставочного места и т.д.

Зачем веб-дизайнеру собирать портфолио

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

2. Презентация портфолио

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

Сбор портфолио (может занять от часа до нескольких дней):

– Для начала надо собрать все дизайны сайтов, которые у вас есть.

– Далее: выбрать лучшие работы, которые вы хотите разместить в портфолио.

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

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

– Распределить все работы по отдельным папкам по темам.

– Привести дизайну к единому формату. Например, все картинки сделать одинакового размера. (Кадрировать (обрезать) под определённый формат, например, для соцсетей).

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

– Собрать отзывы и также привести их в один формат.

Форма презентации портфолио:

Презентовать свои работы можно по-разному:

– в виде презентации pdf;

– как видеопрезентацию с рассказом о себе;

– в виде портфолио на своём сайте (фото и краткое описание работ);

– на других сайтах (сайтах для фрилансеров);

– в виде папки с файлами, где работы распределены по темам и расположены на облачном сервисе (например, ЯндексДиск).

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

Обязательно надо сделать презентацию дизайна в среде: расположить дизайн сайта на мониторе, на мобильных устройства и т.д. См. рис.120.

Рис. 119. Веб-дизайн в среде

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

3. Где расположить портфолио

Где выкладывать портфолио веб-дизайнера:

1. На своем сайте дизайнера.

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

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

Доменное имя лучше сделать из своей фамилии (если вы фрилансер), и если вы открыли фирму, – то по названию фирмы. На таком сайте обязательно должны быть: логотип, рассказ о специалисте, портфолио работ, цены на сайты, контакты. Пример mykrasnodar.ru

Рис. 120. Портфолио работ веб-дизайнера на сайте

2. В сервисах для размещения портфолио.

Вместо своего сайта (или в дополнение к нему) можно использовать сервисы для создания портфолио: Portfeel и Portfoliobox.

3. На онлайн-площадках.

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

4. На биржах фриланса.

Биржи фриланса выбирайте очень тщательно, есть биржи, предназначенные для учеников и новичков, есть – для профи. От биржи зависит цена