До разработки лендинга стоит договориться о трёх вещах: что вы предлагаете, кому и какое действие ждёте от посетителя. Затем собрать материалы и записать, как проверить готовую страницу. Ниже — бриф, который можно скопировать и заполнить без регистрации.
Этот материал подходит для нового одностраничного сайта с одним основным предложением. Каталог, личный кабинет или сервис с несколькими сценариями потребует другого состава работ.
Начните с действия посетителя
«Рассказать о компании» не объясняет, что делать после чтения. Запишите конкретное действие: отправить запрос, написать специалисту или перейти к записи. Так проще решить, какие сведения и кнопки нужны на странице.
Например, перед обращением в мастерскую человек хочет понять, какие велосипеды там ремонтируют, как описать поломку и когда ждать ответа. На странице пригодятся перечень работ, ограничения, фотографии и понятный способ обращения. Онлайн-оплата не появляется в объёме только потому, что на сайте есть кнопка.
Бриф одностраничного сайта
Скопируйте шаблон в документ. Если ответа пока нет, напишите «нужно обсудить»: так пробел останется виден при оценке.
1. Предложение: какую одну услугу или продукт описываем?
2. Посетитель: кто придёт и что уже знает о вас?
3. Его вопрос: что ему нужно выяснить до обращения?
4. Действие: что он должен сделать на странице?
5. Содержание: какие блоки помогут принять это решение?
6. Доказательства: какие реальные работы, фото или документы есть?
7. Материалы: что готово, что предстоит подготовить и кому?
8. Языки: на каких языках нужна страница, кто проверяет текст?
9. Контакт: форма, прямая ссылка или сервис записи?
10. Доставка: куда придёт обращение, кто его проверит?
11. Домен и размещение: что уже оформлено и на кого?
12. Ограничения: что точно не входит в первую версию?
13. Приёмка: как проверим содержание, телефон и заявку?
14. Передача: какие файлы, доступы и инструкции нужны?
15. Дата: есть ли причина закончить к определённому дню?Пароли и секретные ключи в бриф не вставляйте. Для начала достаточно названий сервисов и сведений о том, кто управляет аккаунтами. Порядок выдачи доступа согласуется отдельно.
Заполненный учебный пример
Это вымышленная мастерская для объяснения брифа, а не клиентский кейс. В примере нет результатов продаж, отзывов или выполненных автором коммерческих работ.
| Поле | Ответ для примера |
|---|---|
| Предложение | Ремонт городских велосипедов по предварительному обращению |
| Посетитель | Владелец велосипеда, который хочет описать проблему и узнать следующий шаг |
| Главное действие | Отправить описание поломки и адрес для ответа |
| Вопросы до заявки | Какие велосипеды принимают, какие работы делают, что написать в обращении |
| Блоки | Предложение, работы и ограничения, реальные фотографии мастерской, порядок обращения, вопросы, форма |
| Материалы | Владелец готовит перечень работ и фотографии; текст и порядок блоков собираются из этих сведений |
| Язык | Русский; второй язык оценивается отдельно |
| Форма | Имя, описание задачи и e-mail для ответа; необходимость каждого поля обсуждается |
| Доставка | Письмо в ящик мастерской; владелец подтверждает получение тестового обращения |
| За границами | Онлайн-оплата, каталог запчастей, личный кабинет и обещание свободного времени без подтверждения |
| Приёмка | Текст соответствует перечню работ, кнопки ведут к нужному действию, тестовое обращение доходит |
Город, адрес, цены и режим работы вписывает владелец конкретного бизнеса. Их нельзя достраивать по фотографии или заимствовать у другой мастерской.
Какие материалы собрать
Описание предложения. Объясните результат услуги, для кого она подходит и какие задачи вы не берёте. Если цена зависит от диагностики или объёма, опишите порядок оценки.
Ответы на вопросы. Вспомните, о чём спрашивают до заказа. Для новой услуги можно составить список вопросов и обсудить ответы с исполнителем, не выдавая предположения за опыт клиентов.
Фотографии и примеры. Для каждого файла подпишите, что на нём и можно ли его публиковать. Случайное изображение из поиска не подтверждает вашу работу. Отзывы и результаты используются только тогда, когда они реальные и их можно раскрыть.
Контакты. Укажите способ обращения и человека, который будет отвечать. Если есть форма, отдельно выберите получателя сообщений и порядок проверки доставки. Если используется запись во внешнем сервисе, проверьте действующую ссылку.
Как проверить заявку
Проверьте весь путь, а не только появление надписи «Отправлено»:
- Откройте опубликованную страницу на телефоне и заполните форму обычными тестовыми данными.
- Убедитесь, что обязательные поля понятны, а ошибочный адрес или пропуск объясняется рядом с полем.
- Отправьте обращение и дождитесь результата. При ошибке человек должен понимать, что произошло и что делать дальше.
- Проверьте ящик получателя, включая нежелательные письма. Сопоставьте содержание с введённым текстом.
- Убедитесь, что можно ответить человеку выбранным способом.
- Проверьте повторное нажатие и ситуацию, когда сеть пропала. Заранее договоритесь, как страница сообщает о неопределённом результате.
Проверка ввода нужна и на стороне сервера; браузерная проверка помогает пользователю, но сама по себе не защищает обработку данных. Это объясняется в руководстве W3C по проверке форм.
Домен, публикация и передача
До запуска запишите, кто управляет доменом и размещением сайта, кто их оплачивает и какие регулярные платежи есть. После запуска должны быть понятны местонахождение кода, подключённые сервисы и способ обновить контактные сведения.
Отдельно согласуйте, что относится к исправлению результата в исходном объёме, а что считается новой задачей: дополнительный язык, новый блок, оплата или подключение другой системы. Так при передаче останется перечень работы, с которым можно свериться.
Короткая проверка перед запуском
- Предложение и главное действие понятны с первого экрана.
- Факты, контакты и права на материалы проверены ответственным человеком.
- На телефоне можно прочитать текст и нажать основные кнопки.
- Клавиатурой можно добраться до формы; подписи полей и ошибки понятны.
- Тестовая заявка дошла и на неё можно ответить.
- Домен, размещение, код и инструкция передачи учтены.
- Название и описание страницы соответствуют содержанию; техническая доступность для поиска проверена отдельно.
Публикация сайта не означает немедленного появления в поиске. Google описывает обнаружение и индексирование в начальном руководстве по SEO; даты и позиции поисковик не гарантирует.
Если бриф заполнен хотя бы частично, с ним уже можно обсуждать разработку одностраничного сайта. По нему проще увидеть состав работы, недостающие материалы и вопросы для оценки.