• Кейс
  • Сайт с нуля
  • Маркетинг и тексты
  • UI/UX
  • Разработка
  • SEO

Сайт маркетолога.

Сайт маркетолога с нуля. Сергей Матвиенко из Лондона ведёт блог @sermatviienko и продаёт персональные консультации по продвижению. Однако своего сайта у него не было: клиенты приходили только из Instagram и переписки в директе. Теперь лендинг доказывает экспертизу цифрами из блога, принимает заявки и готов к поиску в Google.

КлиентСергей Матвиенко, маркетолог, блог @sermatviienko
ЗадачаСделать с нуля сайт, который продаёт консультацию и собирает заявки
РольСтруктура, тексты, дизайн, разработка, заявки, SEO
СтекHTML, CSS, JavaScript, PHP, Google Apps Script
1главная цель: каждая кнопка ведёт к записи на консультацию
3цифры из блога клиента прямо на первом экране
6шагов консультации: клиент знает, что будет после заявки
2мягких входа для тех, кто ещё не готов к консультации
Было

Только блог в Instagram

Своего сайта у Сергея не было. Аудитория росла в Instagram, однако узнать формат консультации и записаться можно было только перепиской в директе.

×Нет одного места, где собраны услуга, цена и результаты
×Каждый вопрос «сколько стоит и как проходит?» — отдельная переписка
×Заявки теряются в сообщениях, базы контактов нет
×Сергея не найти в Google по имени и услуге
×Цифры блога видны только тем, кто уже подписан
Стало

Сайт маркетолога, который продаёт консультацию

1Один офферпервый экран и все кнопки ведут к консультации
2Цифры вместо слов3М просмотров, 7000+ заявок, рост профиля ×22
3Reels на страницеролики играют прямо на сайте, без перехода в Instagram
4Понятный процесс6 шагов от брифа до контрольного созвона
5Формат работычто разберут на консультации и кому она подойдёт
6Заявки и SEOформы пишут в Google Таблицу, страница готова к поиску
01Структура

Путь от «кто это?» до заявки

Консультацию не покупают с первого взгляда. Сначала человеку нужно понять, кто перед ним. Затем увидеть результат и узнать, как проходит работа. Поэтому блоки идут именно в этом порядке, а кнопка записи всегда под рукой в липкой панели.

ВНИМАНИЕКто это
  • Первый экраноффер и 3 цифры из блога
ИНТЕРЕСЭто работает?
  • Результатыцифры и 3 воронки
  • Reelsсамые популярные ролики
РЕШЕНИЕПодходит ли мне
  • Кому подойдётфрилансер, эксперт, бизнес
  • Формат работычто разберём
  • 6 шаговот брифа до результата
ДОВЕРИЕПочему он
  • Что входитбриф, созвон, стратегия
  • Обо мнеопыт и методология
ДЕЙСТВИЕЗаписаться
  • Форма консультацииудобный способ связи
  • Не готовы?материалы и клуб
02Результаты

Доказательство на своём блоге

Маркетологу верят, когда видят его цифры. Поэтому я собрал их из блога и воронок Сергея и показал наглядно: сколько заявок собрала каждая воронка и сколько из них купили. Кроме того, ролики можно включить прямо здесь.

sermatviienko.pp.ua · результатыживой сайт, можно нажимать
3 079заявок через 3 воронки

Каждая воронка показана отдельно: заявки, продажи и процент конверсии в кольце.

!Честная оговорка

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

▶Reels без перехода

Ролики подгружаются из Instagram и включаются со звуком по нажатию, человек не уходит со страницы.

03Процесс

Шесть шагов от заявки до результата

Клиент заранее видит, что будет после заявки: бриф, аудит, созвон в Zoom, стратегия и контрольный созвон через месяц. Таким образом, уходит главный страх — получить общие советы вместо разбора своего проекта.

sermatviienko.pp.ua · как проходит консультацияживой сайт, можно нажимать
6шагов работы

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

01Бриф до созвона

Работа начинается с анализа проекта, поэтому на созвоне не тратится время на общие вопросы.

3типа клиентов

Фрилансер, эксперт и бизнес: посетитель сразу видит, что консультация про него.

04Заявки

Заявка за десять секунд

Раньше записаться можно было только перепиской в директе. Теперь есть короткая форма: имя и удобный способ связи. В итоге заявка сохраняется в Google Таблицу, где Сергей видит все обращения в одном месте.

Клиент сам выбирает, где ему ответить: Telegram, WhatsApp, телефон или почта
Отдельная форма для бесплатных материалов собирает базу тёплых контактов
Липкая панель внизу экрана: записаться можно из любого места страницы
05Запасной путь

Для тех, кто пока не готов

Большинство посетителей не купят консультацию в первый визит. Поэтому в конце страницы есть два мягких входа: бесплатные материалы и клуб Сергея стали ступеньками к консультации.

sermatviienko.pp.ua · ещё полезноеживой сайт, можно нажимать
5Материалов за контакт

Пять материалов по продажам в обмен на имя, телефон и почту.

TGЗакрытый клуб

Вступление через Telegram. Отсюда проще дойти до консультации.

↓Тёплая база

Контакты из формы материалов уходят через тот же скрипт, что и заявки, и не теряются.

06Разработка

Лёгкий сайт маркетолога без CMS

Это одна статичная страница без конструкторов и подписок. Поэтому она быстро грузится на мобильном, а ролики и формы работают через небольшие серверные скрипты.

СТРАНИЦАЛендинг

Адаптивная вёрстка, анимации появления, липкая панель и модальные окна форм.

  • HTML
  • CSS
  • JS
REELSInstagram

Ролики подгружаются через свой PHP-скрипт и играют прямо на странице.

  • ig.php
ФОРМЫ2 формы

Консультация и бесплатные материалы, проверка полей перед отправкой.

  • консультация
  • материалы
ЗАЯВКИGoogle Таблица

Заявки уходят в таблицу через Google Apps Script, без платных сервисов.

  • Apps Script
  • Sheets
07Живой проект

Посмотреть сайт маркетолога

Откройте лендинг, включите Reels и пройдите путь клиента до записи на консультацию.