Шаблоны «Виртуальной школы» Корпоративного университета Сбербанка
У Сбербанка есть Корпоративный университет — образовательная система, созданная для сотрудников банка. Это настоящий университет со своим кампусом: там более сотни учебных программ, лекции читают преподаватели из лучших бизнес-школ мира, проводятся экзамены и защищаются проекты.
«Виртуальная школа» — дистанционный портал этого университета. На сайте много материалов: обширная онлайн-библиотека деловой литературы, электронные курсы, статьи, видео, подкасты и подборки.
Мы задизайнили новый интерфейс сайта, все упростили, систематизировали и навели порядок в структуре.
Главное — на главную
На главной странице собраны свежие анонсы, программы, которые проходит студент, и учебные материалы. Никаких личных кабинетов, все на виду! Студенту не нужно вспоминать, где он остановился в прошлый раз — на карточке программы уже все написано.
Для тех, кто попал в школу впервые и не знает, с чего начать, подобраны персональные рекомендации.
База знаний. Невероятно наглядная
На сайте хранится огромное количество пособий. Книги, журналы, статьи, видео, подкасты! Мы их внимательно изучили, придумали стройную классификацию и задизайнили внешний вид. Теперь сразу понятно, где книга, где подкаст, а где интерактив.
Чтобы вдохновить студентов учиться по материалам разных типов, все карточки отображаются вместе. Но отсортировать и отфильтровать нужный формат — дело одного клика.

Популярные материалы собраны и отображаются вместе. Полезно для саморазвития и помогает установить хорошие отношения с коллегами.
— Смотрел в «Виртуальной школе» лекцию Шоула? Как тебе?

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




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






Макеты внутренних страниц
Для разных типов внутренних страниц задизайнены умные макеты. Уроки, мастерские, тесты, тренинги, аттестации — все одинаково удобно изучать и проходить.
Адаптив и гайдлайн
Сайт адаптируется к любым устройствам. Удобно решать тесты в пробке или смотреть лекцию в самолете.
Все используемые в дизайне элементы собраны и заверстаны в подробном гайдлайне.



















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