Процесс проектирования сайта.

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

Каковы цели создания сайта?
Какой продукт или услуга будет продаваться через него или это будет просто презентация компании?

Условно процесс проектирования можно разбить на пять этапов:

1. Брифинг, выявление потребности

Прежде всего вы должны представлять, что, собственно, необходимо получить в итоге. Поэтому на первом этапе решите для себя, какие задачи вы планируете решать при помощи этого сайта. Хотите ли вы, чтобы сайт «продавал» ваши продукты и услуги или вам необходимо просто сделать презентацию компании.
Для выявления этих потребностей и для формулирования УТП (уникального торгового предложения) ответьте на следующие вопросы:

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

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

Пример разработки УТП

Анализ вектора аудита

2. Выявление целевой аудитории (ЦА), составление карты персонажей

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

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

Пример описания персонажа

3. Сбор семантического ядра

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

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

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

Пример статистики по запросам «Теплый пол»

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

Пример распределения запросов по страницам сайта

4. Анализ конкурентов в интернете

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

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

Анализ конкурентов

5. Создание прототипа сайта

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

В любом прототипе есть стандартная схема главной страницы корпоративного сайта или каталога:

Шапка сайта

Меню

Баннер и главный оффер (выгодное предложение)

Форма обратной связи

Каталог продукции (или описание услуг)

Блок «О компании»

Блок с контактной информацией

Футер

Рассмотрим на примере проекта компании «Теплое место».

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

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

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

Прототип первого экрана сайта для компании «Теплое место»

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

Прототип блока «Каталог продукции» сайта для компании «Теплое место»

Форма обратной связи. Это призыв к действию. В нашем случае это: «Затрудняетесь с выбором теплого пола? Позвоните нам: 8 (351) 729-92-77 или напишите:». К призыву мы еще разместили две выгоды: «подберем оптимальный материал за 15 минут», «рассчитаем количество материала и стоимость монтажа». Ведь зачастую пользователь раньше не занимался монтажом или выбором теплого пола. И помощь ему точна необходима:

Прототип призыва к действию на сайте компании «Теплое место»

Блок «О компании» — немаловажная информация. Здесь мы рассказываем про 15 лет работы, про бесплатную доставку, про грамотных специалистов-консультантов. Это блок доверия. Необходимо донести до пользователя, что это реально существующая компания с большим стажем работы, со своим складом и офисом. Ведь если не удастся убедить в этом потенциального покупателя, то он просто покинет сайт и уйдет к конкурентам.

Прототип блока «О компании» на сайте компании «Теплое место»

Блок «Контактная информация».

Прототип блока «Контакты» на сайте компании «Теплое место»

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