Онлайн-школа рисования как захватывающий сериал: от идеи до разработки
Поиск
Написать
Войти
Уведомлений пока нет
Пишите хорошие статьи, комментируйте,и здесь станет не так пусто
Генеральный директор 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 человека. Занятия идут без сбоев.
Мы в свою очередь приобрели бесценный опыт: создали вдохновляющую и цельную дизайн-систему, разработали сложный проект с огромным количеством внутренних связей.
Ещё раз кое-что поняли о природе творчества: подходящие условия — очень важная составляющая успешного обучения. Поэтому окружайте себя красотой — и вперёд!
{ «author_name»: «Сергей Орехов», «author_type»: «self», «tags»: [], «comments»: 2, «likes»: 16, «favorites»: 4, «is_advertisement»: false, «section_name»: «blog», «id»:»34000», «is_wide»:» }
Приложение-плацебо скачали
больше миллиона раз
на push-уведомления
[ { «id»: 1, «label»:»100%×150_Branding_desktop», «provider»: «adfox», «adaptive»: [ «desktop», «tablet» ], «auto_reload»: true, «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «ezfl» } } }, { «id»: 2, «label»:»1200×400», «provider»: «adfox», «adaptive»: [ «phone» ], «auto_reload»: true, «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «ezfn» } } }, { «id»: 3, «label»:»240×200 _ТГБ_desktop», «provider»: «adfox», «adaptive»: [ «desktop» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «fizc» } } }, { «id»: 4, «label»:»240×200_mobile», «provider»: «adfox», «adaptive»: [ «phone» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «flbq» } } }, { «id»: 5, «label»:»300×500_desktop», «provider»: «adfox», «adaptive»: [ «desktop» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «ezfk» } } }, { «id»: 6, «label»:»1180×250_Interpool_баннер над комментариями_Desktop», «provider»: «adfox», «adaptive»: [ «desktop», «tablet» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «h», «ps»: «bugf», «p2»: «ffyh» } } }, { «id»: 7, «label»: «Article Footer 100%_desktop_mobile», «provider»: «adfox», «adaptive»: [ «desktop», «tablet», «phone» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «fjxb» } } }, { «id»: 8, «label»: «Fullscreen Desktop», «provider»: «adfox», «adaptive»: [ «desktop», «tablet» ], «auto_reload»: true, «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «fjoh» } } }, { «id»: 9, «label»: «Fullscreen Mobile», «provider»: «adfox», «adaptive»: [ «phone» ], «auto_reload»: true, «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «bugf», «p2»: «fjog» } } }, { «id»: 10, «disable»: true, «label»: «Native Partner Desktop», «provider»: «adfox», «adaptive»: [ «desktop», «tablet» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «clmf», «p2»: «fmyb» } } }, { «id»: 11, «disable»: true, «label»: «Native Partner Mobile», «provider»: «adfox», «adaptive»: [ «phone» ], «adfox»: { «ownerId»: 228129, «params»: { «pp»: «g», «ps»: «clmf», «p2»: «fmyc» } } }, { «id»: 12, «label»: «Кнопка в шапке», «provider»: «adfox», «adaptive»: [ «desktop» ], «adfox»: { «ownerId»: 228129, «params»: { «p1»: «bscsh», «p2»: «fdhx» } } }, { «id»: 13, «label»: «DM InPage Video PartnerCode», «provider»: «adfox», «adaptive»: [ «desktop», «tablet», «phone» ], «adfox_method»: «create», «adfox»: { «ownerId»: 228129, «params»: { «pp»: «h», «ps»: «bugf», «p2»: «flvn» } } }, { «id»: 14, «label»: «Yandex context video banner», «provider»: «yandex», «yandex»: { «block_id»: «VI-223676–0», «render_to»: «inpage_VI-223676–0–158433683», «adfox_url»:»//ads.adfox.ru/228129/getCode? p1=bxbwd&p2=fpjw&puid1=&puid2=&puid3=&puid4=&puid8=&puid9=&puid21=&puid22=&puid31=&fmt=1&pr=» } }, { «id»: 15, «label»: «Плашка на главной», «provider»: «adfox», «adaptive»: [ «desktop», «tablet», «phone» ], «adfox»: { «ownerId»: 228129, «params»: { «p1»: «byudx», «p2»: «ftjf» } } }, { «id»: 16, «label»: «Кнопка в шапке мобайл», «provider»: «adfox», «adaptive»: [ «tablet», «phone» ], «adfox»: { «ownerId»: 228129, «params»: { «p1»: «byzqf», «p2»: «ftwx» } } } ]
© vc.ru
