
Модуль 02
Помогите посетителю найти нужную услугу, разобраться в её содержании и оценить вашу компанию
В первом модуле вы проверили, понятно ли из текста первого экрана, чем занимается компания и с какими задачами к вам можно обратиться. Теперь представим, что человек заинтересовался услугой и хочет узнать подробности.
На этом этапе ему важно получить ответы на четыре вопроса:
В этом модуле мы разберём, как представить эту информацию на сайте, чтобы посетитель мог разобраться в предложении и принять решение об обращении.
В модуле четыре практических задания. Откройте свой сайт и выполняйте их последовательно. Если информация уже представлена понятно, менять её необязательно.
Рассмотрим ситуацию, человек заходит на сайт строительной компании, чтобы узнать о строительстве частного дома. В меню он видит разделы: «Наши решения», «Возможности», «Подход».
Куда ему нажать, чтобы найти нужную услугу?
Возможно, информация о строительстве домов на сайте есть, но по названиям разделов непонятно, где её искать. Посетителю приходится открывать несколько страниц, прежде чем найти нужное описание.
Поэтому стоит проверить не только названия пунктов меню, но и переходы к конкретным услугам.
Главное меню – это список основных разделов сайта, с помощью которого посетитель переходит между страницами или блоками. По названиям пунктов должно быть понятно, какая информация находится внутри. Например:
Это не обязательные названия. Например, производителю кухонь и шкафов могут больше подойти отдельные пункты «Кухни» и «Шкафы», чем общий раздел «Продукция».
Даже при понятном меню посетителю может быть трудно найти нужное направление. Например, компания подробно рассказывает о себе на главной странице, но не показывает, какие услуги оказывает.
Посмотрите, где перечислены ваши основные услуги:
Проверьте, можно ли перейти от краткого описания к подробной информации об услуге.
Откройте главную страницу и попробуйте найти одну из основных услуг, пользуясь только меню и ссылками. Обратите внимание:
Не существует универсального количества переходов, которое подходит каждому сайту. Важнее, чтобы посетитель понимал, куда ведёт ссылка и как найти нужную информацию.
Пример 1. Юридическая компания
Было
Главное меню«Экспертиза» / «Решения» / «Истории» / «Связь»
По названиям трудно определить, где находятся услуги.
Стало
Главное меню«Услуги» / «Проекты» / «О компании» / «Контакты»
В разделе «Услуги» представлены направления:
Посетитель может выбрать нужное направление и перейти к его описанию.
Пример 2. Производитель мебели
Было
Главное меню«Продукция» / «Решения» / «Галерея»
Стало
Главное меню«Кухни» / «Шкафы» / «Гардеробные» / «Наши работы»
Основные направления сразу видны в меню. Если изделий или услуг много, их можно объединить в общий раздел с понятными категориями.
Пример 3. Образовательный проект
Было
Главное меню«Возможности» / «Наш подход» / «Сообщество»
Стало
Главное меню«Программы» / «Преподаватели» / «Как проходит обучение» / «Отзывы»
Теперь по названиям можно понять содержание разделов. Внутри страницы «Программы» также необходимо предусмотреть удобный выбор обучения.
Если у вас одностраничный сайт
Необязательно создавать отдельные страницы для каждой услуги. Меню может вести к блокам одной страницы: «Услуги», «Работы», «Стоимость», «Контакты».
Проверьте, что каждый пункт действительно открывает соответствующий блок, а отдельные услуги имеют понятные названия и описания.
Если у вас несколько направлений
Их можно объединить на общей странице «Услуги» с переходами к подробным описаниям. Например, архитектурное бюро может представить проектирование частных домов, дизайн интерьера и авторское сопровождение проекта.
Если направление требует подробного объяснения, для него можно подготовить отдельную страницу.
Если у вас одна основная услуга
Сложная навигация может быть не нужна. Главное, чтобы описание услуги, условия работы и способ обращения были доступны посетителю.
Если вам нравятся необычные названия разделов
Используйте их в заголовках и других элементах оформления сайта. Для основного меню лучше выбирать названия, которые помогают ориентироваться.
Пример: Виктория Ершова – сайт эксперта в сфере гостиничного бизнеса.
На сайте нужно было представить четыре услуги, два цифровых продукта и онлайн-программу. При этом каждое предложение содержало подробное описание: для кого оно предназначено, что получит клиент, формат и состав.
Сначала я привела описания к единой структуре, дополнив недостающую информацию. Затем разделила предложения на две группы.
Услуги разместила в начале сайта в виде четырёх компактных карточек: название, для кого подходит и результат сотрудничества.
Продукты и онлайн-программу объединила в отдельном блоке в середине страницы. Для переключения между категориями предусмотрела кнопки, по нажатию на которые отображается соответствующее содержание. В каждой карточке есть кнопка для перехода к целевому действию.
Главный принцип: если на сайте много информации, сначала определите категории и приведите описания к единой структуре. Это поможет посетителю находить нужное предложение и сравнивать варианты, не изучая весь объём информации подряд.


