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

Книги, видео и аудио в одном приложении
Скачать:
Золотое приложение 2018
3 место в категории «Книги, музыка, видео»
Tagline Awards 2018
Победитель народного голосования

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

Книги, видео и аудио в одном приложении
Скачать:
Золотое приложение 2018
3 место в категории «Книги, музыка, видео»
Tagline Awards 2018
Победитель народного голосования
35 000 специалистов со всей страны повышают квалификацию в «Корпора­тивном Университете Сбербанка». На портале «Виртуальная Школа» студенты получают удалённый доступ ко всем учебным материалам. Чтобы они могли учиться в любой точке мира в любое время, мы разработали мобильное приложение для iOS и Android.
35 000 специалистов со всей страны повышают квалификацию в «Корпоративном Университете Сбербанка». На портале «Виртуальная Школа» студенты получают удалённый доступ ко всем учебным материалам. Чтобы они могли учиться в любой точке мира в любое время, мы разработали мобильное приложение для iOS и Android.
Задача
База знаний Корпоративного Университета – это огромный архив, в котором хранится больше 300 единиц учебного контента: книги, видеолекции, аудиокниги, статьи и записи вебинаров. Нам нужно было объединить все форматы материалов в одном приложении.
Задача
База знаний Корпоративного Университета – это огромный архив, в котором хранится больше 300 единиц учебного контента: книги, видеолекции, аудиокниги, статьи и записи вебинаров. Нам нужно было объединить все форматы материалов в одном приложении.
Решение
Мы разобрались в форматах книг, видео, аудио. Поняли, как построить взаимодействие пользователей с контентом и где могут возникнуть сложности. Перепробовали разные способы отображения материала, протестировали десятки технических решений, подобрали подходящие варианты и разработали приложения для обеих платформ, в котором можно читать, слушать и смотреть учебный контент.
Решение
Мы разобрались в форматах книг, видео, аудио. Поняли, как построить взаимодействие пользователей с контентом и где могут возникнуть сложности. Перепробовали разные способы отображения материала, протестировали десятки технических решений, подобрали подходящие варианты и разработали приложения для обеих платформ, в котором можно читать, слушать и смотреть учебный контент.
Фрагмент взаимодействия основных разделов
«Есть просто читалки, есть приложения для прослушивания аудиокниг и есть для просмотра видео. В «Виртуальной школе» мы объединили всё это. Получилась всеобъемлющая база знаний Сбербанка».
Евгений Денисов
Руководитель проектов, MobileUp
Книги всех времён
и издательств
«Корпоративный Университет Сбербанка» имеет собственную коллекцию книг и сотрудничает с разными бизнес-издательствами: «Манн, Иванов и Фербер», «Альпина Паблишер», «Эксмо». Все они отдают книги в разных форматах с обложками разного размера. Нам нужно было унифицировать отображение всех книг, и мы использовали привычный формат: вертикальные обложки книг слева и небольшое описание справа. Никаких теней и подложек, всё чисто и аккуратно. Такой формат подходит для превью видео и аудио материалов. В качестве технического решения выбрали библиотеку Folio. Она оказалась самой стабильной и почти не требовала доработки.
Книги всех времён и издательств
«Корпоративный Университет Сбербанка» имеет собственную коллекцию книг и сотрудничает с разными бизнес-издательствами: «Манн, Иванов и Фербер», «Альпина Паблишер», «Эксмо». Все они отдают книги в разных форматах с обложками разного размера. Нам нужно было унифицировать отображение всех книг, и мы использовали привычный формат: вертикальные обложки книг слева и небольшое описание справа. Никаких теней и подложек, всё чисто и аккуратно. Такой формат подходит для превью видео и аудио материалов. В качестве технического решения выбрали библиотеку Folio. Она оказалась самой стабильной и почти не требовала доработки.
Выбор интересующих разделов знаний
Учиться легко, когда есть вся информация по нужной теме. Чтобы выбрать тему и тип материалов в приложении можно использовать фильтрацию. Например, смотреть все лекции спикеров по теме Agile. Выбранные параметры лаконично отображаются в формате тэгов.
Выбор интересующих разделов знаний
Учиться легко, когда есть вся информация по нужной теме. Чтобы выбрать тему и тип материалов в приложении можно использовать фильтрацию. Например, смотреть все лекции спикеров по теме Agile. Выбранные параметры лаконично отображаются в формате тэгов.
приложение tutu.ru
Настройка удобных параметров чтения
В приложении можно настроить параметры чтения. Как в любой хорошей читалке, здесь меняется размер и цвет шрифта, можно поставить дневной или ночной режим, в любой момент перейти к оглавлению книги, чтобы выбрать нужную тему.
Настройка удобных параметров чтения
В приложении можно настроить параметры чтения. Как в любой хорошей читалке, здесь меняется размер и цвет шрифта, можно поставить дневной или ночной режим, в любой момент перейти к оглавлению книги, чтобы выбрать нужную тему.
интерфейс tutu.ru
Прослушивание книг на бегу
Часть материалов «Виртуальной школы» имеет аудио-версии. Если вы достаточно мультизадачны, можно одновременно заниматься спортом, готовить или сидеть в соцсетях и прослушивать аудиозапись по учёбе.
Доступ к материалам офлайн
Чтобы слушать и читать книги, в самолёте или на пляже в Индонезии, когда нет интернета, можно заранее сохранить материалы на устройство.
Подборка актуальных материалов
Пользователь сразу получает то, за чем пришёл. На главном экране мы сделали акцент на актуальных материалах: недавно просмотренных и сохранённых. Укрупнённые обложки книг и заголовки привлекают внимание и выглядят стильно.
Подборка актуальных материалов
Пользователь сразу получает то, за чем пришёл. На главном экране мы сделали акцент на актуальных материалах: недавно просмотренных и сохранённых. Укрупнённые обложки книг и заголовки привлекают внимание и выглядят стильно.
«Когда мы начали работать над приложением, только вышла iOS 11. Это было что-то новое, свежее в визуальном мире интерфейсов. Мы увидели некоторую схожесть «Виртуальной школы» и App Store. И то и другое – хранилище данных, и здесь должна быть подборка контента с красивыми обложками. Вдохновившись стором, мы сделали акцент на заголовках и крупных превью».
Филипп Фильченко
Арт-директор, MobileUp
Индивидуальный учебный план
«Корпоративный Университет Сбербанка» обучает руководителей, представителей органов исполнительной власти и компаний-партнёров по разным программам. Они отличаются целями, предметами, преподавателями. В разделе «Мои программы» студент получает всю информацию по своей учёбе: длительность обучения, контакты преподавателей и даже отзывы выпускников.
Итог
«Виртуальная школа Сбербанка» – это образовательный проект, который не имеет аналогов в России. С его помощью студенты «Корпоративного университета» могут дистанционно проходить обучение. Проект постоянно совершенствуется и с 2012 года накопил большой архив материалов. Благодаря приложению теперь к ним можно получить доступ с любого устройства.
Итог
«Виртуальная школа Сбербанка» – это образовательный проект, который не имеет аналогов в России. С его помощью студенты «Корпоративного университета» могут дистанционно проходить обучение. Проект постоянно совершенствуется и с 2012 года накопил большой архив материалов. Благодаря приложению теперь к ним можно получить доступ с любого устройства.
Награды
Золотое приложение 2018
3 место в категории «Книги, музыка, видео»
Tagline Awards 2018
Победитель народного голосования
Команда проекта
Руководитель проекта
Евгений Денисов
Арт-директор
Филипп Фильченко
Дизайн
Дарья Коржанова
Ильяс Гайфуллин
Системный архитектор
Евгений Валеев
iOS-разработка
Дмитрий Розов
Илья Филинович
Полина Демидова
Илья Билтуев
Android-разработка
Василий Чирвон
Владимир Шедько
Константин Куликов
Тестирование
Александра Кочеткова
Дарья Куркина
Мария Орлова
Илья Зеленский
Менеджер
Александр Хорошевский
Скачать
Считайте QR-код с помошью камеры или перейдите по ссылке
Android
iOS
Скачать приложение
iOS
Другие проекты в категории «Медиа»
Другие проекты в категории «Медиа»
Слепые и слабовидящие могут наслаждаться театром с помощью этого приложения
Официальное приложение канала, в котором даже рекламу приятно смотреть
Игровое приложение для промо-кампании популярной компьютерной игры
Есть проект? Супер!