Как создать сайт по описанию

Шаг 1. Написать бриф, который не придётся угадывать

Начните с простого: чем занимается бизнес, кому помогает и что посетитель должен сделать на сайте. Для нашей студии главное действие одно: выбрать занятие и оставить заявку.

В первый запрос стоит включить факты, которыми вы действительно располагаете. Если цены ещё не утверждены, генератору об этом лучше сказать прямо. Иначе в макете может появиться вполне убедительный прайс, с которым владелец бизнеса познакомится вместе с посетителями.

Вот пример исходного описания:

В таком запросе есть аудитория, формат услуги, цель и ограничения. Для визуального направления можно добавить: «Светлый фон, терракотовые акценты, крупные фотографии керамики, хорошо заметная кнопка записи».

Фраза «адрес в центре города» помогает понять контекст, но не заменяет адрес. Перед публикацией понадобятся город, улица, дом и, если нужно, инструкция, как найти вход.

Шаг 2. Проверить смысл первой версии

Первый макет хочется оценивать по цветам и фотографиям. Но сначала прочитайте его как человек, который ничего не знает о студии. Понятно ли, куда он попал, подходит ли ему занятие и как записаться?

Для учебного проекта проверяем следующее:

1. Первый экран. Видно, что это мастер-классы по керамике для взрослых новичков.
2. Условия. В группе до шести человек, занятие длится три часа. Числа совпадают с брифом.
3. Факты. Нет выдуманных отзывов, наград, цен и стажа работы.
4. Запись. Главная кнопка ведёт к понятному способу связаться со студией.
5. Контакты. Вместо настоящих данных не появились случайный номер или чужой адрес.

Если студия открылась два месяца назад, а сайт обещает «более десяти лет опыта», перед вами не ускоренное развитие бизнеса. Это текст, который нужно исправить.

Какие фотографии добавить

Для реальной студии пригодятся три сюжета: пространство мастерской, процесс работы с глиной и готовые изделия. Они помогают человеку представить занятие лучше, чем абстрактное обещание «незабываемой атмосферы».

Используйте собственные фотографии или изображения с подходящими правами на публикацию. Если на фото узнаваемые участники, согласуйте использование снимков. Стоковые и сгенерированные иллюстрации не стоит выдавать за фотографии вашей мастерской или работы учеников. В нашем учебном примере изображение прямо подписано как концепция.

Шаг 3. Вносить правки конкретными запросами

«Сделай красивее» описывает недовольство, но почти ничего не говорит о нужном результате. Полезнее назвать элемент, изменение и желаемый текст.

Вместо «Первый экран скучный» напишите:

Остальные изменения удобно отправлять по одному:

1. «Убери блок отзывов. Реальных отзывов пока нет».
2. «Добавь блок о занятии: лепка и работа на гончарном круге, продолжительность три часа, группа до шести человек. Не добавляй сведения об обжиге и сроках готовности изделий».
3. «Сделай все основные кнопки записи одного цвета и размера. Используй подпись „Записаться“».
4. «Сократи вступление до двух предложений. Убери общие фразы про индивидуальный подход».
5. «После добавления настоящего телефона размести его в шапке сайта и сделай кликабельным».

После каждого изменения проверяйте результат. Так проще заметить, что заголовок стал понятнее, а кнопка внезапно переехала в место, где её придётся искать с фонариком.

Не добавляйте обещание «заберёте изделие с собой», пока не уточните технологию и сроки. Посетитель воспринимает такую фразу как условие услуги, даже если она появилась ради красивого текста.

Шаг 4. Пройти путь посетителя до публикации

До запуска замените все заглушки настоящими данными и проверьте сайт на компьютере и телефоне. В учебном макете можно оставить пометки, в опубликованном сайте бизнеса они мешают человеку записаться.

1. Позвоните по номеру. Проверьте и сами цифры, и действие при нажатии.
2. Откройте мессенджер. Убедитесь, что ссылка ведёт в нужный аккаунт или чат.
3. Отправьте тестовую заявку. Если используете форму, проверьте получение сообщения и подтверждение для посетителя.
4. Нажмите все ссылки. Меню, кнопки записи и контакты должны выполнять обещанное действие.
5. Посмотрите мобильную версию. Текст читается, кнопки удобно нажимать, горизонтальная прокрутка не появляется.
6. Прочитайте текст вслух. Если фразу неловко произнести, её стоит упростить.
7. Проверьте фотографии. Они загружаются, не обрезают важные детали и не создают ложного впечатления о бизнесе.

Перед публикацией уточните в кабинете условия текущего тарифа: доступный адрес сайта, возможности подключения своего домена и ограничения. Актуальное описание сервиса можно посмотреть на официальном сайте mePage.

После публикации откройте полученную ссылку в приватном окне браузера. Затем отправьте её двум знакомым и спросите: «Что предлагает эта студия и как записаться?» Если ответы расходятся с вашим замыслом, вернитесь к первому экрану и кнопкам.

Сохраните исходный бриф и принятые правки в отдельном документе. Когда понадобится изменить расписание или добавить занятие, у вас уже будет описание проекта, с которого можно продолжить работу.