Где проверятьГлавное меню, блоки с услугами, страницы отдельных направлений и ссылки между ними.
Откройте сайт и посмотрите на главное меню. Для каждого пункта определите:
Если название непонятно, подготовьте конкретную замену. Например: «Наши решения» → «Услуги».
Понятные названия менять необязательно.
Выберите одну из основных услуг компании. Начните с главной страницы и найдите её описание через меню и ссылки. Проверьте:
Если у вас несколько основных направлений, повторите проверку для каждого.
Если вы обнаружили проблему, определите конкретное изменение.
Например
«Главное меню → переименовать “Наши решения” в “Услуги”»
Или
«Главная страница → блок “Услуги” → добавить ссылку на страницу “Договорная работа”»
Или
«Страница “Услуги” → изменить порядок карточек, чтобы основные направления были заметнее»
Если нужные услуги легко найти, отметьте, что изменений не требуется.
Вы проверили расположение основных услуг и подготовили список необходимых изменений в меню, карточках или ссылках сайта.
Допустим, человек выбирает компанию для ремонта квартиры. На одном сайте написано «Ремонт квартир под ключ», а на другом перечислены работы, этапы ремонта и результат, который получит заказчик.
Во втором случае легче понять, за что клиент платит. Название услуги не всегда раскрывает её содержание: например, разработка сайта под ключ у разных студий может включать разный объём работ. Поэтому важно объяснить, что входит в услугу и что человек получит в результате.
В зависимости от характера работы можно использовать один или несколько способов.
Подходит, когда клиенту важно понимать состав работ.
Пример. Разработка сайта
Общее описание
«Разрабатываем сайты под ключ»
Конкретное описание
«В разработку сайта входят подготовка структуры, дизайн страниц, вёрстка и запуск»
Если в работу также входят тексты, подключение дополнительных сервисов или поддержка после запуска, их можно указать отдельно. Перечисляйте только те работы, которые действительно включены в услугу.
Подходит, когда услуга предполагает длительное сотрудничество или участие клиента.
Пример. Дизайн интерьера
Общее описание
«Создаём интерьеры, в которых хочется жить»
Более конкретное объяснение
Работа над дизайн-проектом проходит в четыре этапа:
Так клиент может представить процесс работы. При необходимости дополните этапы информацией о том, какие материалы он получит.
Подходит, когда результат можно представить в виде конкретных материалов, возможностей или выполненной работы.
Пример. Онлайн-курс
Общее описание
«Всё необходимое для эффективного обучения»
Конкретное описание
«В программу входят видеоуроки, практические задания, материалы для самостоятельной работы и обратная связь преподавателя»
Теперь посетитель видит состав программы и может оценить, подходит ли ему такой формат.
Пример: «Ремесленный интеллект» – онлайн-платформа творческих курсов.
Работа над проектом началась с переработки страницы курса. Информации было много, но она воспринималась разрозненно, поэтому сначала я пересмотрела структуру страницы: часть блоков поменяла местами, часть объединила, а некоторые сократила. Это помогло сделать подачу материала более последовательной и понятной для посетителя.
Затем я выстроила общую логику всей платформы. На главной странице разместила общую информацию об обучении и перечень всех курсов, чтобы человек мог быстро увидеть направления и выбрать интересующую программу. Для каждого курса предусмотрела отдельную страницу, потому что одной общей страницы было недостаточно: каждому продукту требовалось подробное описание, примеры работ, содержание программы и отдельный блок покупки.
На странице курса я выстраивала информацию в том порядке, в котором у посетителя обычно появляются вопросы. Сначала важно помочь человеку понять, подходит ли ему курс, затем показать содержание программы и только после этого подвести к покупке.
Главный принцип: если информации много, её важно не просто разместить на сайте, а организовать в понятную последовательность. Тогда посетителю легче разобраться в предложении и перейти к следующему шагу.



