Разработка мобильного приложения для «Виртуальная Школа Сбербанка»

Виртуальная Школа Сбербанка

Книги, видео и аудио в одном приложении

Скачать:

AndroidiPhone
  • Золотое приложение 2018

    3 место в категории «Книги, музыка, видео»

  • Tagline Awards 2018

    Победитель народного голосования

Введение

35 000 специалистов со всей страны повышают квалификацию в «Корпора­тивном Университете Сбербанка». На портале «Виртуальная Школа» студенты получают удалённый доступ ко всем учебным материалам. Чтобы они могли учиться в любой точке мира в любое время, мы разработали мобильное приложение для iOS и Android.

Экран учебными материалами, доступными в приложении

Задача

База знаний Корпоративного Университета — это огромный архив, в котором хранится больше 300 единиц учебного контента: книги, видеолекции, аудиокниги, статьи и записи вебинаров. Нам нужно было объединить все форматы материалов в одном приложении.

Решение

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

Фрагмент взаимодействия основных разделов

Фрагмент взаимодействия основных разделов

Евгений Денисов
«Есть просто читалки, есть приложения для прослушивания аудиокниг и есть для просмотра видео. В «Виртуальной школе» мы объединили всё это. Получилась всеобъемлющая база знаний Сбербанка».
Евгений Денисов

Руководитель проектов, MobileUp

Книги всех времён и издательств

«Корпоративный Университет Сбербанка» имеет собственную коллекцию книг и сотрудничает с разными бизнес-издательствами: «Манн, Иванов и Фербер», «Альпина Паблишер», «Эксмо». Все они отдают книги в разных форматах с обложками разного размера. Нам нужно было унифицировать отображение всех книг, и мы использовали привычный формат: вертикальные обложки книг слева и небольшое описание справа. Никаких теней и подложек, всё чисто и аккуратно. Такой формат подходит для превью видео и аудио материалов. В качестве технического решения выбрали библиотеку Folio. Она оказалась самой стабильной и почти не требовала доработки.

Фрагмент коллекции книг приложения

Выбор интересующих разделов знаний

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

Фильтр в базе знаний приложения

Настройка удобных параметров чтения

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

Режимы чтения в приложении

Прослушивание книг на бегу

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

Проигрывание аудиокниги в приложении
Экран загрузки материалов в память телефона

Доступ к материалам офлайн

Чтобы слушать и читать книги, в самолёте или на пляже в Индонезии, когда нет интернета, можно заранее сохранить материалы на устройство.

Подборка актуальных материалов

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

Главный экран приложения
Филипп Фильченко
«Есть просто читалки, есть приложения для прослушивания аудиокниг и есть для просмотра видео. В „Виртуальной школе“ мы объединили всё это. Получилась всеобъемлющая база знаний Сбербанка».
Филипп Фильченко

Арт-директор, MobileUp

Индивидуальный учебный план

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

Экран Мастерской руководителя

Итог

«Виртуальная школа Сбербанка» — это образовательный проект, который не имеет аналогов в России. С его помощью студенты «Корпоративного университета» могут дистанционно проходить обучение. Проект постоянно совершенствуется и с 2012 года накопил большой архив материалов. Благодаря приложению теперь к ним можно получить доступ с любого устройства.

Награды

  • Золотое приложение 2018

    3 место в категории «Книги, музыка, видео»

  • Tagline Awards 2018

    Победитель народного голосования

Команда проекта

  • Руководитель проекта

    Евгений Денисов

  • Арт-директор

    Филипп Фильченко

  • Дизайн

    Дарья Коржанова

    Ильяс Гайфуллин

  • Системный архитектор

    Евгений Валеев

  • iOS-разработка

    Дмитрий Розов

    Илья Филинович

    Полина Демидова

    Илья Билтуев

  • Android-разработка

    Василий Чирвон

    Владимир Шедько

    Константин Куликов

  • Тестирование

    Александра Кочеткова

    Дарья Куркина

    Мария Орлова

    Илья Зеленский

  • Менеджер

    Александр Хорошевский

Скачать

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

Считайте QR-код с помошью камеры или перейдите по ссылке

Другие проекты в категории «Медиа»

Напишите нам
Написать нам в Telegram