• Кейс
  • Сайт з нуля
  • Маркетинг і тексти
  • 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 і пройдіть шлях клієнта до запису на консультацію.