Онлайн-освіта · Telegram-екосистема

Global China Code

Навчання закупівель з Китаю для аудиторії Марії Тищенко. Ми зібрали не сайт, а замкнену систему: лендинг з оплатою, навчальний застосунок у Telegram, двох ботів, власну адмінку з міні-CRM і автоматизацію Instagram. Від коментаря під постом до відкритого уроку клієнт проходить шлях без жодної ручної дії.

https://marryykuu.com.ua — відкрити сайт клієнта в новій вкладці

UI/UX дизайн
Веброзробка
Telegram Mini App
Telegram-боти
Автоматизація
CRM і аналітика

Отримайте безплатний аудит уже сьогодні Обговорити

Як досягли результату

Продажі без менеджера

Лендинг приймає оплату, ловить відповідь банку й сам відкриває доступ до навчання. Відкладене підтвердження від банку більше не тримає людину в очікуванні.

Навчання всередині Telegram

Замість платформи з паролями — застосунок у месенджері: уроки, прогрес, оцінки й калькулятор доставки. Вхід підтверджується підписом Telegram.

Керування без розробника

Уроки, тарифи, тексти бота й кодові слова для Instagram власник редагує в адмінці. Реліз для зміни контенту не потрібен.

Процес

Головні кроки, якими ми йшли:

1
Дизайн
- Прототип у Figma
- Дизайн-система на токенах
- Десктоп і мобільна версія
2
Лендинг
- Дванадцять секцій
- Власні анімації
- Юридичні сторінки
3
Оплата
- Інтеграція платіжки
- Оплата частинами
- Картки з-за кордону
4
Застосунок і боти
- Mini App з уроками
- Видача доступу за кодом
- Підтримка в боті
5
Автоматизація
- Міні-CRM
- Воронка й аналітика
- Кодові слова Instagram
6
Надійність
- Автотести перед релізом
- Сторожі в Telegram
- Щоденні бекапи

Що змінилось у механіці

Ліворуч — як це працювало до нас, праворуч — як працює тепер.

Було Стало

БулоБанк підтверджує оплату із затримкою — людина вже заплатила й чекає

СталоОплата запамʼятовується ще до переходу в банк, фонова звірка щохвилини сама видає доступ

БулоОдна відмова банку ховала замовлення назавжди

СталоРішення приймає останній статус, а не перший

БулоПосилання на урок працювало для всіх і не мало строку

СталоПосилання персональне, підписане, живе три години; плеєр сам його поновлює

БулоНезрозуміло, хто роздає доступ

СталоУ кадрі періодично спалахує ідентифікатор глядача; сигнал власнику, якщо один акаунт дивиться з чотирьох адрес за добу

БулоЗаявка з Instagram могла отримати два однакові автоповідомлення

СталоОдин відправник і сім запобіжників від дублювання

БулоЛюдина ввела телефон і пішла — слід зникав

СталоЧернетка зберігається, через 30 хвилин менеджеру приходить нагадування

БулоОплата пройшла, а доступу немає — дізнавалися від клієнта

СталоСторож перевіряє кожні 5 хвилин і сигналізує через 20 хвилин після оплати

БулоУчень купив і зник

СталоНагадування після трьох діб без відкриття, не більше двох разів на людину

Кольори

#E8610A Дія — усі CTA
#1B2B57 Navy — цифри
#951414 Штамп — китайський акцент
#F7F5F0 Крем — база
#14171F Ink
#5B6270 Grey

Типографіка

Montserrat Montserrat для тексту, Playfair Display для акцентів, Bebas Neue для крику заголовків. Оранж закріплений за дією, синій — за цифрами.

Вебдизайн

Лендинг з анімованим водяним знаком, митним штампом і кнопкою зі світловою змійкою; автокарусель аудиторій, картки-полароїди реальних закупівель з розрахунком економії, стрічка з восьми брендових пакунків і програма навчання. Далі — мобільна версія та екрани застосунку: бібліотека уроків, урок з методичкою й оцінюванням, модуль, калькулятор доставки з Китаю, розділ «Більше».