• Главная / 
  • Кейсы / 

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

Превью кейса

О проекте

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

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

картинка для кейсакартинка для кейсакартинка для кейсакартинка для кейса

Используемые инструменты и технологии

JS-библиотека

JS-библиотека

Slick

Slick

Moment.js2.13.0

Moment.js2.13.0

LazySizes

LazySizes

jQuery3.2.1

jQuery3.2.1

core-js3.8.3

core-js3.8.3

Безопасность

Безопасность

Yandex SmartCaptcha

Yandex SmartCaptcha

reCAPTCHA

reCAPTCHA

DDoS-Guard

DDoS-Guard
картинка для кейсакартинка для кейса

Ход работы

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

В рамках технической поддержки наша команда сосредоточилась на стабилизации работы системы и расширении ее возможностей.

Старт: интерфейсы, платежи, коммуникация

На старте сотрудничества наша работа была направлена на улучшение ключевых точек взаимодействия пользователя с продуктом. Мы выполнили следующие задачи:

  • изменили порядок расположения блоков в мобильной версии сайта;
  • привели кнопки к единому стилю — настроили единый размер, цвет, шрифт;
  • реализовали кнопку «‎Тест-драйв»‎ и переработали, улучшили эту систему — она дает пользователю ознакомительный доступ к выбранному курсу. 

Почему эти, казалось бы, небольшие задачи имеют огромное значение? Они напрямую влияют на ключевые метрики. Адаптация под мобильные устройства расширяет охват аудитории и снижает показатель отказов, стандартизация элементов интерфейса повышает конверсию за счет устранения путаницы, а функция тест‑драйва действует как эффективный триггер к покупке: возможность попробовать продукт увеличивает конверсию в продажи и сокращает цикл принятия решения.

 

Следующим шагом стало расширение платежного функционала. Мы проработали настройку тарифов и акций через панель администратора, внедрили фиксацию цены, добавили новые способы оплаты и рассрочку. Чем проще и удобнее платить — тем охотнее клиенты совершают покупки. 

картинка для кейсакартинка для кейса

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

Бонусная и реферальная системы

Бонусная система создавалась с нуля, и первым этапом стала разработка ТЗ. Работа велась совместно с клиентом — мы выяснили, как именно наш клиент видит работу этой системы. Мы проработали правила начисления и списания бонусов, условия активации, сценарии интеграции с корзиной и личным кабинетом. 

Система поддерживает несколько сценариев начисления бонусов — все они интегрированы
с основными бизнес‑процессами сайта:

  • бонус за покупку курса — процент от стоимости;
  • мануальные бонусы — их администратор начисляет вручную за особые действия;
  • акции с кешбэком.

Все необходимые значения можно настроить через админ-панель. После начисления пользователь получает email‑уведомление с указанием суммы бонусов и правилами их использования. 

кстати

За каждого приглашенного друга, который купил курс по реферальной ссылке, пользователь получает кешбэк от суммы покупки. Механизм интегрирован с реферальной системой — данные о приглашённых пользователях и начислениях синхронизируются автоматически.

картинка для кейсакартинка для кейса

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

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

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

Илья

Илья

Backend-разработчик

картинка для кейсакартинка для кейсакартинка для кейсакартинка для кейса

Итоги

В ходе работ акцент был сделан на улучшении существующего функционала и внедрении новых возможностей. В итоге:

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

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

Расскажите нам о своих задачах — мы предложим варианты решения. Заполните бриф или напишите нам: info@rocketdev.pro