Онлайн-образование · 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 для ярких заголовков. Оранжевый закреплён за действием, синий — за цифрами.

Веб-дизайн

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