Создание сайта от планирования до запуска

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

 

 

Создание сайта с нуля: от  планирования до запуска.
7 этапов создания лучшего сайта

Создание сайта с нуля. 1 этап:  заполнение брифа.

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

При создании сайта дизайнерам и разработчикам важно понимать, ЧТО ИМЕННО хочет клиент. Зачастую обращаются заказчики, которые не совсем ясно представляют, какой веб ресурс они хотят иметь, каким он должен быть – отсюда и появляются такие фразы, как «что-нибудь добавить», «поиграть с цветом/шрифтом/чем угодно». В таких случаях лучше заказывать веб дизайн не у фрилансера, а у веб студии, потому что сотрудники помогут вместе разобраться в идеях, целях, представлениях заказчика об идеальном сайте, и не выпустят его, пока не дойдут до сути.

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

Также на этом  этапе анализируется целевая аудитория и конкуренты. Эти моменты нельзя пропускать, потому  что они влияют на конверсию в дальнейшем. А конверсия, как мы знаем — один из ключевых показателей ранжирования в поиске при поисковой оптимизации сайта.

Создание сайта с нуля. 2 этап: архитектура сайта

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

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

Какие плюсы несет в себе информационная архитектура:

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

• Улучшение юзабилити. Конечно, если правильно определены основные навигационные элементы, то дизайнеру  в дальнейшем будет гораздо проще работать с прототипом веб ресурса.

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

Создание сайта с нуля. 3 этап: создание прототипа сайта

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

Вот так выглядит прототип сайта.

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

Ниже пример построения castomer journey (путь клиента). Это с одной стороны прототип сайта, а с другой стороны продуманный путь клиента (посетителя) по страницам веб-ресурса.

Создание сайта с нуля. 4 этап: создание главной страницы

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

Какими характеристиками должна обладать главная страница:

1. На главной странице должна размещаться основная информация. Здесь должны быть ответы на интересующие посетителей вопросы:

• Что представляет собой компания

• Что представляют собой продукты/услуги компании

• Почему с вами выгодно иметь дело.

2. Юзабилити. Человеку должно быть понятно, где какие разделы находятся, как зарегистрироваться, как заказать продукт. Чем проще посетителю будет разобраться в сайте, тем выше конверсия

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

4. Яркие и понятные заголовки. Тут можно использовать ценности, обращения, даже интригу. Важно, чтобы заголовок «цеплял».

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

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

Главная страница сайта пластического хирурга

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