Детский технопарк “Наукоград”
Разработка сайта
Детский технопарк «Наукоград» МФЮА и МАСИ — это уникальная площадка для обучения детей и подростков. В нём представлены все современные направления науки и техники, по которым дети могут получить дополнительное образование: робототехника, IT-технологии, дизайн, VR, промышленный дизайн и многие другие.
«Наукоград» входит в сеть детских образовательных учреждений, курируемых Департаментом предпринимательства и инновационного развития города Москвы.
Заказчик обратился к нам с задачей создать современный, функциональный сайт детского технопарка «Наукоград». Учитывая предыдущий пользовательский опыт и работу заказчика с ресурсом, новый сайт «Наукограда» должен решать следующие подзадачи:
- Предоставить пользователям понятную информацию о образовательных курсах, мероприятиях и возможностях технопарка.
- Увеличить посещаемость «Наукограда».
- Обеспечить структурированное хранение информации и возможность быстрого обновления контента.
На этапе проектирования мы проанализировали текущую структуру сайта и изменили ее так, чтобы было максимально удобно для пользователя. На базе новой структуры, брендбука и референсов от заказчика мы разработали дизайн-концепцию сайта. Достаточно быстро согласовали ее и начали собирать остальные страницы.
На предыдущей версии сайта курсы были представлены общим списком с неудобным фильтром. У каждого курса была отдельная страница с подробным описанием, но она оказалась ненужной и бесполезной, так как содержимого там не было.
Мы переработали этот раздел: добавили переключатель между филиалами и разделили курсы по направлениям (архитектура, робототехника, программирование и т.д.). Теперь курсы отображаются в виде плиток, на которых указаны краткое описание, возрастные ограничения, количество часов, сроки и стоимость обучения. Также добавили кнопку для записи на выбранный курс. Благодаря этому детальные страницы курсов стали не нужны, и мы их убрали. После основного курса отображается блок «Похожие курсы».
Раздел в прежней версии сайта состоял из 9 пунктов выпадающего меню, что было крайне неудобно с точки зрения поиска информации и навигации. Для реализации этого блока мы использовали приём Bento Grid. Каждый элемент интерфейса представляет собой отдельный модуль, который можно использовать повторно и независимо от других. Модули можно легко перемещать, изменять их размеры и конфигурации, что позволяет адаптировать интерфейс под разные нужды заказчика.
В результате у нас получился компактный блок, который мы разместили на главной странице и представили всю необходимую информацию.
«Мой класс» — это специализированная CRM для школ и детских центров, используемая нашим заказчиком. Мы настроили интеграцию с CRM на сайте, чтобы отображать актуальное расписание курсов и занятий через виджет. Также настроили автоматическую передачу заявок с форм записи на курсы в CRM.
В результате разработки новой версии сайта мы оптимизировали структуру, улучшили навигацию, разработали яркий, современный дизайн.
С момента запуска нового сайта по данным Яндекс.Метрики уже сейчас можно сделать вывод, что количество отказов сократилось в 2 раза, а проведенное время пользователей на сайте выросло в 3 раза.
- Тихон Антонов
- Марк Новак
- Денис Соколов
- Ирина Пушкарева
- Роман Бызов
- Полина Махмутова
Хотите также?
Еще
Читайте нас ВКонтакте
Рассказываем про интересные кейсы, делимся инсайтами и открытиями
NDA
Разработка сервиса по активации виртуальных банковских карт
NDA
Разработка интернет-магазина фанеры, ДВП и топливных брикет
NDA
Интеграция государственного портала с ЕСИА и настройка ЭЦП с использованием КриптоПро
Аргументы и Факты
Разработка сервиса онлайн-конференций для ИД «АиФ» для проведения в режиме реального времени пресс-конференций, интервью и сетевых «круглых столов»
NDA
Разработка интернет-магазина фанеры, ДВП и топливных брикет
Аргументы и Факты
Разработка сервиса онлайн-конференций для ИД «АиФ» для проведения в режиме реального времени пресс-конференций, интервью и сетевых «круглых столов»
Читайте нас ВКонтакте
Рассказываем про интересные кейсы, делимся инсайтами и открытиями
NDA
Разработка сервиса по активации виртуальных банковских карт
NDA
Интеграция государственного портала с ЕСИА и настройка ЭЦП с использованием КриптоПро