vocal-samara.ru — сайт студии вокала

Минималистичный сайт с фокусом на личности преподавателя, блог на MDX и собственный генератор кампаний для Директ Коммандера.

Клиент: DarBlack

Заявок получено · график забит учениками

1 071 ₽

CAC · на платящего ученика

14,7×

LTV / CAC

Веб-разработкаБлог на MDXЯндекс ДиректГенератор кампаний для Коммандера

Содержание

1. Что было не так
2. Что решили и почему
3. Как делал
4. Стек проекта
5. Результат

Точка А

Что было не так

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

Продукт эмоциональный: человек выбирает не «услугу вокала», а педагога и атмосферу. Значит нужен не каталог, а сайт вокруг личности — с фотографиями, ценами и понятным первым шагом.

Отдельная задача — запуск рекламы. Собирать структуру кампании руками в интерфейсе долго и легко ошибиться.

Решение

Что решили и почему

Сделал сайт с фокусом на личность педагога: галереи с просмотром фотографий, прозрачные цены на пакеты занятий, простой путь к записи.

Блог на MDX для органического трафика — статьи по вокальным запросам, которые люди гуглят до того, как решились на занятия.

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

Соответствие 152-ФЗ: сайт собирает персональные данные, значит нужны чекбоксы согласия в формах, cookie-баннер и правовые страницы.

Инструмент сборки рекламной кампании. Написал скрипт, который генерирует файл импорта для Яндекс.Директ Коммандера — кампания, группы, фразы, объявления, быстрые ссылки, уточнения, минус-слова. Вместо ручного набора структуры в интерфейсе — готовый файл на импорт.

Процесс

Как делал

01
Разобрал, как студия получает учеников сейчас и почему сарафан не масштабируется.
02
Спроектировал сайт вокруг личности педагога, а не вокруг перечня услуг.
03
Собрал сайт на Next.js: галереи с лайтбоксами, страницы цен, блог на MDX.
04
Подключил уведомления о заявках в Telegram и аналитику.
05
Оформил соответствие 152-ФЗ: согласия, cookie-баннер, правовые страницы.
06
Написал генератор файла импорта для Директ Коммандера. Здесь была нетривиальная часть: формат — UTF-16 с BOM, разделитель табуляция, 72 колонки в строгом порядке, причём имена колонок в шапке дублируются — есть старый формат заголовков и новый комбинаторный. Из-за этой дубли маппинг по именам отправлял тексты не в те поля. Разобрался и переписал запись по позиции колонки, а не по имени. После этого импорт заработал корректно.
07
Задеплоил на российский хостинг. Отдельно чинил ошибку сборки, связанную со шрифтами, — на этой площадке она проявлялась иначе, чем локально.

Инструменты

Стек проекта

Next.js / React / TypeScript — сайт
MDX (next-mdx-remote + gray-matter) — блог со статьями из файлов
Лайтбоксы — просмотр фотогалерей
Telegram Bot API — мгновенные уведомления о заявках
Яндекс.Метрика — аналитика
Чекбоксы согласия, cookie-баннер, правовые страницы — соответствие 152-ФЗ
Python-генератор CSV для Директ Коммандера — сборка структуры кампании файлом
Российский хостинг — доступность для целевой аудитории

Результат

Сайт работает, студия получила канал привлечения учеников помимо сарафана.

Цифры рекламной кампании в Яндекс.Директе: расход 7 500 ₽, 1 128 кликов, 27 конверсий, цена конверсии 275 ₽, клик 28,60 ₽.

Юнит-экономика по абонементу на 4 занятия: CAC на платящего ученика ≈ 1 071 ₽, LTV ученика за цикл (в среднем 2,25 абонемента) ≈ 15 750 ₽, LTV / CAC ≈ 14,7×.

Заявки приходят в Telegram мгновенно.

Структура рекламной кампании собирается файлом, а не руками в интерфейсе.

Инструмент генерации кампаний переиспользован на других проектах.

Хотите похожий результат?

Напишите, что у вас сейчас делают руками — отвечу лично.

Написать→