Выбирайте место, которое соответствует структуре сайта.
| Элемент сайта | Что можно в нём объяснить |
|---|---|
| Карточка услуги | Кратко – что входит в услугу или что получает клиент |
| Страница услуги | Подробный состав работ, результат и важные условия |
| Блок «Что входит» | Перечень работ, материалов или возможностей |
| Блок «Этапы работы» | Как проходит сотрудничество и что делает клиент |
| Блок «Тарифы» | Состав каждого варианта и различия между ними |
Например, студия дизайна может дать краткое описание услуги в карточке на главной странице, а подробный состав работ – на отдельной странице. На одностраничном сайте информацию можно распределить между несколькими блоками.
Повторять один и тот же перечень работ в разных местах необязательно.
Если объём работ определяется индивидуально
Объясните, как он формируется и с чего начинается сотрудничество.
Например
«Сначала обсуждаем вашу задачу, затем определяем состав работ и подготавливаем индивидуальное предложение»
Если какие-то работы входят в услугу независимо от запроса, их можно перечислить.
Если у вас несколько тарифов
Покажите состав каждого варианта и основные различия между ними. Например, для двух программ обучения укажите, какие занятия, материалы и дополнительные возможности получает участник каждого тарифа.
Если услуга сложная
Начните с основных составляющих и результата. Подробности можно раскрыть ниже на странице, чтобы не перегружать первое описание.
Где использоватьКарточка основной услуги, её подробная страница, блоки «Что входит», «Этапы работы» или «Тарифы».
Откройте страницу или блок, где человек знакомится с этой услугой. Проверьте:
Если состав и результат уже объяснены понятно, менять описание необязательно.
Запишите основные работы, материалы или возможности, которые действительно включены.
Пример. Разработка корпоративного сайта
В состав входят
Например
«Создаём корпоративные сайты для компаний: продумываем структуру страниц, разрабатываем дизайн, выполняем вёрстку и подготавливаем сайт к запуску»
Если состав удобнее представить списком, используйте его. Проверьте, что вы не включили работы, которые предоставляются только за дополнительную плату.
Например
«Страница “Корпоративные сайты” → блок “Что входит” → добавить перечень основных работ»
Или
«Главная страница → карточка “Дизайн интерьера” → уточнить описание результата услуги»
Вы проверили описание основной услуги и при необходимости подготовили новый текст, который объясняет её состав и результат. Вы знаете, где разместить изменения.
«Индивидуальный подход», «Высокое качество», «Профессиональная команда» – такие формулировки часто встречаются на сайтах компаний.
Но что конкретно стоит за этими утверждениями? Как проявляется индивидуальный подход и что компания подразумевает под высоким качеством?
Без дополнительных объяснений посетителю сложно оценить преимущества и понять, почему ему стоит выбрать именно эту компанию.
Преимущество необязательно должно быть уникальным на рынке. Важно, чтобы оно было реальным, конкретным и значимым для клиента.
Начните с факта о бизнесе.
Например
«Изготавливаем мебель по индивидуальным размерам»
Затем задайте вопрос: что это даёт клиенту?
В данном случае мебель можно адаптировать под размеры и особенности помещения. Из этого можно составить описание преимущества.
Заголовок
«Мебель по размерам вашего помещения»
Пояснение
«Проектируем кухни и системы хранения с учётом планировки, расположения коммуникаций и необходимых зон хранения»
Так человек видит не только особенность компании, но и её практическую пользу.
Пример 1. Производство мебели
Было
«Индивидуальный подход к каждому клиенту»
Стало
«Проектируем кухни под размеры помещения, расположение коммуникаций и привычки семьи»
Теперь понятно, в чём заключается индивидуальный подход.
Пример 2. Разработка сайтов
Было
«Профессиональный подход к созданию сайтов»
Стало
«Перед началом дизайна согласовываем структуру страниц и содержание основных блоков»
Дополнительное пояснение
«Это помогает заранее определить, какая информация должна находиться на сайте, и согласовать её до разработки дизайна»
Пример 3. Онлайн-образование
Было
«Удобное обучение для каждого»
Стало
«Видеоуроки доступны в записи – вы можете заниматься в удобное время и возвращаться к пройденным темам»
Преимущество связано с конкретной характеристикой продукта.
Пример 4. Ремонт квартир
Было
«Прозрачные условия сотрудничества»
Стало
«Согласовываем смету до начала ремонта. Дополнительные работы и их стоимость обсуждаем отдельно»
Теперь понятно, как компания организует согласование стоимости.
Необязательно создавать отдельный блок «Наши преимущества». Место зависит от того, к чему относится информация.
В отдельном блоке преимуществ
Если есть несколько важных особенностей компании, их удобно представить вместе. Например, производитель мебели может рассказать об индивидуальных размерах, материалах и особенностях проектирования.
В описании услуги
Если преимущество связано с составом или результатом работы. Например, студия веб-дизайна может объяснить, что перед разработкой дизайна согласовывает структуру и тексты страниц.
В блоке «Как мы работаем»
Если преимущество связано с организацией сотрудничества. Например, строительная компания может показать порядок согласования сметы и дополнительных расходов.
На странице конкретной услуги
Если особенность относится только к определённому направлению. Например, архитектурное бюро может описать авторское сопровождение на странице соответствующей услуги.
Если преимущество уже объяснено в подходящем месте, дублировать его в отдельном блоке не нужно.
Не нужно придумывать то, чего нет. Даже если вы оказываете привычную для рынка услугу, можно рассказать о реальных особенностях работы:
Например, бухгалтер может объяснить, какие задачи выполняет, с какими компаниями работает и как организует обслуживание. Эта информация помогает клиенту оценить предложение, даже если другие специалисты оказывают похожие услуги.
Выберите несколько наиболее значимых особенностей. Необязательно превращать каждую характеристику компании в отдельное преимущество.
Где использоватьБлок преимуществ, описание услуг, блок «Как мы работаем» и другие разделы, в которых посетитель знакомится с компанией.
Подумайте, какие особенности вашей компании или услуг важны клиентам. Например:
Запишите реальные факты, пока не превращая их в рекламные формулировки.
Для каждого пункта задайте вопрос: «Что это даёт человеку, который выбирает нашу компанию?»
Пример
Факт
«Согласовываем смету до начала ремонта»
Польза для клиента
«Можно заранее ознакомиться с перечнем запланированных работ и их стоимостью»
Для каждого подготовьте короткий заголовок и пояснение.
Пример
Заголовок
«Смета до начала ремонта»
Пояснение
«Перед началом работ согласовываем перечень задач и их стоимость. Дополнительные работы обсуждаем отдельно»
Найдите, где эти преимущества представлены сейчас. Если информация уже конкретная и понятная, оставьте её. Если используются общие фразы, подготовьте замену.
Например
«Главная страница → блок “Преимущества” → заменить описание индивидуального подхода»
Вы подготовили до трёх конкретных преимуществ с объяснением их пользы и определили, где их разместить или уточнить на сайте.
На сайтах часто встречаются утверждения:
Но посетителю трудно оценить такие заявления без подтверждений. Например, фотографии готовых кухонь позволяют увидеть реальные работы производителя мебели, а описания проектов – понять, какие задачи он выполнял.
Теперь проверим, какие преимущества вашей компании можно подтвердить реальными фактами и материалами. Используйте утверждения, которые уже представлены на вашем сайте, или преимущества, подготовленные в задании № 5. Если они ещё не сформулированы, вы можете вернуться к предыдущему уроку.
Показывайте реальные материалы, по которым человек может самостоятельно оценить ваш опыт и работу.
В зависимости от сферы бизнеса это могут быть:
Выберите материалы, которые помогают оценить вашу компанию. Использовать всё одновременно необязательно.
Пример 1. Производство мебели – фотографии работ
Было
«Изготавливаем качественную мебель по индивидуальным проектам»
Стало
На сайте размещены фотографии готовых кухонь с короткими описаниями.
Например«Кухня для квартиры с нестандартной планировкой. Шкафы изготовлены по размерам помещения, предусмотрены встроенная техника и дополнительные зоны хранения»
Теперь посетитель видит выполненный проект и понимает, с какими задачами работает компания.
Пример 2. Студия веб-дизайна – выполненные проекты
Было
«Создаём современные и удобные сайты»
Стало
На сайте размещён проект с коротким описанием:
Если после запуска есть подтверждённые показатели, например изменение количества заявок, их можно добавить. Если таких данных нет, придумывать результаты не нужно.
Пример 3. Преподаватель – квалификация и отзывы
Было
«Опытный преподаватель с индивидуальным подходом»
Стало
На сайте указаны образование, специализация и опыт преподавателя, а также размещены реальные отзывы учеников.
Эта информация позволяет оценить подготовку специалиста и узнать об опыте его учеников.
Пример: Bright Fields – сайт компании, создающей интерактивные дисплеи и мультимедийные решения для мероприятий.
При разработке сайта я исходила из того, что клиент Bright Fields выбирает не просто оборудование, а впечатление, которое технологии помогут создать на мероприятии.
Поэтому основным способом презентации стали видео реализованных проектов и взаимодействия людей с дисплеями. Уже на первом экране посетитель видит слайдер из трёх видео. Этот подход продолжается в разделе проектов и на страницах технологических решений.
Чтобы внимание оставалось на самом продукте, я свела элементы управления видео к минимуму. Звук включается нажатием на ролик, а при переключении между видео автоматически отключается в предыдущем.
Главный принцип: не всегда нужно подробно перечислять характеристики и преимущества продукта. Иногда реальные примеры его использования лучше помогают посетителю представить результат и оценить возможности компании.

