Соберите бриф
Перед первым запросом опишите: продукт, аудиторию, цель страницы (заявка, звонок, покупка), 3–5 преимуществ, тон.
Бриф лендинга: студия йоги для офисных сотрудников, Москва. Цель: запись на пробное занятие. Аудитория: женщины и мужчины 28–45, сидячая работа, болит спина. Преимущества: занятия до и после работы, 5 минут от метро, группы до 8 человек. Предложи структуру лендинга: блоки по порядку, заголовок и задача каждого блока.
Утвердите структуру
Проверьте, что каждый блок ведёт к цели. Уберите лишнее, поменяйте порядок — до вёрстки это делать дешевле всего.
Задайте визуальный стиль
Опишите стиль как в техническом задании: палитра в HEX, шрифты, радиусы, настроение. Если есть дизайн-система — перечислите её токены.
Стиль: светлый, спокойный. Цвета: фон #F7F5F0, акцент #2F6B4F, текст #1E1E1E. Шрифты: заголовки — Manrope, текст — Inter (Google Fonts). Радиусы 16px, много воздуха.
Попросите сверстать страницу
Сверстай лендинг по утверждённой структуре и стилю одним HTML-файлом: HTML и CSS внутри, без фреймворков. Адаптив под телефон. Вместо фото — серые заглушки с подписью, что там должно быть. Тексты — на русском, по брифу.
Правьте как дизайнер
Давайте правки так же, как верстальщику — конкретно и по блокам:
- «В первом экране заголовок крупнее, кнопку поднять выше сгиба».
- «Карточки преимуществ — в 3 колонки на десктопе, 1 на телефоне».
- «Отступы между блоками — 120px».
Проверьте на телефоне
Сохраните файл и откройте его на телефоне или включите в браузере режим мобильного устройства (F12 → значок телефона). Проверьте читаемость, размер кнопок и переносы.
Добавьте реальные тексты и фото
Замените заглушки на свои фотографии и попросите доработать тексты: «перепиши первый экран короче, выгода — в заголовке».
Подготовьте форму заявки
Если на странице есть форма, укажите, куда должны приходить заявки, — это настраивается на хостинге или в сервисе форм. При сборе имени и телефона нужна политика обработки персональных данных и согласие посетителя (152-ФЗ).
Передайте в разработку или опубликуйте
Готовый HTML можно отдать разработчику как живой прототип или сразу опубликовать на хостинге. Как это сделать — в уроке «Сайт для бизнеса за вечер».
Типичные ошибки
Ошибка
Сразу попросили «сделай красивый лендинг».
Как правильно
Начните с брифа и структуры.
Ошибка
Стиль описан словами «современный, стильный».
Как правильно
Дайте HEX-цвета, шрифты и радиусы.
Ошибка
Правки вида «сделай лучше».
Как правильно
Пишите конкретно: какой блок и что изменить.
Ошибка
Форма собирает телефоны без политики конфиденциальности.
Как правильно
Добавьте политику и согласие по 152-ФЗ.