Marker.School: как техническая поддержка изменила сайт — RocketDev

О проекте
Наш клиент — онлайн-школа рисования Marker.School. Преподаватели школы готовы помочь каждому раскрыть свой творческий потенциал и освоить новый навык — через индивидуальный подход и практику.
В онлайн-формате обучение строится вокруг платформы, и от ее стабильности зависит весь процесс. В творческой сфере это особенно критично — вдохновение не станет ждать, пока починят сервер. Надежная техническая поддержка делает онлайн‑обучение приятным и предсказуемым.




Используемые инструменты и технологии
JS-библиотека
Slick
Moment.js2.13.0
LazySizes
jQuery3.2.1

core-js3.8.3
Безопасность
Yandex SmartCaptcha
reCAPTCHA
DDoS-Guard


Ход работы
Перед командой стояла задача взять на сопровождение легаси‑проект. Веб‑сайт Marker.School существует давно, и запущен он был на определенном технологическом стеке, который со временем не обновлялся. Этот фактор оказывает значимое влияние на техническую поддержку ресурса — проект функционирует, но в нем накопились проблемы, которые мешают стабильной работе и развитию сайта.
В рамках технической поддержки наша команда сосредоточилась на стабилизации работы системы и расширении ее возможностей.
Старт: интерфейсы, платежи, коммуникация
На старте сотрудничества наша работа была направлена на улучшение ключевых точек взаимодействия пользователя с продуктом. Мы выполнили следующие задачи:
- изменили порядок расположения блоков в мобильной версии сайта;
- привели кнопки к единому стилю — настроили единый размер, цвет, шрифт;
- реализовали кнопку «Тест-драйв» и переработали, улучшили эту систему — она дает пользователю ознакомительный доступ к выбранному курсу.
Почему эти, казалось бы, небольшие задачи имеют огромное значение? Они напрямую влияют на ключевые метрики. Адаптация под мобильные устройства расширяет охват аудитории и снижает показатель отказов, стандартизация элементов интерфейса повышает конверсию за счет устранения путаницы, а функция тест‑драйва действует как эффективный триггер к покупке: возможность попробовать продукт увеличивает конверсию в продажи и сокращает цикл принятия решения.
Следующим шагом стало расширение платежного функционала. Мы проработали настройку тарифов и акций через панель администратора, внедрили фиксацию цены, добавили новые способы оплаты и рассрочку. Чем проще и удобнее платить — тем охотнее клиенты совершают покупки.


Чтобы не заставлять клиентов ждать и искать информацию, мы настроили автоматическую рассылку писем. После заказа и после активации курса пользователь тут же получает сообщение по единому шаблону — с нужными деталями и подсказками, что делать дальше.
Бонусная и реферальная системы
Бонусная система создавалась с нуля, и первым этапом стала разработка ТЗ. Работа велась совместно с клиентом — мы выяснили, как именно наш клиент видит работу этой системы. Мы проработали правила начисления и списания бонусов, условия активации, сценарии интеграции с корзиной и личным кабинетом.
Система поддерживает несколько сценариев начисления бонусов — все они интегрированы
с основными бизнес‑процессами сайта:
- бонус за покупку курса — процент от стоимости;
- мануальные бонусы — их администратор начисляет вручную за особые действия;
- акции с кешбэком.
Все необходимые значения можно настроить через админ-панель. После начисления пользователь получает email‑уведомление с указанием суммы бонусов и правилами их использования.
За каждого приглашенного друга, который купил курс по реферальной ссылке, пользователь получает кешбэк от суммы покупки. Механизм интегрирован с реферальной системой — данные о приглашённых пользователях и начислениях синхронизируются автоматически.


Личный кабинет был разработан как единый центр управления учетной записью. В нём доступны история списания и начисления бонусов, реферальные ссылки. Интерфейс получился интуитивно понятным, выполнена интеграция с бонусной и реферальной системами.
После реализации функционала мы провели комплексное тестирование — и продолжаем отслеживать его работу. Сейчас система работает стабильно, без сбоев.
В ходе работ мы внесли множество технических правок — в основном по тем точкам, в которых возникали сложности, сбои и ошибки, которые мешают пользователю. Наша главная цель — проработать техническую часть так, чтобы пользователи не сталкивались с серверными ошибками.




Итоги
В ходе работ акцент был сделан на улучшении существующего функционала и внедрении новых возможностей. В итоге:
- стабилизирована работа сайта: сокращено число пользовательских и серверных ошибок;
- расширен функционал за счет бонусной и реферальной систем, нового личного кабинета;
- улучшен пользовательский опыт;
- администраторам предоставлены удобные инструменты для управления новыми системами.
Пользователи Marker.School не замечают этих процессов — они просто учатся, рисуют и развиваются. Но именно благодаря незаметной, но постоянной работе техподдержки процесс обучения остается комфортным.
Расскажите нам о своих задачах — мы предложим варианты решения. Заполните бриф или напишите нам: info@rocketdev.pro
