Как мы проектируем структуру сайта

Архитектура сайта — его основа. Она определяет, что посетитель увидит первым, где найдёт ответы и как перейдёт к заявке или покупке. Выберите тип сайта и сравните прототип слева с готовым дизайном справа.

Пример 01 / 03

ТЕРНАРД

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

Открыть макет целиком

ТЕРНАРД — слева прототип, справа дизайн сайта
Пример 02 / 03

ТАСВЕКТОР

Сначала помогаем выбрать вид перевозки. Затем показываем маршруты и предлагаем рассчитать доставку.

Открыть макет целиком

ТАСВЕКТОР — слева прототип, справа дизайн сайта
Пример 03 / 03

ЛЮМЭРА

Ведём покупателя от коллекции к конкретному светильнику. Рядом с ценой размещаем кнопку покупки.

Открыть макет целиком

ЛЮМЭРА — слева прототип, справа дизайн сайта
01 / Аудит

Выясняем, как покупатель выбирает

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

Фрагмент рабочего листа
Вопрос покупателя
«Сколько стоит монтаж и входит ли выезд?»
Что выясняем у команды
От чего зависит цена и что можно оценить до осмотра?
Что понадобится на сайте
Состав работ, условия выезда и пример расчёта.
02 / Поисковый спрос

Группируем запросы по задаче человека

У одного и того же клиента вопросы меняются. Сначала он выбирает подходящую услугу, затем оценивает расходы. Мы объединяем близкие запросы и для каждой группы записываем, какой ответ поможет человеку сделать следующий шаг.

Из запроса — в задачу страницы
«Какие виды монтажа бывают?»
→ Помочь сравнить варианты
«Сколько стоит монтаж с выездом?»
→ Объяснить цену и предложить расчёт
03 / Архитектура

Собираем карту страниц

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

Карта сайта · фрагмент
Главная
↳ Услуги · сравнение вариантов
 ↳ Монтаж · состав и порядок работ
↳ Стоимость · пример сметы и заявка
04 / Прототип

Показываем, как будет устроена страница

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

Фрагмент макета страницы «Стоимость»
ПРОТОТИП / ЭКРАН СТОИМОСТИСколько стоит монтаж?01 Что влияет на стоимость02 Пример сметы и условия выезда03 Какие данные нужны для расчётаЗапросить расчёт
Результат для заказчика

Вы согласуете сайт, пройдя путь покупателя

Вместе открываем прототип с двух точек входа. Из раздела услуг сравниваем варианты и переходим к заявке на монтаж. Со страницы стоимости читаем пример сметы и запрашиваем расчёт. Если ответ трудно найти, меняем ссылку или порядок блоков прямо в макете.

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

Обсудим ваш сайт?

Заказать сайт