Демо для отклика. Ниже — как устроен лендинг и что я сделаю за 3 дня.

План работ

Как я это сделаю

Одностраничный лендинг на английском: два экрана, запись на бесплатное пробное через WhatsApp и подсчёт каждого клика в Google Analytics.

Девочка собирает машинку из деталей конструктора

01 · из чего состоит

Схема

Страница

Чистые HTML, CSS и немного JS без конструктора и тяжёлых библиотек. Открывается за секунду на телефоне, правится в любом редакторе. Тот же код, что в демо, только с вашими материалами.

WhatsApp

Ссылка wa.me на номер школы с готовым текстом. Если родитель выбрал возраст, он попадает в сообщение.

Google Analytics 4

Событие whatsapp_click с кнопкой и возрастом. Можно через gtag или через Google Tag Manager — как вам удобнее.

Карта и хостинг

Встроенная Google Map и кнопка Get Directions. Хостинг: Netlify, Cloudflare Pages (бесплатно) или ваш. Подключу домен и HTTPS.

02 · путь заявки

Что происходит, когда родитель нажимает кнопку

  1. Родитель открывает сайт с телефонаИз рекламы, поиска или Instagram. Первый экран сразу говорит, что это, для какого возраста, где и что первое занятие бесплатно.
  2. Выбирает возраст ребёнкаНеобязательно, один тап. Возраст подставится в сообщение и уйдёт в аналитику.
  3. Жмёт «Book a FREE Trial Class»Кнопка есть в первом экране, в ценах, в контактах и закреплена внизу экрана на телефоне.
  4. В Google Analytics уходит событиеВидно, какая кнопка сработала, возраст и откуда пришёл родитель.
  5. Открывается WhatsApp с готовым текстом«Hi! I'd like to book a FREE trial robotics class for my 7-year-old. What times are available?» Родителю остаётся нажать «Отправить».
  6. Администратор отвечает временем пробногоЗаявка приходит туда, где школа уже общается с родителями. Ни форм, ни CRM настраивать не нужно.

03 · аналитика

Как считаются клики

  • whatsapp_click — главная цель, отмечу как ключевое событие (key event) в GA4.
  • phone_click и directions_click — звонок и маршрут, чтобы видеть все обращения.
  • Параметры cta_location и child_age заведу как пользовательские параметры: отчёт «какая кнопка и какой возраст» строится в пару кликов.
  • Проверка в DebugView: при сдаче покажу, что каждое нажатие доходит до GA4.
  • Через GTM — тот же dataLayer, триггер Custom Event. Маркетолог потом сам добавит пиксели рекламы без программиста.
  • Честное ограничение: WhatsApp не сообщает, отправил ли родитель сообщение. Клик — это намерение, заявки считает администратор.
dataLayer.push({
  event: "whatsapp_click",
  cta_location: "hero",      // hero · pricing_trial · contact · sticky_mobile …
  child_age: "7"             // или "not_set"
});

04 · что нужно от вас

Материалы

  • Название школы и логотип. Если логотипа нет, сделаю простой знак, как в демо.
  • Фото с занятий: можно с телефона, обрежу и сожму сам. Пока фото нет, стоят стоковые.
  • 3–4 преподавателя: фото, имя, 2–3 строки об опыте.
  • Цены после пробного, длительность занятия, размер группы.
  • Адрес, расписание, номер WhatsApp и телефон.
  • Доступ к GA4 или GTM. Если аккаунта нет, создам и передам вам права владельца.

05 · этапы

3 дня, 10 000 ₽

ДеньЧто получаетеСумма
День 1 Оба экрана свёрстаны на тестовом адресе
  • Первый экран: название, логотип, заголовок, оффер, кнопка WhatsApp, фото, адрес
  • Второй: программа, преподаватели, цены, карта, контакты
  • Ссылку на просмотр присылаю вечером
3 500 ₽
День 2 Ваши материалы и мобильная версия
  • Реальные фото, тексты, цены, адрес, номер
  • Проверка на телефонах от 360 px, закреплённая кнопка внизу
  • Готовые сообщения WhatsApp, карта и маршрут
  • Один круг правок по вашим замечаниям
3 500 ₽
День 3 Аналитика и запуск
  • GA4 или GTM, ключевое событие, проверка в DebugView
  • Скорость и SEO-основа: заголовки, описание, картинка для соцсетей
  • Публикация на вашем домене с HTTPS, передача доступов и кода
3 000 ₽
Итого10 000 ₽

После запуска 14 дней бесплатно исправляю всё, что работает не так, как договорились.

Посмотреть лендинг Другие работы