Сделали интерактивную карту, которая показывает проекты компании и точки продаж партнеров
О компании
![Картинка](/upload/medialibrary/e03/e03314eb49c852d32817fbfd1044ce10.jpg 1x)
REHAU — крупная немецкая компания, представительства которой работают в России и СНГ. Компания занимается разработкой и производством полимерных материалов. Их используют в строительстве, в мебельной и в автомобильной промышленности.
Цель проекта
Новая карта на сайте помогает клиентам быстро находить контакты компаний-партнеров REHAU, а еще показывает объекты, в которых применяли технологии REHAU.
![Превью проекта](/upload/medialibrary/9a8/9a8f4d3767c2342652922fddc656dc80.jpg 1x)
Карта партнеров и карта объектов
— карта партнеров;
— карта объектов.
Это делает работу REHAU наглядной: гость сайта буквально видит на карте, насколько популярна продукция компании.
![Превью проекта](/upload/medialibrary/9d0/9d0671303d6055606adb86c947c38193.jpg)
Фильтры
Фильтры делают карту еще удобнее: можно искать именно те офисы продаж или объекты, которые тебя интересуют. Выбирать можно по разным признакам:
— по типу партнера;
— по продукту;
— по сертификации.
Администраторы сайта могут отбирать партнеров еще и по особым признакам, поскольку это упрощает им работу.
![Превью проекта](/upload/medialibrary/16a/16a1de64b40f991c03ab843c5d100ff6.webp)
Персонализация
Все пользователи карты делятся на 4 больших группы:
- администратор (может пользоваться всеми функциями);
- сотрудник бизнес-региона (может смотреть и редактировать данные внутри своего бизнес-региона);
- сотрудник колл-центра (может смотреть данные по всем бизнес-регионам);
- конечный покупатель (может смотреть данные по сертифицированным партнерам и всем объектам бизнес-регионов).
![Превью проекта](/upload/medialibrary/658/6583230c5fdcdb3cffa29bb1fce53e21.jpg)
Заказчик пришел к нам с уже готовым дизайном. Но это не всегда значит, что половина работы сделана. Мы анализируем то, что есть, проводим полноценный ППО, пишем ТЗ и при необходимости адаптируем и дорабатываем макеты. В случае с REHAU так и получилось: макеты были самым началом работы, всё самое интересное нас ожидало впереди.
![Логотип компании](/upload/landing/031/0318a635cdb72273e09864cbd66eb9fb.png)
Frontend
![Картинка](/upload/medialibrary/c84/c8418f6b25a6466e4134a71830e2a3fc.png)
Клиентскую часть мы построили по принципу SPA (Single Page Application) при помощи JS-фреймворка Vue.js. Поэтому карта и ее админка работают быстро: пользователь может нажать на любую кнопку или применить фильтр, и ему после этого не надо ждать 5 секунд, пока страничка обновится.
Backend
![Картинка](/upload/medialibrary/44f/44f1bd390e1024ea30835303f6fa066d.png)
Для Backend-части выбрали легковесный фреймворк FastAPI. Главные его преимущества:
— в нем легко реализовать все необходимые задачи;
— он автоматически генерирует документацию, что упрощает разработку;
— он легко масштабируется, быстрый и выдерживает высокие нагрузки.
Над проектом работали
Команда AGIMA
-
Роман Кузьмин
Руководитель проектного офиса
-
Алексей Половинкин
Teamlead
-
Коля Петрухин
Backend-разработчик
-
Елена Тимакова
Системный аналитик
-
Оля Парий
Руководитель проекта
-
Александр Ананьевский
Backend-разработчик
-
Аня Золотова
Frontend-разработчик
-
Наталья Прокофьева
Системный аналитик
-
Кира Букатина
Руководитель проекта
Команда REHAU
-
Евгения Равцова
Аккаунт-директор
-
Дмитрий Брацун
Системный аналитик