Лендинг · этап 1 из 3
Первый сайт для настоящего клиента за вечер
Одна страница под одно действие, которая красиво открывается на телефоне.
- Где
- Claude Code
- Нужно
- Подписка Pro
- Время
- Вечер
Хороший первый сайт — это одна страница, которая ведёт человека к одному действию. Для примера возьмём мастерскую по ремонту велосипедов. Подставь своё дело или дело знакомого.
1Выбери одно действие
Закончи фразу: «После этой страницы человек должен …». Написать в Telegram, позвонить, записаться. Одно действие, а не три. Всё на странице будет работать на него.
2Собери настоящие данные
Открой заметки и запиши: чем занимаешься, для кого, город, 3 услуги с ценами, почему выбирают тебя, контакт. Придуманные отзывы и цифры не используй: лучше короткая страница, но правдивая.
3Попроси страницу
Создай пустую папку sayt и открой её в Claude Code.
Сделай одностраничный сайт в одном файле index.html без фреймворков и внешних библиотек.
Для кого: <КЛИЕНТ, НАПРИМЕР ВЕЛОСИПЕДИСТЫ МОЕГО РАЙОНА>. Открывают с телефона.
Дело: <ЧЕМ ЗАНИМАЕШЬСЯ, ГОРОД>.
Услуги и цены: <СПИСОК>.
Почему выбирают: <2-3 НАСТОЯЩИЕ ПРИЧИНЫ>.
Главное действие: кнопка «<ТЕКСТ>» ведёт на <ССЫЛКА>.
Сверху обещание и кнопка, потом услуги, причины, снова кнопка. Простой язык без рекламных штампов. Дизайн под мой вид деятельности: не используй шаблонный фиолетовый градиент. Ничего не выдумывай: если данных нет, поставь заметную пометку [заполнить].
4Проверь на ширине телефона
Открой сайт на ширине 375 пикселей. Кнопка видна без прокрутки? Нет горизонтального скролла? Текст читается без увеличения? Кнопка ведёт по правильной ссылке? Исправь найденное и покажи снимок экрана.
Потом открой файл на настоящем телефоне: перешли его себе в Telegram.
5Покажи живому человеку
Покажи страницу на пять секунд и убери. Спроси: что здесь предлагают и что нужно нажать? Если человек не ответил, меняй верхний экран. Как это сделать, разбираем на следующем этапе.