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

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

Советы по созданию безукоризненного портфолио

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

..

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

01. Определите свою адресную аудиторию

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

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

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

02. Сделайте упор непосредственно на свои работы

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

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

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

03. Продвигайте себя через различные ресурсы

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

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

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

04. Выносите свои лучшие образцы на домашнюю страницу

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

«Избранные» материалы привлекают внимание новых посетителей. Непременно выносите ваши лучшие образцы в верхнюю часть раздела «Избранное». Если вы – дизайнер или художник, то ваш главный шедевр должен быть хорошо заметен на домашней странице и открываться с неё. Более подробно методы подачи «избранных» материалов описаны в статье "Essential Guidelines for Featured Content in Web Design" («Базовое пособие по использованию «избранных» материалов в веб-дизайне»).

05. Выносите на обозрение ваши лучшие, наиболее значимые работы

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

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

06. Не усложняйте структуру

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

Удобство ресурса для пользователя – главный фактор превращения посетителей в потенциальных клиентов. Разрабатывая своё онлайн-портфолио, не забывайте о следующих нюансах:

* Тщательность в подборе шрифтов, их размеров и начертания.
* Последовательность: разместив меню навигации вверху одной из страниц, отводите ему только верхнюю часть и на всех остальных страницах. Старайтесь не запутывать своих посетителей.
* Соблюдение правила «7±2″: комплектуйте от пяти до девяти разделов с вашими данными; большее их количество может превысить порог восприятия кратковременной памяти вашего посетителя.
* Прямой доступ посетителей к наиболее важным материалам, который должен осуществляться посредством минимального количества нажатий на кнопку мыши — трёх или менее.

07. Применяйте верно выбранные технологии

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

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

Броской графикой и модными javascript-эффектами портфолио не испортишь, только они не должны затруднять доступ к нему пользователей. И ещё несколько советов:

* Используйте для оформления своего контента CSS-стили и не увлекайтесь тегами.
* Пройдите аттестацию вашей (X)HTML-разметки.
* Установите на вашем веб-сайте CMS или, по крайней мере, используйте XML-файл для добавления новых материалов.
* Как следует отрегулируйте функциональные узлы веб-сайта, прежде чем украшать его javascript-фантиками.
* Используйте javascript так, чтобы он не влиял на основной режим работы программ, задействуйте для этого каркас, например, jQuery или Prototype.
* Что касается удобства эксплуатации ресурса, то, максимально упростив своё портфолио, вы сократите время на его обновление или внесение в него изменений в дальнейшем. Позаботьтесь о лёгкости добавления и удаления материалов вашего портфолио. Чем легче выполняется эта операция, тем выше вероятность того, что обновлять своё портфолио вы будете регулярно.

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

Схема навигации любого веб-сайта должна быть понятной и достаточно простой. Главное – чтобы пользователи могли просматривать ваше портфолио. Оно же, в свою очередь, должно убедительно демонстрировать вашу квалификацию потенциальным клиентам. Обеспечьте им возможность попасть из пункта «А» в пункт «Б» без особых хлопот. Иначе, они, скорее всего, просто обратятся к вашим конкурентам.

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

Чтобы максимально прояснить систему навигации веб-сайта, его можно собрать из разделов, например, "About” («О нас»), "Portfolio” («Портфолио»), "News” («Новое») и "Contact” («Координаты для связи»). Разместите эти разделы на видном месте, чтобы они сразу бросались в глаза пользователям. Превратите свою эмблему в ссылку, возвращающую посетителей на домашнюю страницу. Это будет не только способствовать SEO-оптимизации, но и облегчит выполнение навигации.

08. Побуждайте потенциальных клиентов к взаимодействию

Не мудрите с призывами к действию. Излагайте их коротко и ясно, в виде хорошо заметного на странице текста, способного побудить потенциальных клиентов обратиться к вам. Можно ограничиться такой простой фразой, как «Свяжитесь с нами сегодня», прикрепив её к бланку обратной связи. Предлагая людям выполнить какие-то действия, вы повышаете вероятность того, что клиенты прибегнут к вашим услугам. Например, можно объявить о 10 %-ной скидке на заказы, сделанные до определённой даты.

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

09. Предоставляйте точные координаты для связи

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

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

10. Создайте страницу «Сделать заказ»

