Top.Mail.Ru
Кейс: Московские Школы Искусств – Мамкин Дизайнер

Кейс: Московские Школы Искусств

Мобильное приложение с элементами геймификации для Московских Школ Искусств. Мобильное приложение разрабатывалось на протяжении 10 дней на самом крупном хакатоне Европы «Лидеры Цифровой Трансформации».

Контекст

В Москве для детей открыто 151 творческое образовательное учреждение в ведении Департамента культуры города Москвы: детские школы искусств, колледжи и институт музыки.

Контингент учащихся составляет более 80 000 человек. На подготовительные группы дети поступают в московские школы искусств с 3 лет, завершают обучение по профессиональной подготовке в возрасте 20 лет.

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

Целевая аудитория

Учащиеся и абитуриенты Московских школ искусств, родители учащихся, заинтересованные в получении знаний об искусстве любой возрастной категории.

Задача

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

Цели

Цели, которые мы поставили для себя, исходя из требований технического задания:

  • Повышение вовлеченности учащихся и потенциальных учеников
  • Рост мотивации к поступлению и обучению в школах искусств
  • Предоставление образовательного контента по направлениям МШИ в одном приложении
  • Вовлечение в культурную среду города
  • Создание дополнительного канала для обратной связи с учениками за счет приложения, оповещение об анонсах и проведении мероприятий (например, дни открытых дверей и уроков), повышение имиджа школ искусств

Аналитика

Свою работу мы начали с аналитики и раскладывания всех сущностей будущего приложения на доске.

Конкуренты

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

Похожие решения — ЛЦТ 2023 @ NoTryCatch
Похожие решения

Геймификация

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

Макеты

Часть функционала мы успели реализовать в коде, а часть осталась в макетах. Вот что мы показали на защите решения.

Вход в приложение

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

Вход в приложение МШИ
Вход в приложение МШИ

Онбординг

Онбординг приложения рассказывает, как пользоваться приложением и поощряет пользователя дополнительными баллами.

Онбординг приложения МШИ
Онбординг приложения МШИ

Профориентация

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

Профориентация в приложении МШИ
Профориентация в приложении МШИ

Темная тема и сторис

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

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

Темная тема и истории в приложении МШИ
Темная тема и истории в приложении МШИ

Курсы

Раздел курсов, который объединен по направлениям и фильтруется по сложности, формату, ценовой категории и типу материала.

Курс состоит из урока, домашнего задания и чата с преподавателем. Скопировать курсы нельзя, мы реализовали защиту от скриншотов и скринкастов

Курс можно загрузить в оффлайн режиме, если впереди пользователя ожидает дорога без интернета.

Дополнительные курсы и материалы можно купить и разблокировать за баллы.

Лента новостей

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

Лента новостей в приложении МШИ
Лента новостей в приложении МШИ

Задания

Для повышения вовлеченности и заработка дополнительных баллов мы реализовали раздел Задания. Пользователь может выполнять обычные задания и задания дня, которые помогают зарабатывать в 2 раза больше баллов.

В заданиях есть вопросы вида: текст+текст, видео+аудио, музыка+интерактив, музыка+выбор картинки.

Задания в приложении МШИ
Задания в приложении МШИ

Карта школ

На карте школ пользователь может найти нужную школу по округам и районам. Так же пользователю доступен полнотекстовый поиск по школам.

Карта школ в приложении МШИ
Карта школ в приложении МШИ

Карта мероприятий

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

Карта мероприятий в приложении МШИ
Карта мероприятий в приложении МШИ

Личный кабинет

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

Пользователю доступен рейтинг среди друзей и всех пользователей приложения. Привлечение друзей в приложение доступен через API ВКонтакте и телефонную книгу.

Ачивки были сгенерированы через нейросеть Midjourney.

Управление контентом

В качестве административной панели мы взяли открытое решение Strapi, которое мы настроили под задачу с разными ролевыми моделями.

Управление контентом в приложении МШИ
Управление контентом в приложении МШИ

Защита решения

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

На защите мне быстро переключили слайд, от чего я немного растерялся, но достаточно быстро взял себя в руки. На защиту было предоставлено ровно 6 минут.

Награждение

Награждение происходило в кластере «Ломоносов» Московского Государственного Университета. Из 65 команд наша команда попала в шорт-лист, заняла 1 место в кейсе и выиграла 1 млн.рублей.

Команда

Мы уже несколько лет подряд участвуем командой «NoTryCatch» в подобного рода хакатонах. Ниже, вы можете найти наши красивые мордочки и целый выпуск подкаста о том, как мы ходим играть хакатоны.