Что можно проверить в демо
Первый экран: предложение и действие
«Пространства, в которых хочется жить» сопровождается пояснением про дома и интерьеры. Кнопка «Обсудить проект» ведёт к форме, без перехода на другую страницу.
Три этапа вместо списка услуг
«Знакомимся» → «Проектируем» → «Сопровождаем». Посетитель видит последовательность от исходных требований до авторского надзора.
Место для подтверждения и обращения
Далее идут демонстрационный отзыв, форма и подвал. Отзыв Анны и Михаила — пример заполнения, не подтверждённый клиентский отзыв. Замените его согласованным реальным отзывом либо удалите блок.
На телефоне
На узком экране текст предложения и изображение идут последовательно, этапы — в одну колонку. Нажмите «Обсудить проект» и проверьте переход к форме без горизонтальной прокрутки. Для своего текста повторите проверку после замены длинных заголовков.
Что изменить под свою задачу
Оффер и CTA
В блоке первого экрана измените заголовок, пояснение, изображение и текст кнопки. Сохраните адрес #contact для перехода к форме; в шапке используйте тот же путь к обращению.
Доказательства и порядок
Отредактируйте названия и тексты этапов под свою работу. Удалите неподтверждённый отзыв, переставьте блоки и настройте поля формы. Не добавляйте разные предложения только ради длины страницы.
Кому подходит эта структура
Подходит специалисту или студии с одним основным предложением. Посетителю важно быстро понять, что он получит, как устроена работа и что произойдёт после обращения. Один сценарий заявки помогает связать содержание страницы с конкретным действием.
Что есть на каждой странице
- Главная ↗
- Шесть блоков в одном документе: шапка, первый экран, этапы работы, отзыв, форма и подвал. Обе кнопки «Обсудить проект» ведут к одному месту обращения.
Что подготовить для своего сайта
- Одно предложение для одной аудитории: результат услуги, условия и информация, необходимая для первого разговора.
- Три реальных этапа работы и собственное изображение. Если подтверждённого отзыва нет, планируйте страницу без него.
- Контакты и понятный следующий шаг после заявки: кто ответит и что нужно сообщить о проекте.
От примера к своему проекту
Пройдите один сценарий
Прочитайте оффер и этапы, затем нажмите «Обсудить проект». В этом демо форма — макет; вводить контакты или ждать ответа не нужно.
Создайте проект после входа
Выберите эту основу, задайте название и замените материалы СЕВЕР. Это редактируемая копия пресета. Если нужен другой результат по брифу, AI-генерация запускается отдельно.
Проверьте мобильную версию
Сохраните изменения, откройте Preview и проверьте длинные подписи, порядок блоков и все переходы к #contact. Уберите неподтверждённые обещания и демонстрационный отзыв.
Подготовьте публикацию
Настройте данные оператора и документы для формы. При активной подписке проекта опубликуйте версию, дождитесь завершения выпуска и проверьте публичный адрес. Макет формы в примере не подтверждает доставку реальной заявки.
Границы демонстрации
СЕВЕР и отзыв в примере — демонстрационные материалы. Здесь нет отдельного портфолио, калькулятора сметы, оплаты или онлайн-записи. Кнопка заявки показывает путь к форме, но не создаёт лид в этом публичном демо. Конверсия и рост обращений этим примером не доказаны.
Если направлениям, команде и кейсам нужны отдельные адреса и подробное содержание, посмотрите структуру из пяти страниц.
Сравнить с многостраничным сайтом →