Разработали гигантскую образовательную платформу за 1,5 года вместо 15 лет

Ну, всё почти так. Платформу-референс создавали 15 лет. А мы справились в 10 раз быстрее. Наша версия лайтовее, но всё равно очень и очень сложная.

Cedro — международная дизайн-студия. Создаём цифровые продукты и сервисы для web 3.0, недвижки и e-commerce. Среди клиентов — Сбер, Самолет, Skillbox, GeekBrains, Hochland и завод, который выкупил производство IKEA в России. Ведём телеграм-канал на приколе и развиваем своё реалити-шоу для молодых студий.

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

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

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

Что-то вроде Teachbase. Это такой продуманный до мелочей конструктор курсов, который, на секундочку, разрабатывали 15 лет.

У нас получилось чуть лайтовее, но только в сравнении с Teachbase. В остальном — это, возможно, самый большой наш проект. Для общего понимания: в финальном фигма-файле 214 секций. В каждой — от 2 до 20 макетов. Итого: там легко может быть больше 2000 макетов. Точно считать мы боимся.

А начиналось всё с того, что Венчур прислали нам тз в экселе со списком функционала на 132 строки…

Итого на проты ушло 6 спринтов. Сперва мы выделили MVP, чтобы проект зарелизился в понятные сроки.

Туда вошли флоу основных ролей: администратора, ученика и наставника. Мы протестировали проты на сотрудниках заказчика — и забрали утверждённые версии на дизайн.

Те самые 214 секций по 2–20 макетов в каждой — со всеми ховерами, валидациями и адаптивами под мобилку для ЛК ученика. Но начали мы с мудбордов. Всего было три варианта.

Минималистичный и сдержанный

В монохроме, с акцентом на основной функционал и микроанимациями для бесшовных переходов.

Модульный и структурированный

Такой, чтобы можно было переиспользовать блоки и разрабатывать проект быстрее. С округлой типографикой, парой акцентов и чёткой структурой. Этот вариант понравился клиенту больше других.

Яркий и динамичный

И был ещё визуально насыщенный вариант: со множеством акцентных цветов, 3D и выразительной типографикой.

Взяли за основу второй вариант — и пошли делать концепт, а потом и весь дизайн

Отрисовали все флоу с учётом протов, фирстиля Венчура и стилистики, которую выбрали на этапе с мудбордами.

Администратор

В ЛК администратора получилось 6 разделов. «Обучение» — самый большой. Тут можно создавать курсы и программы обучения.

Заливать обучающие материалы, например видео или презентацию. Планировать вебинары и другие мероприятия.

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

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

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

Время на прохождение материала тоже настраивается. Можно выбрать только дату старта. Установить дедлайн. Или — ограничить сотрудника во времени, например дать ему 30 дней с момента, когда он откроет первый раздел.

В тестах можно настроить количество попыток и баллов для зачёта. Определить, как открываются материалы: по порядку или всё сразу. И выбрать, как будет выглядеть сертификат об успешном прохождении курса.

Кроме обучения есть ещё раздел «Проверка заданий» — чтобы оценивать тесты сотрудников.

Раздел «Запланировано» — это по сути календарь. Там можно посмотреть, когда стартует курс или в какой день вебинар.

«Отчёты» — чтобы выгружать статистику по всей платформе, успеваемости отдельного сотрудника или целой команды, посещаемости, количеству материалов и вообще чему угодно.

В «Пользователях» администратор заводит учётки новых сотрудников, выдаёт им права и объединяет в группы, например «Команда разработки».

А в «Документы» падают все файлы, которые когда-либо загружали на платформу. Видео, презы и картинки. Это такое хранилище, где можно найти вообще всё.

Ученик

В ЛК ученика 4 раздела. «Обучение» — там лежат все курсы, программы и материалы, которые назначили на сотрудника.

В «Мероприятиях» и «Вебинарах» — офлайн и онлайн-события вроде лекций или интенсивов. А «Документы» полностью повторяет раздел из ЛК администратор — это просто хранилище всех файлов.

Наставник

Здесь те же разделы, что у администратора, но без «Обучения». Наставник не может создавать программы и курсы. Зато — проверяет тесты сотрудников.

Список тестов можно сортировать по сотрудникам или командам. А внутри теста — выставлять баллы, принимать или не принять работу и писать комментарии.

Всё это время он составлял тз для разрабов, чтобы те смогли заверстать и запрограммировать всю эту махину.

А ещё аналитик попутно смотрел похожие платформы и анализировал нашу. Тестировал разные флоу. И искал недостающие элементы и целые макеты.

Сейчас на проекте работают сразу 5 разрабов — два бэкендера и три фронтендера.

С вёрсткой уже почти всё — осталось протестировать. А на бэкенде написали API и интегрировали проект с срмкой заказчика — Битрикс24.

Двигаемся микрорелизами. Чтобы не пропадать на год, регулярно выкатываем для клиента новые версии платформы. Пользоваться ещё нельзя, зато можно следить, как идёт работа.

Когда релизнем MVP — в планах продолжить развивать продукт. Добавить геймификацию, расширить статистику и разработать функционал, который позволяет интегрировать в платформу сторонние курсы.

Плюс у Венчура пока нет конкретного плана, как ещё использовать платформу. Например, адаптировать её под другие компании в группе или вообще продавать сторонним покупателям.

Поэтому мы на всякий предусмотрели стилей, чтобы продукт можно было брендировать. А если платформу нужно будет заново интегрировать с другой Б24 — на это уйдёт максимум пара часов разработки.