Разработка корпоративного сайта и учебного портала для"Института "Вега"

Заказчик«Институт «Вега» — совместный проект МГУ и банка ВТБ, направленный на поддержку и развитие в России школы финансовой математики, а также подготовку специалистов финансовой индустрииЗадачаСоздание мультиязычного проекта «под ключ» для размещения информации о Фонде, курсах и лекторах, разработка полноценного учебного портала и личного кабинета студента

Задача 

  • Создание мультиязычного проекта «под ключ» для размещения информации о Фонде, курсах и лекторах, а также для записи на занятия. 
  • Разработка полноценного учебного портала
  • Разработка личного кабинета студента 

Основные работы

  • Разработка проекта с нуля
  • Прототипирование
  • Проектирование UI/UX 
  • Мультиязычная версия (ru/en) 
  • Адаптивные версии 
  • Кроссбраузерность 
  • Верстка
  • Внедрение коробочного Битрикс24
  • Организация ведения проектов
  • Интеграция с CRM
  • Настройка сервера, DevOps
  • Функционал учебной части
  • Интерактивные карты и другие работы 

Решение

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

Проект построен на платформе Битрикс24 корпоративный портал, так как в перспективе планируется запуск учебного портала (личного кабинета) и интранет для проектной работы. Реализация проекта выполняется без кастомизаций штатных компонентов, с использованием Rest Api, что позволит в будущем оперативно проводить процедуру обновления платформы. В ходе работ подготовлены и настроены Битрикс-окружение и сервер. В результате сервис выдерживает высокие нагрузки и позволяет принять большой поток пользователей.

 44028c138d5bb09d6f7c5a8ccf597e8d.png

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

 f0a53e8bd02cfa0be2a14705ced42a33.png

7fe6dcfd3b85ac608de6ae492431b0a7.png

Для дополнительного удобства разработано три типа меню: в шапке при прокрутке экрана вниз, боковое меню при нажатии на кнопку в левом верхнем углу, третье меню расположено в футере. 

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

 6147026b363b828a5b250639f7df242a.png

Курсы проводятся на русском и английском языках, поэтому сервис необходимо было сделать мультиязычным, в связи с чем была разработана версия на английском. При этом контент отдельно контролируется для разных локаций. Если обязательные свойства (название, ФИО) не заполнены на одном из языков, их вывод будет происходить только в той локации, где информация внесена.

 4da421e7c4c46a9e19f3456d8245ada5.png

Так как пользователи, и особенно студенты, часто просматривают страницы на смартфоне, проект адаптирован под мобильные устройства и все виды браузеров. 

Заключение 

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

Перейти на сайт

Полный текст статьи читайте на CMS Magazine