Материалы можно использовать в разных разделах сайта.
| Элемент сайта | Что можно разместить |
|---|---|
| «Наши работы» или «Портфолио» | Фотографии и описания выполненных проектов |
| «Проекты» или «Кейсы» | Задачи клиентов, выполненные работы и подтверждённые результаты |
| «Отзывы» | Реальные впечатления клиентов |
| «О компании» или «Об эксперте» | Опыт, образование и квалификацию |
| Страница услуги | Пример работы или подтверждение важного преимущества |
Например, рядом с описанием кухонь для нестандартных помещений можно показать соответствующий проект. А информацию об образовании преподавателя – разместить на странице «О преподавателе».
Подтверждения необязательно собирать в одном разделе. Их можно показывать рядом с утверждениями, которые они подкрепляют.
Если вы недавно начали работать
Используйте первые проекты, примеры выполненных задач, информацию о профессиональной подготовке или собственном опыте. Необязательно иметь десятки работ.
Если нельзя раскрывать информацию о клиентах
Можно описать выполненные задачи без конфиденциальных сведений. Не публикуйте материалы, позволяющие определить клиента, без соответствующего разрешения.
Если у вас нет отзывов
Используйте фотографии работ, сертификаты, описания проектов или другие реальные подтверждения. Отзывы можно собирать постепенно.
Если результат нельзя показать на фотографии
Расскажите о квалификации, специализации и конкретных решённых задачах. Например, для юридических и консультационных услуг эта информация может быть важнее фотографий.
Не используйте вымышленные отзывы, проекты, цифры и результаты.
Где использоватьПортфолио, выполненные проекты, отзывы, раздел «О компании», страницы услуг и блоки преимуществ.
Выберите одно-два важных утверждения о компании. Например:
Подумайте, какие реальные материалы у вас есть. Например:
Пример
Утверждение
«Изготавливаем мебель по индивидуальным размерам»
Подтверждение
Фотографии трёх выполненных кухонь для помещений с нестандартной планировкой.
Пояснение для сайта
«В каждом проекте учитываем размеры помещения, расположение коммуникаций и пожелания заказчика»
Откройте соответствующие страницы. Проверьте:
Если материалы уже есть и хорошо представлены, добавлять новые необязательно.
Если подтверждений недостаточно, составьте список того, что необходимо подготовить. Например:
Например
«Страница “Кухни на заказ” → блок “Наши работы” → добавить фотографии проекта и короткое описание задачи»
Или
«Страница “О компании” → добавить информацию об опыте и квалификации специалистов»
Перед публикацией убедитесь, что у вас есть право использовать выбранные фотографии, отзывы и другие материалы.
Вы подобрали одно-два подтверждения опыта или преимуществ компании, определили места их размещения и составили список материалов, которые ещё нужно подготовить.
Во втором модуле вы проверили четыре важных элемента.
Если вы подготовили изменения, внесите их на сайт или сохраните для передачи специалисту. Для удобства соберите всё в один список.
| Где на сайте | Что нужно сделать |
|---|---|
| Главное меню | Переименовать раздел «Наши решения» в «Услуги» |
| Страница основной услуги | Добавить описание состава работ |
| Блок «Преимущества» | Заменить общие фразы конкретными объяснениями |
| Раздел «Наши работы» | Добавить фотографии и описание проекта |
Заполняйте только строки, которые относятся к вашему сайту. Если какой-то элемент уже соответствует рекомендациям, менять его необязательно.
В следующем модуле разберём, как помочь посетителю перейти от изучения услуги к обращению: определить главное действие на странице, подготовить понятные кнопки, расположить способы связи и упростить форму заявки.
Перейти к модулю 03 →