Онлайн-школа рисования как захватывающий сериал: от идеи до разработки28.02.2018 18:06

Генеральный директор brand & digital-агентства PINKMAN Миша Розов и директор по развитию Сергей Орехов рассказали, как удалось сделать художественную онлайн-студию, обучение в которой не хочется бросать.

Этот проект мы выполнили для московской студии рисования Draw&Go, которая работает с 2015 года. Её миссия — устранять препятствия, мешающие творческому развитию. В 2017 году студия решила преодолеть последний барьер, расстояние, открыв онлайн-школу.

Потребительский инсайт

Мы изучили около 30 сайтов по теме обучения рисованию и опросили более 500 человек из числа студентов школы Draw&Go, чтобы выявить потребительский инсайт:

• Многое из того, что можно найти в сети, снято «на коленке», в неподходящих помещениях, без нормального света и звука. Это не вдохновляет.

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

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

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

Команда

Концепцию проекта Draw&GO Online мы создавали совместно с маркетинговым агентством Creatives, которое в 2015 году разработало бренд самой школы.

Основной задачей PINKMAN стала реализация этой концепции в digital. Мы создали удобный интерфейс для взаимодействия учеников с преподавателями и разработали CMS для управления сайтом.

Концепция

Мы постарались учесть всё, на что жаловались и о чём мечтали опрошенные нами студенты Draw&Go.

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

• Разумная нагрузка. Каждый видео-урок длится от 40 до 60 минут и состоит из отрезков (байт-сайзов) длиной 2–15 минут по главным темам. Полностью одно занятие занимает 2 часа: 1 час просмотр урока и 1 час практики.

• Качество контента. В основу видео-уроков Draw&Go Online лег курс известной художницы Виктории Кошелевой, а весь видео-контент создавался при участии режиссера и профессиональной съемочной команды.

• Система стоп-уроков. В каждом курсе 6 видео-уроков, после каждого из которых необходимо выполнить домашнее задание. Преподаватель проверит его в течение 24 часов и решит, можно ли идти дальше.

• Механизмы мотивации. На сайте школы Draw&Go Online можно не только учиться, но и выкладывать свои работы, получая лайки и комментарии. Есть возможность зарабатывать бонусные уроки или стать спонсором для ученика-инвалида.

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

Функционал сайта

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

• Новые лендинги не нужно рисовать с нуля, их можно быстро собрать в «админке» сайта благодаря разработанной нами CMS.

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

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

• Новостная лента сообщает обо всех важных событиях: сообщениях от куратора, комментариях в галерее, специальных условиях на приобретение нового курса.

Сайт онлайн-школы Draw&Go –

это настоящая социальная сеть для тех, кто учится рисовать. Тут кипит жизнь, и сюда хочется возвращаться.

У каждого ученика есть своя галерея для работ. Здесь человек шаг за шагом превращается в художника. А лайки и комментарии — это просто приятный бонус. Ну, вы понимаете…

Разработка

Платформу сайта мы разработали на популярном фреймворке Yii2, чтобы проект было легко поддерживать. Сайт хорошо работает с нестандартными шрифтами и дружит со всеми браузерами, включая IE 10.

Адаптивная версия

Онлайн-школа обязана быть адаптивной, ведь мы не знаем, где и когда студенты захотят пройти урок. Поэтому сайт отлично работает на всех мобильных устройствах.

Результаты

С момента запуска в декабре 2017 года курсы в онлайн-школе Draw&Go приобрели 53 человека. Занятия идут без сбоев.

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

Ещё раз кое-что поняли о природе творчества: подходящие условия — очень важная составляющая успешного обучения. Поэтому окружайте себя красотой — и вперёд!