Сайт мастера маникюра: первый экран, чтобы записывались сами

Клиентка нашла тебя по ссылке, открыла страницу, а там сверху «Студия ногтевого сервиса», под ней абзац про любовь к своему делу, и всё. Где ты, сколько стоит покрытие, есть ли окно на субботу, непонятно. Она закрывает вкладку и пишет в директ «а сколько у вас маникюр с покрытием?». Ты отвечаешь вечером, когда она уже записалась к другой.

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

Что получишь

• Первый экран: кто ты, где, что делаешь и кнопка записи
• Прайс, который читается с телефона за десять секунд
• Правила записи и отмены, после которых меньше неявок и споров
• Ответы на частые вопросы, собранные из твоей же переписки
• Страницу, которую можно собрать самой

Что нужно до старта

Если Claude Code ещё не стоит на компьютере, вот установка по шагам

• Свои фото работ, штук десять. Только свои. Чужие картинки из сети не берёшь даже «для примера»: у фото есть автор, а клиентка придёт за тем ногтем, который делал другой человек
• Список услуг с ценами, как ты их называешь клиенткам
• Адрес и как дойти: этаж, вход со двора, домофон
• Куда сейчас принимаешь запись: сервис онлайн-записи, Телеграм, ВКонтакте, телефон
• Нейросеть. Из России без VPN и по-русски работают Алиса AI от Яндекса и ГигаЧат от Сбера, заходишь через их официальные сайты или приложения. Условия смотри там же на сегодняшний день
• Компьютер для сборки

Шаги

Шаг 1. Пусть нейросеть сначала расспросит тебя

В сайте мастера обычно написано то, что кажется главным мастеру. Клиентку волнует другое. Поэтому начинаем с вопросов.

Я мастер маникюра, работаю [одна / в студии / в кабинете] в [город, район].
Хочу простой сайт, чтобы клиентки записывались сами, без переписки.

Задай мне 12-15 вопросов, которые помогут понять, что написать на сайте.
Спрашивай про то, что волнует клиентку перед первой записью: где я, сколько длится
процедура, что входит в цену, как с отменой и опозданием, как обрабатываю инструмент,
как оплатить, есть ли парковка.

Вопросы списком. Сайт пока не пиши, жди ответы.

Отвечай, как клиентке в директе. «Пакет с инструментом вскрываю при клиентке» уже готовая строчка для сайта.

Шаг 2. Первый экран

Первый экран это то, что видно на телефоне, пока человек не начал листать. Места там мало, поэтому кладём четыре вещи:

1. Кто ты и что делаешь, одной строкой
2. Город и район или метро
3. Одна-две ходовые услуги с ценой
4. Кнопка записи

И одно своё фото работы, крупно, при дневном свете.

Вот мои ответы: [вставь].

Напиши первый экран сайта мастера маникюра, чтобы он поместился на экран телефона:
- заголовок до 8 слов: что я делаю и где,
- подзаголовок до 15 слов: чем запись ко мне удобна, только по моим ответам,
- две услуги с ценой из моего прайса,
- текст кнопки записи, 2-3 слова.

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

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

Шаг 3. Прайс текстом

Прайс картинкой на телефоне превращается в мелкую кашу. Делаем текстом.

Вот мой прайс как есть: [вставь список из заметок или текст с фото листка].

Перепиши его для сайта:
- сгруппируй: маникюр, покрытие, дизайн, педикюр, снятие (что из этого есть),
- у каждой услуги: название, что входит одной строкой, сколько длится, цена,
- названия простые, как говорит клиентка,
- цены и время бери только мои, ничего не округляй и не добавляй.

Если непонятно, что входит в услугу, спроси меня и не выдумывай.

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

Шаг 4. Правила записи и отмены

Этот блок мастера пишут редко, а потом сидят с пустым окном, потому что клиентка «забыла». Правила на сайте человек читает до записи, и спорить потом не о чем.

Напиши короткий блок «Как проходит запись» для сайта мастера маникюра.

Мои правила: [за сколько предупредить об отмене, что будет при опоздании,
нужна ли предоплата, можно ли перенести, что делать, если ноготь сломался после процедуры].

