Клиент обратился с задачей: создать продающий лендинг для запуска рекламы и приёма заявок онлайн.
Проект должен был быть:
- адаптивным, с грамотной подачей на первом экране,
- быстрым (без перегрузки дизайном и скриптами),
- с возможностью подключения онлайн-оплаты и Telegram-уведомлений,
- размещённым на собственном VPS-хостинге (не на конструкторах).
Дополнительно: требовался чистый код, возможность доработки в будущем, SEO-основа и прозрачная инструкция по редактированию.
Мы предложили клиенту два пути - Tilda и самопис на Next.js. Выбор пал на Next.js 15 + Tailwind, с размещением на VPS + nginx. Это дало нам гибкость, скорость и технический контроль.
Что было сделано:
1. Создали прототип структуры: 1 экран = 1 смысл, фокус на call-to-action.
2. Разработали адаптивный дизайн — mobile first, затем десктоп.
3. Верстка и сборка проекта: Next.js 15, Tailwind, SSR + динамика.
4. Подключили онлайн-оплату (по задаче — ЮKassa), Telegram-уведомления, и базовую аналитику.
5. Настроили VPS-хостинг с nginx, доменом и сертификатами HTTPS.
6. SEO-оптимизация: заголовки, ключи, структура.
7. Написали инструкцию по редактированию и передали исходники.
В работе использовали Git, Figma, PostgreSQL (для одной из форм), и OpenGraph-мета для соцсетей.
Проект был завершён за 7 рабочих дней. Клиент получил полностью готовый лендинг, развернутый на VPS — можно сразу запускать рекламу.
- Страница грузится за <1.3 сек, Lighthouse >95 баллов.
- Корректно отображается на всех устройствах.
- По просьбе — выдали договор и закрывающие документы.
- После запуска клиент получил первые заявки уже в первый день.
Клиент продолжает использовать сайт как основную посадочную страницу, в том числе в связке с рекламой в Яндекс.Директ и Instagram.