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

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

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

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

Филипп Фильченко
Арт-директор, MobileUp
«Когда мы начали работать над приложением, только вышла iOS 11. Это было что-то новое, свежее в визуальном мире интерфейсов. Мы увидели некоторую схожесть «Виртуальной школы» и App Store. И то и другое – хранилище данных, и здесь должна быть подборка контента с красивыми обложками. Вдохновившись стором, мы сделали акцент на заголовках и крупных превью».
Индивидуальный учебный план
«Корпоративный Университет Сбербанка» обучает руководителей, представителей органов исполнительной власти и компаний-партнёров по разным программам. Они отличаются целями, предметами, преподавателями. В разделе «Мои программы» студент получает всю информацию по своей учёбе: длительность обучения, контакты преподавателей и даже отзывы выпускников.
Приложение Первый канал
«Виртуальная школа Сбербанка» – это образовательный проект, который не имеет аналогов в России. С его помощью студенты «Корпоративного университета» могут дистанционно проходить обучение. Проект постоянно совершенствуется и с 2012 года накопил большой архив материалов. Благодаря приложению теперь к ним можно получить доступ с любого устройства.
9 февраля 2018
Команда проекта
Руководители проекта
Евгений Денисов

Арт-директор
Филипп Фильченко

Системный архитектор
Евгений Валеев

iOS-разработка
Дмитрий Розов
Илья Филинович
Полина Демидова
Илья Билтуев

Менеджер по работе
с клиентами

Александр Хорошевский
Android-разработка
Василий Чирвон
Владимир Шедько
Константин Куликов

Дизайн
Дарья Коржанова
Ильяс Гайфуллин
Тестирование
Александра Кочеткова
Дарья Куркина
Мария Орлова
Илья Зеленский
Другие работы