Спокойно и по-доброму, без угроз и капслока. 5-6 пунктов по одной-две строки.
Если в моих правилах есть дыра, скажи мне об этом отдельно.

Предоплата через сайт идёт только через официальные платёжные сервисы с чеком клиентке. Номер своей карты на сайте не публикуешь.

Шаг 5. Частые вопросы из переписки

Пролистай директ за последние недели. Вопросы повторяются: сколько держится, есть ли гипоаллергенные материалы, а если ноготь короткий.

Вот вопросы, которые мне чаще всего задают клиентки: [10-15 штук как есть].

Сгруппируй похожие и напиши ответы для блока «Частые вопросы».
На каждый 2-3 строки, по-человечески.
Где ответ зависит от моих материалов или правил, оставь пропуск [уточнить].
Медицинских советов не давай: где вопрос про здоровье, ответ «лучше спросить врача».

Строчка про медицину нужна: на вопрос про аллергию уверенный ответ нейросети ни к чему.

Шаг 6. Порядок блоков

Сверху вниз:

1. Первый экран с кнопкой
2. Работы: 6-9 своих фото, под каждым одной строкой, что сделано
3. Прайс
4. Как проходит запись
5. Где я: адрес, как пройти, фото входа, если он неочевидный
6. Частые вопросы
7. Отзывы. Только настоящие, со скриншотов или с карт, с согласия клиенток. Выдуманные отзывы не пишешь, и нейросеть их не пишет
8. Кнопка записи ещё раз

Кнопка нужна минимум дважды, сверху и снизу. Человек дочитал до конца, ему удобно нажать прямо там.

Перед сборкой дай нейросети побыть клиенткой:

Вот тексты моего будущего сайта: [вставь]. Представь, что ты новая клиентка
и смотришь с телефона. Напиши честно: на какой вопрос не нашла ответа, где бы
пролистала, что вызывает недоверие и где бы закрыла страницу.

Шаг 7. Собрать страницу

Две дороги.

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

Страница одним файлом. Нейросеть пишет страницу кодом, ты открываешь файл в браузере на компьютере. Как это сделать в Claude Code и как выложить в интернет, разобрано в уроке по слову САЙТ. Здесь только просьба под мастера:

Сделай одностраничный сайт мастера маникюра одним файлом index.html.
Сначала спроси, в каких цветах и в каком настроении я его вижу.

Порядок блоков и тексты бери строго из моего списка, ничего не дописывай.
Фото подставь пустыми рамками с подписью «фото 1», «фото 2», я вставлю свои.

- сначала страница должна хорошо выглядеть на телефоне,
- кнопка записи крупная, видна на первом экране и повторяется внизу,
- кнопка ведёт по ссылке [ссылка на запись],
- шрифт крупный, без серого текста на сером фоне.

Мои тексты: [вставь].

Шаг 8. Проверь кнопку чужим телефоном

Отправь ссылку подруге и попроси записаться. Со своего телефона проверять мало: ты там везде залогинена, и у тебя всё открывается.

Смотришь три вещи: кнопка открывает запись, запись доходит до тебя и уведомление приходит, человек по адресу понял, куда идти.

Где обычно ломается

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

На первом экране нет цены и района. Клиентка пишет в директ тот самый вопрос «а сколько стоит», от которого ты хотела избавиться.

Нейросеть дописала лишнее. Массаж рук, «материалы премиум-класса», «гарантия 3 недели». Каждую строчку прайса и правил сверяешь с тем, что делаешь.

Кнопка ведёт в никуда. Ссылку вставили с ошибкой или сервис записи сменил адрес. Проверяй с чужого телефона после каждой правки.

Мостик

Всё выше можно собрать самой, по шагам.

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

На странице ии-вайбкодинг.рф/uslugi/ есть живое демо сайта мастера маникюра с записью: https://ии-вайбкодинг.рф/demo/manikyur/ . Фирма там вымышленная и цены для примера, но видно, как работают первый экран и кнопка. Написать про свой сайт: https://t.me/ketrin_priyom_bot?start=sayt

Источники

1. https://ии-вайбкодинг.рф/uslugi/
2. https://t.me/ketrin_priyom_bot?start=sayt

Ещё уроки