Стандартный Moodle — не ваш стиль

Входите в Moodle-портал. Слева — стандартное меню, сверху — синяя полоса, курсы серыми иконками. Так выглядит 90% учебных порталов. Сотрудники вздыхают: «Опять эта скучная система». HR жалуется на низкую вовлечённость. А причина простая — интерфейс не транслирует ДНК компании.

Moodle — мощная LMS, мы работаем с ней с 2014 года. Но из коробки она выглядит как конструктор без декора. Корпоративные цвета, логотип, внятная навигация — этого нет в базовой поставке. И пока интерфейс не заговорит на языке компании, пользователи будут воспринимать LMS как повинность, а не как рабочий инструмент.

Мы прошли этот путь с десятками компаний — от ВТБ до Аэрофлота — и знаем: кастомизация темы окупается в первый же месяц после запуска. Только вдумайтесь: доработка интерфейса даёт прирост завершаемости курсов на 30–40% и сокращает количество обращений в техподдержку по навигации на 70%.

Что мы меняем в дизайне Moodle

Кастомизация темы Moodle — это не «натянуть шапку с логотипом». Это полноценная адаптация интерфейса под корпоративный стиль, бизнес-процессы и сценарии пользователей. В каждом проекте мы начинаем с аудита: смотрим, как выглядит портал сейчас, собираем брендбук, выявляем точки боли.

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

Типографика
Фирменные шрифты, читаемые размеры, правильные отступы. Текст перестаёт сливаться в кашу, акценты расставлены.

Главная страница
Дашборд, который адаптируется под роль. Студент видит свои курсы и дедлайны, преподаватель — группы и отчёты, администратор — системные метрики.

Навигация
Упрощённое меню, поиск, фильтры категорий. В одном проекте мы убрали всё лишнее с главной и оставили три кнопки — «Мои курсы», «Обязательное обучение», «Мои сертификаты». Время на поиск курса сократилось с 2–3 минут до 15 секунд.

Карточки курсов
Обложки, прогресс, сроки — всё на видном месте. Пользователь видит, что делать, не проваливаясь внутрь каждого курса.

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

Любую доработку мы делаем через approved API Moodle — не лазаем в ядро. Обновления системы не ломают дизайн.

Как мы это делаем — от аудита до запуска

Процесс отстроен за 10 лет проектов: мы не экспериментируем на клиенте, а работаем по проверенной схеме.

1. Аудит
Смотрим текущий портал, собираем брендбук, опрашиваем ключевых пользователей. Выявляем, что раздражает, что непонятно, чего не хватает.

2. Прототип
Рисуем макеты главной страницы и ключевых разделов. Согласовываем с вами до старта разработки — никаких сюрпризов.

3. Разработка
Пишем дочернюю тему на основе Boost (стандартная тема Moodle 4.x): CSS/LESS, шаблоны Mustache, JavaScript. Всё собирается в плагин темы.

4. Тестирование
Проверяем на всех устройствах, всех браузерах, всех ролях. Если что-то едет — правим до запуска.

5. Запуск
Устанавливаем тему на продуктив. Смена темы занимает минуту — никаких простоев. Если что-то пошло не так — откат за секунду.

Что бизнес получает от кастомного дизайна

Рост вовлечённости
Привычный интерфейс без лишних кнопок — пользователь не теряется, доходит до конца курса. По нашим данным, завершаемость вырастает на 30–40%.

Узнаваемость
LMS становится частью экосистемы компании. Снижается порог входа — особенно для технически неподготовленных сотрудников.

Скорость работы
Оптимизированные карточки, кэширование, лёгкая анимация — страницы грузятся быстрее. Для сотрудников «в полях» это критично.

Снижение нагрузки на поддержку
Удобная навигация — меньше вопросов «где найти курс?». Тикетов становится на 50–60% меньше. Подробнее о сопровождении — на странице технической поддержки Moodle.

Единый стандарт
Несколько подразделений — разные курсы, но один дизайн. Без разнобоя, без «лоскутного одеяла».

Примеры из наших проектов

Для федерального ритейлера (3 000+ сотрудников)

Внедряли Moodle для массового обучения продавцов и кассиров. Пользователи — люди разного возраста, многие без опыта работы с LMS. Стандартный интерфейс вызывал отторжение: «слишком сложно», «куда нажимать».

Мы разработали кастомную тему с упрощённой навигацией, крупными карточками, цветовым кодированием статусов. Главная — три кнопки: «Мои курсы», «Обязательное обучение», «Мои сертификаты». Всё остальное убрали.

Результат: доля завершивших первый курс выросла с 40% до 85%. Количество обращений в поддержку по навигации сократилось на 70%. Время на поиск курса — с 2–3 минут до 15 секунд. Другие кейсы — в разделе наших проектов.

Для телеком-компании (1 500+ сотрудников)

Задача — объединить учебные порталы трёх подразделений в единую LMS. Каждое хотело сохранить элементы своего визуального стиля. Мы сделали кастомную тему с мульти-брендингом: в зависимости от категории курсов и роли подключался свой набор CSS-переменных — цвета, шрифты, логотип. Единая платформа с разными «лицами».

Результат: экономия на содержании трёх отдельных систем — 1,2 млн руб./год. Время вывода нового курса сократилось с 3 дней до 4 часов. Вовлечённость выросла на 35% за первый квартал после запуска.

А если вам нужно не просто сменить дизайн, а кардинально переработать функционал — мы разрабатываем индивидуальные LMS на Moodle под ключ.

Почему мы это знаем

Мы занимаемся Moodle с 2014 года. За плечами — десятки проектов, от пилотов на 200 человек до корпоративных университетов на десятки тысяч сотрудников. ВТБ — с высочайшими требованиями к безопасности, Аэрофлот — с авиационной спецификой, АТОЛ, Teboil, «Азбука Вкуса» — с разными масштабами и бизнес-процессами.

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