Сервис онлайн-образования для школьников
Задача:
Разработать удобный сервис для онлайн обучения с собственным уникальным фирменным стилем
Процесс
Мы очень любим заниматься стартапами. Так как наши компетенции и опыт позволяют направить любой проект в правильное и нужное русло. В этот раз нам посчастливилось поработать со стартапом в сфере образования.
Tichmi.io – это платформа онлайн образования (LMS), рассчитанная на удалённое обучение детей школьным предметам путём просмотра видео материалов. При этом для контроля за усвоением пройденного материала используется многоступенчатое тестирование. А результаты успеваемости проверяются как учителями, так и родителями.
При работе с данным проектом нам предстояло:
- Разработать общее техническое задание
- Создать прототипы
- Разработать архитектурное задание будущей системы
- Создать фирменный стиль бренда
- Разработать дизайн сайта
- Провести программную разработку и верстку веб-продукта
- Провести итоговое тестирование разработанной системы
Да, работы было много. Она была сложной, долгой и интересной. Но результат порадовал как нас, так и заказчика.
Дизайн
После проведения первоначальных исследований и тщательного мониторинга конкурентной среды, наши дизайнеры приступили к разработке гайдлайна. При этом мы внимательно отнеслись ко всем вариантам его использования: от цветовых и шрифтовых подборок для использования на веб-ресурсе, до создания рекламных, имиджевых материалов и мерча.
Функционал
Разобравшись с основными элементами дизайна, мы перешли к разработке Learning Management System.
По сути, мы решили разделить его на 2 составляющие:
- Основная страница – реализованная в виде лендинга, описывающего все возможности образовательного портала, его преимущества и стоимость обучения
- И, непосредственно, сам сервис обучения и контроля за успеваемостью школьника.
Для начала разберем основную страницу.
На первом скроле мы отобразили:
- основной логотип с объясняющим слоганом
- главное меню и контактные данные, с возможностью выбора языка системы
- и основные кнопки: входа, обратной связи, и кнопку призыва к бесплатному испытанию системы
В последующем ознакомили посетителя сайта с ценами, преимуществами, отзывами, и новостями сервиса:
Ну и, разумеется, постарались ответить на самые часто задаваемые вопросы. Оставив при этом возможность самым скрупулёзным возможность воспользоваться формой обратной связи:
Всё это внешняя сторона, или так называемая продающая страница обучающего сервиса или, как её ещё называют, Learning Management System Tichmi.io. Что же там внутри?
Для начала, хочется отметить, что сервис разделён на несколько уровней доступа:
- Ученик – позволяет выбирать, предметы и проходить обучение,
- Учитель – позволяет набирать учеников в свой класс и мониторить их успеваемость,
- Родитель – позволяет отслеживать успеваемость своего ребёнка,
- Контент менеджер – позволяет наполнять ресурс различными материалами,
- Администратор – позволяет полностью администрировать ресурс, включая права и роли других пользователей.
Мы расскажем вам о системе на базе личного кабинета ученика.
При входе в систему, ученик видит собственный рабочий стол. Именно тут он может начать обучение, проверить собственные знания, посмотреть ТОП 100 учеников, посмотреть свой рейтинг, и проанализировать собственные успехи:
В режиме анализ, ученик видит собственный прогресс и те навыки, которые он приобрёл:
В личном кабинете отображаются персональные данные и информация о платежах:
Само же обучение происходит в виде просмотра видео уроков, а контроль знаний в виде интуитивно понятного тестирования:
Таким образом весь функционал доступен абсолютно любому пользователю и специфических технических знаний для его использования не нужно.
Сервис реализован как на русском, так и на английском языках. При этом весь функционал может дополняться и изменяться в зависимости от потребностей клиента.
Кому подойдет веб-продукт?
Стек технологий:
- HTML5
- CSS3
- JS
- MySQL
- Git
- Laravel
- Vue js
- Nuxt
- MSSQL
- Redis
- Memcached
- Nginx
Команда:
- Менеджер проекта 1
- Дизайнер 2
- Бизнес-аналитик 1
- DevOps-инженер 1
- Frontend разработчик 2
- Backend разработчик 3
- Тестировщик 1
- Контент менеджер 1