Собственный продукт. Задача: показать, каким должен быть лендинг малого бизнеса, который реально приносит заявки, а не просто красиво выглядит. Сделал три сайта под самые частые ниши: ремонт квартир, репетитор английского и фитнес-студия. У каждого свой дизайн, а заявки, SEO и аналитика общие, чтобы новый сайт под другую нишу собирался за пару дней.
На каждом лендинге есть то, что приводит заявку. У ремонта калькулятор: площадь, тип жилья, вид работ, и человек сразу видит вилку цены и срок. У репетитора подбор курса в виде переписки с преподавателем, с русской и английской версией. У студии расписание недели с фильтром: нажал на занятие, и форма уже знает, куда записывать.
Заявка приходит в Telegram и создаёт сделку в amoCRM или лид в Битрикс24. Ответы из калькулятора или квиза прикладываются к заявке, менеджеру не нужно переспрашивать. От спама защищают скрытое поле, таймер и лимиты, капчи нет.
Тексты, цены и расписание лежат в одном файле: заказчик правит их сам, а ошибка в файле не ломает живой сайт. SEO: meta, Open Graph, JSON-LD (LocalBusiness, FAQ), sitemap. Карта грузится по клику, около 3 КБ JavaScript на страницу.
Стек: Astro, TypeScript, Tailwind CSS, Node.js, Docker.
Все три сайта работают, форма шлёт заявки в Telegram.
- Lighthouse на мобильном: Performance 96–100, Accessibility, Best Practices и SEO 100, первый экран грузится за 1,5–1,9 с
- Заявки в Telegram, amoCRM и Битрикс24; если один канал недоступен, заявка всё равно доходит
- Защита от спама без капчи
- 3 разных дизайна на одной кодовой базе, английская версия у репетитора
- 100+ автотестов, CI на GitHub Actions, запуск одной командой через Docker Compose