Страница «Сделать заказ» должна содержать все те сведения, которые обычно выносятся на страницу «О нас» любого стандартного веб-сайта.

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

11. Дополните страницу положительными отзывами

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

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

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

12. Используйте преимущество SEO-оптимизации

Некоторые из вас хорошо знакомы с SEO («search engine optimization» – оптимизацией текста под поисковые системы), но для тех, кто не знаком с этим миром, то этот термин относится к повышению вашего веб-сайта вы выдаче веб-сайта по конкретному ключевому запросу.

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

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

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

Заключение

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

Отличные примеры сайтов портфолио:

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

Плюсы:

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

Минусы:

* Не указаны способы связи с автором, кроме как через социальные сети

Плюсы:

* Даны ссылки на Twitter, Facebook и Tumblr
* Прямо на домашней странице представлены образцы работ
* Сайт отражает индивидуальность автора
* Работы снабжены тегами по их типам
* Простота навигации

Минусы:

* Эскиз страницы перегружен деталями
* Работы не разделены по категориям

Плюсы:

* Простой и строгий дизайн, отводящий центральное место работам
* Лёгкий способ связи с автором
* Разделение работ по основным категориям
* Высокий профессионализм исполнения

Минусы:

* Слабо выражена индивидуальность, мало сведений об авторе
* Работы можно было разделить на более узкие категории, особенно, дизайнерские проекты

Плюсы:

* Работы даны по категориям
* Домашняя страница знакомит с автором
* Домашняя страница содержит примеры работ
* Простая система навигации
* Контактные данные сразу заметны

Минусы:

* По умолчанию отображается довольно скромное количество работ
* Невозможно открыть для просмотра все работы сразу

Плюсы:

* Всё внимание сосредоточено на работах
* Система навигации не перегружена элементами наглядности
* Простой способ связи с автором

Минусы:

* Единственный способ связи – электронная почта
* Практически отсутствует информация об авторе

Плюсы:

* Внимание сосредоточено на работах
* Простота дизайна
* Лёгкость обратной связи
* Даны ссылки на профили в социальных сетях

Минусы:

* Нет деления работ по категориям и тегов
* Отсутствие функции возврата (кнопки back) в системе навигации портфолио

Плюсы:

* Простота навигации, сайт состоит из одной страницы
* Лёгкость обратной связи
* Содержит раздел «лучших работ» вверху страницы

Минусы:

* Работы не делятся по категориям, не снабжены тегами

Плюсы:

* Центральное место отведено работам
* Контактные данные хорошо заметны в боковой панели
* Снимки даны по категориям
* Простота оформления

Минусы:

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

Плюсы:

* Сайт отражает авторскую индивидуальность, оставляя при этом в центре внимания работы
* Указаны контактные данные
* Простая система навигации

Минусы:

* Недостаточное количество работ на сайте

Плюсы:

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

Минусы:

* Ссылки на ресурсы социальных сетей спрятаны в самом низу

Плюсы:

* Работы ярко выделяются
* Простота дизайна
* Контактные данные легко заметны

Минусы:

* Связь только по электронной почте
* Работы не делятся по категориям, не снабжены тегами (причём, работ много)

Плюсы:

* Проектор слайдов на домашней странице демонстрирует работы в выгодном свете
* Простота дизайна оставляет в центре внимания работы
* Контактные данные хорошо заметны
* Даны ссылки на ресурсы социальных сетей

Минусы:

* Отсутствует деление по категориям

Плюсы:

* Лучшие работы вынесены на домашнюю страницу
* Большое количество работ на сайте
* Контактные данные хорошо заметны
* Даны ссылки на ресурсы социальных сетей

Минусы:

* Отсутствуют деление работ по категориям и теги

Плюсы:

* Ярко выражена авторская индивидуальность
* Лучшие работы вынесены на домашнюю страницу
* Простота навигации
* Контактные данные хорошо заметны
* Сайт выигрывает от размещения целиком на одной странице

Минусы:

* Отсутствуют ссылки на ресурсы социальных сетей

по материалам

где размещён лягушонок	кто делает такие авто	часы со спермой	Britney Spears - Hold It Against Me	обман движения на лицо
грызуны монстры	Таинственная Dana	чьи это руки?	маскировочные лощади	С любовью от Victoria Secret