23 апреля

Дизайн мобильного приложения «Теремок-ТВ»

Мобильный развлекательный центр для крупнейшего российского агрегатора детского контента
Дизайн мобильного приложения «Теремок-ТВ»

«Теремок-ТВ» — один из крупнейших российских YouTube-каналов с огромным выбором мультфильмов для детей разных возрастов.

5 миллионов подписчиков

более 6 миллиардов просмотров

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

  • Увеличение вовлеченности пользователей
  • Увеличение возможностей по контакту и взаимодействию с аудиторией
  • Создание дополнительных инструментов монетизации аудитории
  • Аналитика аудитории

На начальном этапе «Теремок-ТВ» — это мобильные приложения для основных платформ — iOS и Android, в будущем — и для SmartTV.

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

Заказчик — компания XmediaDigital была основана в 2006 году и сейчас является сертифицированным агрегатором контента для YouTube, Google Play, iTunes, а также сама занимается производством детского контента. 

Зрители сети каналов компании XMD могут найти мультфильмы и детские шоу российского производства, такие как «Маша и медведь», «Фиксики», «Ам Ном», «Малышарики», «Герои Энвелла» и многие другие. Кроме того, на каналах представлены популярные иностранные мультсериалы такие как «Робокар Поли», «Тоботы», «Супер крылья Джет». Также на каналах опубликованы мультсериалы и сериалы собственного производства компании XMD — «Жила-была царевна», «Грузовичок Пик» и другие.

В марте 2017 года их детский канал GetMovies поставил мировой рекорд по подписчикам — 10 миллионов человек. На сегодня число подписчиков канала превышает 23 миллиона человек.

Традиционно начинаем с разработки креативных концепций

Клиенту было предложено три абсолютно разных варианта дизайна приложения, объединяет которые следующее:

  • Яркий и приятный дизайн, т. к. целевая аудитория приложения — это дети, в работе с которыми важно привлекать и удерживать их внимание.
  • Удобный и интуитивно понятный интерфейс для использования даже самыми маленькими детьми без помощи родителей.
  • Разработка не только видеоплеера, но и целой платформы для развития приложения в будущем.
Одно из главных отличий «Теремка-ТВ» от других детских приложений — четко определенная возрастная аудитория: контент собран для детей до 6 лет.

1-я концепция. Сундучок-теремок со сказками

Собрание мультфильмов и песен можно представить в виде волшебной шкатулки. 

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

2-я концепция. Сцена

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

Далее мы проходим к сцене и на экране видим мультфильм / сказку, в зрительном зале «сидят» герои других мультфильмов в выбранной категории. Мультфильмы перемежаются с персонажами, при нажатии на которых проигрывается анимация. Зал с видео скроллится бесконечно вниз. При закрытии приложения занавес захлопывается.

3-я концепция. Теремок

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

После детального обсуждения с заказчиком был выбран вариант «Сцена».

Совместно с клиентом было принято решение ограничить изменение ориентации приложения и сделать ее только горизонтальной.

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

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

Original Image
Modified Image

Также не забываем про важность интерактива, анимируем элементы дизайна.

В дизайне мы также использовали уже существующих персонажей с канала «Теремок-ТВ».

Принципы взаимодействия

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

Награды

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

Результат

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

На текущий момент приложение доступно в Apple Store и Google Play. Несмотря на то, что клиентом еще не проводились рекламные активности, приложение активно скачивают и используют.

10k+

установок на iOS-устройства

70k+

установок на Android

>15 мин

время удержания на сессию

По нашей оценке и внутренней статистике, дизайн приложения интуитивно понятен даже детям в возрасте от 1 до 3 лет. Кстати, по нашей же статистике, это самая активная аудитория в приложении.

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

Дмитрий Баканович,
менеджер продукта «Теремок-ТВ»

Скачайте приложение:


Дизайн мобильного приложения «Теремок-ТВ»
Стратегия:
UX стратегия
Аналитика
Дизайн-стратегия и арт-директура
UI / UX:
Иллюстрация / инфографика / иконки
Анимация
Проектирование и прототипирование мобильных приложений
Дизайн мобильных приложений
Motion-дизайн

Следующая запись

Разработка сайта регионального оператора связи