Отклоненный вариант: ситуация слева, пояснение справа строками. Оставлен на случай, если понадобится другой услуге. Второй пример — развилка с rightTone=ink: правая колонка основным цветом текста, потому что главное в строке — ответ.
Когда нужен новый сайт
Шесть ситуаций, с которыми к нам приходят чаще всего.
01
Сайт стыдно показывать клиентам и партнерам
Сайту больше пяти лет, и это видно по дизайну, фотографиям и текстам. Рядом с сайтами конкурентов он проигрывает.
02
С телефона сайтом невозможно пользоваться
Мелкий текст, кнопки не попадают под палец, меню разъезжается, элементы не помещаются на экран.
03
По вашим запросам находят сайты конкурентов
Нет отдельных страниц под услуги и разделы каталога, структура неверная, SEO-оптимизация не сделана, на сайте технические ошибки.
04
Сайта вообще нет или на нем неактуальная информация
Цены, условия работы, реквизиты, суть услуг — на сайте нет почти никакой информации, и одно и то же приходится рассказывать по телефону каждому клиенту.
05
Каждая правка идет через программиста
Добавить услугу, завести раздел каталога, поменять цены — все делается через письмо разработчику. Сделать самому в админке не получается.
06
Разработчик часто не на связи или вообще пропал
Сайт ломается, правки делаются неделями или не делаются вообще. Есть ощущение, что вашим проектом никто не хочет заниматься.
Какой вариант подойдет
Слева ситуация, справа ответ. Ответ — главное в строке, поэтому он не серый.
01
Нужно быстро запуститься и устраивает типовая структура
Готовое решение: дешевле и запускается за одну-две недели.
02
Нужной структуры в готовых решениях нет
Индивидуальная разработка: проектируем страницы и рисуем дизайн под задачу.
03
Сайт есть, но устарел дизайн
Редизайн: сохраняем то, что работает, и меняем подачу.
Ситуации клиентаpains/cards
Утвержденный вариант: ситуация и пояснение карточками, по три в ряд. Стоит вторым экраном на странице корпоративного сайта, версия 9.
Когда нужен новый сайт
Шесть ситуаций, с которыми к нам приходят чаще всего.
01
Сайт стыдно показывать клиентам и партнерам
Сайту больше пяти лет, и это видно по дизайну, фотографиям и текстам. Рядом с сайтами конкурентов он проигрывает.
02
С телефона сайтом невозможно пользоваться
Мелкий текст, кнопки не попадают под палец, меню разъезжается, элементы не помещаются на экран.
03
По вашим запросам находят сайты конкурентов
Нет отдельных страниц под услуги и разделы каталога, структура неверная, SEO-оптимизация не сделана, на сайте технические ошибки.
04
Сайта вообще нет или на нем неактуальная информация
Цены, условия работы, реквизиты, суть услуг — на сайте нет почти никакой информации, и одно и то же приходится рассказывать по телефону каждому клиенту.
05
Каждая правка идет через программиста
Добавить услугу, завести раздел каталога, поменять цены — все делается через письмо разработчику. Сделать самому в админке не получается.
06
Разработчик часто не на связи или вообще пропал
Сайт ломается, правки делаются неделями или не делаются вообще. Есть ощущение, что вашим проектом никто не хочет заниматься.
Когда нужна услугаneed/grid
Оформление первой системы: нумерованные причины и сноска про соседние услуги. Снято с версии 1.
Когда это нужно
Когда корпоративный сайт решает задачу бизнеса
Это многостраничная основа компании в интернете, а не одна рекламная страница и не магазин с корзиной.
01
Нужно понятно представить компанию
Собрать в одном месте услуги, проекты, документы, отзывы, контакты и ответы на частые вопросы.
02
Старый сайт мешает продажам
Информация устарела, страницы неудобны на телефоне, формы не работают или внешний вид не вызывает доверия.
03
Планируется продвижение в поиске
Нужна структура, которую можно развивать: отдельные услуги, кейсы, статьи и посадочные страницы.
04
Услугу трудно объяснить одной страницей
Несколько направлений, разные аудитории или длинный цикл выбора требуют полноценного сайта компании.
Если нужен один оффер под рекламу, логичнее рассмотреть лендинг. Если нужны товары, корзина, оплата и заказы — интернет-магазин.
Когда нужна услугаneed/tasks
Что услуга должна делать для клиента: шесть коротких карточек без нумерации.
Что должен делать корпоративный сайт
Не просто рассказывать о компании, а помогать посетителю разобраться, убедиться и связаться с вами.
Объяснять
Посетитель сразу понимает, чем занимается компания, что можно заказать и где найти подробности.
Показывать
Услуги, товары, проекты и условия работы собраны в понятной структуре, а не разбросаны по сайту.
Доказывать
Кейсы, клиенты, отзывы и документы подтверждают опыт компании лучше общих обещаний.
Помогать выбрать
Цены, варианты и ответы на вопросы позволяют сравнить предложения до обращения.
Работать в поиске
Под каждую важную услугу можно создать отдельную страницу и развивать ее в SEO.
Приводить к контакту
Посетитель может быстро задать вопрос или отправить заявку удобным способом.
Когда нужна услугаneed/situations
Ситуации клиента нумерованным списком в оформлении v6.
Когда компании нужен корпоративный сайт
01
Нужно представить компанию в интернете
Соберем услуги, проекты, информацию о компании, отзывы и контакты в понятную структуру.
02
Старый сайт перестал выполнять свою задачу
Обновим содержание, внешний вид и мобильную версию, исправим неудобную навигацию и формы.
03
Нужны заявки из поиска
Создадим отдельные страницы услуг и подготовим техническую основу для дальнейшего SEO-продвижения.
04
У компании несколько направлений
Разведем услуги по разделам и поможем посетителю быстро найти нужную информацию.
Ситуации клиентаpains/columns
Состав услуги двумя простыми списками.
Что входит в корпоративный сайт
Страницы и материалы
Главная страница
О компании
Услуги и отдельные страницы услуг
Проекты или кейсы
Отзывы и документы
Статьи или новости
Контакты и реквизиты
Возможности сайта
Адаптация для телефонов и планшетов
Формы заявок и обратной связи
Управление материалами в 1С-Битрикс
Подключение Яндекс.Метрики
Подготовка структуры под SEO
Редактируемые услуги, проекты и статьи
Проверка перед запуском
Ситуации клиента
pains/columns с тремя колонками и пунктами-объектами. Три колонки на компьютере встают в три столбца, ниже 900 px — друг под другом. Пункт может быть строкой или объектом { title, text }: заголовок пункта жирным, пояснение ниже. mark: 'dash' ставит серый прочерк вместо галочки. Три колонки стоят на странице внедрения amoCRM.
Когда внедрение amoCRM оправдано, а когда рано
Подходит
Заявки идут из двух и более каналовФорма на сайте, почта, мессенджеры и звонки.
В продажах работают двое или большеНужно видеть, кто ведет клиента.
Пока рано
Обращений несколько в месяц и продает один человек.
В компании нет человека, который будет следить, чтобы менеджеры вели сделки в системе.
Нужна другая услуга
Интеграция с внешней системойСвязать сайт или amoCRM с 1С, складом либо сервисом клиента по API.
Сквозная аналитикаУвидеть, окупается ли реклама.
Состав услугиscope/explorer
Интерактивный состав услуги: слева разделы, справа их содержимое. На телефоне работает как список с раскрытием. Здесь сохранен полный текст со страницы корпоративного сайта, версия 8.
Что входит в корпоративный сайт
Разделы, которые можно собрать на сайте компании. Нажмите на раздел, справа появится его состав.
О компании
Страницы, с которых посетитель понимает, кто вы и можно ли с вами работать. Здесь же лежат документы, которые запрашивают перед сделкой.
О компании
История
Условия работы
Реквизиты
Лицензии и сертификаты
Сотрудники
Кто работает в компании: руководство, специалисты, отделы. Раздел закрывает вопрос «с кем я буду иметь дело» до первого звонка.
Список сотрудников
Карточка сотрудника
Отделы
Вакансии
Услуги
У каждой услуги своя страница с описанием, ценой и примерами работ. Такую страницу можно продвигать в поиске и вести на нее рекламу. Если услуг много, они собираются по направлениям.
Все услуги
Направление
Страница услуги
Цены
Каталог продукции
Товары с разделами, характеристиками, фотографиями и ценами. Есть корзина: посетитель собирает заказ и отправляет его вам. Приемом оплаты и доставкой сайт не управляет, такие интеграции делаем отдельно.
Разделы каталога
Карточка товара
Корзина
Акции
Проекты и отзывы
Выполненные работы и отзывы клиентов. Эти страницы открывают перед тем, как написать вам.
Список проектов
Страница проекта
Отзывы
Статьи и новости
Раздел, который вы ведете сами: экспертные статьи, новости компании, ответы на вопросы клиентов. Все добавляете через админку.
Блог
Страница статьи
Новости
Информация для клиентов
Текстовые страницы, которые снимают повторяющиеся вопросы: как работает доставка, как оплатить, какие гарантии, как стать партнером.
Доставка
Оплата
Гарантии
Партнерам
Вопросы и ответы
Контакты
Адреса, телефоны, почта, реквизиты, карта проезда. Если подразделений несколько, у каждого своя карточка.
Контакты
Подразделения
Карта проезда
Мессенджеры
Формы обратной связи
Написать вам можно с любой страницы: оставить заявку, заказать звонок, задать вопрос специалисту. Обращения приходят на вашу почту.
Форма заявки
Обратный звонок
Вопрос специалисту
Подписка на новости
Состав услугиscope/dual
Оформление первой системы: входит и не входит двумя колонками. Снято с версии 1.
Что вы получаете и где заканчивается базовая разработка
Границы фиксируем до старта, чтобы цена не превращалась в бесконечное «это считалось отдельно».
Входит
Разбор задачи и согласованная структура сайта.
Адаптивные страницы для компьютера, планшета и телефона.
Формы заявки и понятные контакты.
Подключение к 1С-Битрикс и редактируемые разделы.
SSL, проверка меню, ссылок и ключевых страниц перед запуском.
Передача доступов и объяснение, как редактировать материалы.
Не входит
SEO-продвижение, контекстная реклама и регулярная аналитика.
Корзина, онлайн-оплата, заказы и сложный товарный каталог.
CRM, личный кабинет, сложные интеграции, калькуляторы и квизы.
Тексты с нуля, фотосъемка, логотип и фирменный стиль.
Постоянное сопровождение и развитие после запуска.
Гарантии заявок, продаж или роста прибыли.
Состав услугиscope/in-out
Граница услуги, когда цена зависит от условий клиента: слева пункты с пояснениями, справа состав запуска.
Оплата, доставка и обмен с 1С
Магазин из стартовой цены умеет принимать заказы. Прием денег на сайте, расчет доставки и обмен с 1С в стартовую цену не входят: цена зависит от вашего банка, службы доставки и версии 1С.
Считаем отдельно
Прием оплаты на сайте
Эквайринг, СБП, онлайн-касса и настройки по 54-ФЗ.
Службы доставки
СДЭК, Почта России, Boxberry, расчет стоимости в корзине.
Обмен с 1С
Товары, цены, остатки и заказы. Обмен идет по расписанию.
Скажите, чем вы пользуетесь сейчас, и мы посчитаем подключение и впишем его в договор отдельными строками.
Гарантииguarantees/cards
Утвержденный вариант: по карточке на обещание, перечня исключений нет. Стоит на странице корпоративного сайта, версия 9.
Что мы гарантируем
Состав работ
Список страниц и функций согласуем заранее, и дальше он не меняется, пока вы сами не попросите что-то добавить.
Стоимость
Сколько записали в договор, столько и заплатите. Появится новая работа — сначала назовем цену и дождемся вашего ответа.
Срок
Для готового решения срок запуска определен и зафиксирован.
В индивидуальной разработке фиксирован срок каждого этапа без учета времени на согласования
Гарантии
guarantees/cards с листом и припиской: под карточками необязательный список list с заголовком listTitle (продолжение той же рамки, пункты с галочкой в две колонки, на телефоне в одну) и спокойная приписка note. Проп columns={2} ставит карточки два в ряд — для четырех длинных карточек. Лист приемки стоит на странице внедрения amoCRM.
Что гарантируем и как вы проверите результат
Состав и стоимость называем до начала
После разбора перечисляем базовые работы, нужные модули и их стоимость.
Наши ошибки исправляем три месяца
Если после запуска найдется ошибка в нашей работе, бесплатно исправим ее в течение трех месяцев.
Первый месяц поддержки входит
Отвечаем на вопросы и правим мелкие настройки, которые относятся к согласованному внедрению.
Приемка идет по проверяемому листу
Вместо обещаний о росте продаж проверяем, что система делает именно то, о чем договорились.
Работа готова, когда:
новая заявка попадает в нужную воронку;
у сделки есть ответственный;
у менеджера появляется задача;
владелец видит воронку и просрочки.
Мы не гарантируем рост продаж: он зависит от продукта, цены, рекламы, скорости ответа и работы менеджеров.
Гарантииguarantees/split
Прежняя версия оформления: гарантии слева, границы сметы справа на сером фоне. Внизу правой колонки может стоять приписка о том, чего услуга не обещает.
Что мы гарантируем
Состав работ
Список страниц и функций согласуем заранее, и дальше он не меняется, пока вы сами не попросите что-то добавить.
Стоимость
Сколько записали в договор, столько и заплатите. Появится новая работа — сначала назовем цену и дождемся вашего ответа.
Срок
Для готового решения срок запуска определен и зафиксирован.
В индивидуальной разработке фиксирован срок каждого этапа без учета времени на согласования
Карточки с пояснениямиcards/grid
Нейтральная сетка «заголовок и текст» для объяснений, условий и технических пунктов, когда карточки не являются ни ситуациями клиента, ни гарантиями. Четыре карточки — два на два, две — две колонки, остальное — по три в ряд, неполный последний ряд растягивает последнюю карточку. Номера включаются пропом numbered, полоса — пропом band. Пример — технические пункты со страницы GEO-продвижения.
Что проверяем в технической части
01
Доступность страниц
Проверяем, доступны ли важные страницы и нет ли препятствий в настройках сервера. Отдельно смотрим robots.txt с правилами доступа для роботов и sitemap.xml с картой адресов сайта. Поисковый доступ и разрешение использовать материалы для обучения модели — разные задачи.
02
Структура и факты
Дополняем страницы конкретными фактами и ответами на вопросы клиентов. Подбираем микроразметку — данные в коде страницы, которые поясняют ее содержание, — по реальному материалу, а не ради формального набора тегов.
03
Разметка
Сохраняем вопросы и ответы и подбираем разметку по фактическому содержанию страницы. Успешная проверка разметки не гарантирует показ в поиске или цитирование в ответе.
04
Требования конкретных систем
Служебный текстовый файл llms.txt для отдельных ИИ-систем не является обязательным условием видимости. Для Google Search он не дает специального преимущества; для другой системы рассматриваем его только при подтвержденной необходимости.
Что нужно от клиентаinput/list
Что нужно получить от клиента, чтобы начать: у каждого пункта пометка «нужно» или «если есть». Оформление первой системы, снято с версии 2.
Что понадобится от вас
Срок работы напрямую зависит от материалов и скорости согласований. Для других услуг блок может быть не нужен.
нужно
Задача и приоритеты
Зачем нужен сайт: заявки, доверие, презентация компании, замена старой версии или подготовка к SEO.
нужно
Услуги и будущие разделы
Что продаете, кому, какие направления и страницы должны быть на сайте.
если есть
Логотип и фирменные материалы
Цвета, фотографии, презентации и другие материалы, если они уже есть.
нужно
Тексты или фактура
Готовые тексты либо информация, из которой можно отдельно подготовить содержание.
если есть
Доступы
Домен, хостинг и текущий сайт, если проект запускается не с нуля.
нужно
Обратная связь
Своевременное согласование структуры, дизайна и материалов.
Если материалов нет, это не тупик: отдельно определим, что нужно подготовить и кто это делает.
Что нужно от клиента
input/list с layout='columns': слева пункты «нужно», справа «если есть», заметка под обеими. Пометка стоит один раз над колонкой. Если одной из групп нет, блок остается обычным списком. На телефоне колонки друг под другом. Стоит на странице семантического ядра.
Что понадобится от вас
Для первичного разбора достаточно обозначить задачу. Дополнительные материалы ускорят работу.
Нужно
Задача и приоритеты
Зачем нужен сайт: заявки, доверие, презентация компании, замена старой версии или подготовка к SEO.
Услуги и будущие разделы
Что продаете, кому, какие направления и страницы должны быть на сайте.
Тексты или фактура
Готовые тексты либо информация, из которой можно отдельно подготовить содержание.
Если есть
Логотип и фирменные материалы
Цвета, фотографии, презентации и другие материалы, если они уже есть.
Доступы
Домен, хостинг и текущий сайт, если проект запускается не с нуля.
Если материалов нет, это не тупик: отдельно определим, что нужно подготовить и кто это делает.
Текстовый блокtext/block
Заголовок и несколько абзацев с ограниченной шириной строки. Смысловой блок для рассказа: история компании, подход, объяснение. Стоит на странице об основателе.
Как я начинал
Сайтами я начал заниматься в начале двухтысячных. Тогда их делали вручную, никаких конструкторов не было. В 2004 году появился «Меноком».
С тех пор правила в поиске менялись десятки раз, и каждый раз приходилось перестраивать работу.
Объяснение услугиexplain/seo-video
Объяснение услуги: слева место ролика, справа четыре шага работы с результатом каждого. Пункты не спрятаны в аккордеон — они должны читаться без просмотра видео.
Как работает SEO-продвижение
Поиск дает результат не одной настройкой. Мы работаем со спросом, страницами, технической частью и аналитикой, затем повторяем цикл каждый месяц.
МенокомКак поиск превращается в обращенияВидео · 1:43
Как поиск превращается в обращения
За полторы минуты показываем путь от запроса человека до заявки и ежемесячного плана работ.
Смотреть 1:43
Ролик готовится. Пока его нет, о работе расскажем в переписке — напишите нам.
01
Находим спрос
Собираем запросы, разделяем их по смыслу, регионам и готовности обратиться.
Результат: карта запросов и страниц, которые должны на них отвечать.
02
Готовим сайт
Проверяем индексацию, скорость, мобильную версию, дубли, адреса, метатеги и работу форм.
Результат: поисковые системы читают нужные страницы, а посетитель может ими пользоваться.
03
Расширяем видимость
Дорабатываем страницы услуг, категории, карточки товаров, ответы на вопросы и статьи.
Результат: сайт отвечает на большее число коммерческих запросов.
04
Считаем обращения
Настраиваем цели, связываем формы, звонки и заказы с источниками.
Результат: в отчете видно, что изменилось и что делать в следующем месяце.
