Детский технопарк “Наукоград”

Разработка сайта

Детский технопарк “Наукоград”
клиент
Университет МФЮА
сотрудничаем
с 2010 года
что сделали
Проектирование, UI/UX дизайн, frontend, backend-разработка, тестирование, поддержка и развитие
дата запуска
август 2024
О заказчике

Детский технопарк «Наукоград» МФЮА и МАСИ — это уникальная площадка для обучения детей и подростков. В нём представлены все современные направления науки и техники, по которым дети могут получить дополнительное образование: робототехника, IT-технологии, дизайн, VR, промышленный дизайн и многие другие.

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

задача

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

  1. Предоставить пользователям понятную информацию о образовательных курсах, мероприятиях и возможностях технопарка.
  2. Увеличить посещаемость «Наукограда».
  3. Обеспечить структурированное хранение информации и возможность быстрого обновления контента.
Главная страница
Главная страница
Структура и дизайн

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

Главная страница
Главная страница
Образовательные курсы

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

Мы переработали этот раздел: добавили переключатель между филиалами и разделили курсы по направлениям (архитектура, робототехника, программирование и т.д.). Теперь курсы отображаются в виде плиток, на которых указаны краткое описание, возрастные ограничения, количество часов, сроки и стоимость обучения. Также добавили кнопку для записи на выбранный курс. Благодаря этому детальные страницы курсов стали не нужны, и мы их убрали. После основного курса отображается блок «Похожие курсы».

Образовательные курсы
Образовательные курсы
Страница курса
Страница курса
Дополнительные возможности

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

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

Дополнительные возможности
Дополнительные возможности
Интеграция с «Мой класс»

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

Интеграция с “Мой класс”
Интеграция с “Мой класс”
что в итоге

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

С момента запуска нового сайта по данным Яндекс.Метрики уже сейчас можно сделать вывод, что количество отказов сократилось в 2 раза, а проведенное время пользователей на сайте выросло в 3 раза.

результат naukograd.mfua.ru
стек технологий
Figma
VanillaJS
PHP
Bitrix
Gitlab
Docker
менеджер проекта
  • Тихон Антонов
Дизайнеры
  • Марк Новак
  • Денис Соколов
фронтенд
  • Ирина Пушкарева
бэкенд
  • Роман Бызов
Тест качества
  • Полина Махмутова

Хотите также?

или свяжитесь напрямую telegram
можно почтой info@machaon.ru
москва
Дмитровское 100, стр. 2
+7 499 755 62 98
киров
Московская 25г
+7 8332 35 18 86

Еще

Фон
Фон
Фон
Фон
Смотреть все 90+