Рассказываем о том, как мы обновили сайт масштабного образовательного проекта.

Задача:

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

Реализация:

От дизайна к программному функционалу.

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

/users_files/Yasmin/Workspace 1.jpg

Новая понятная структура сайта.

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

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

Все курсы мы разделили на категории:

  • “Для программистов” 
  • “Для пользователей” 
  • “Для школьников”

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

/users_files/Yasmin/Workspace 2.jpg

Личный кабинет для учеников.

Специально для тех, кто проходит курсы, мы создали раздел “Ученикам”, в котором можно войти в личный кабинет, скачать видеоматериалы и почитать интересные статьи в блоге. 

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

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

/users_files/Yasmin/Workspace 5.jpg

Обновленная схема курсов.

Одним из сложных этапов работы над проектом стало обновление существующей схемы курсов – схемы путей и последовательностей, по которым пользователи могут проходить данные курсы. В старой версии сайта эта схема была представлена в формате обычной картинки, которую при наличии изменений в составе курсов необходимо было полностью переделывать и заново загружать на сайт. Безусловно, это было неудобно и занимало много времени. 

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

/users_files/Yasmin/Workspace 3.jpg

Автоматизация выгрузки расписания.

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

/users_files/Yasmin/Workspace 4.jpg

Результат:

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