Компания Gold Asia Consulting помогает налаживать бизнес в Китае. Она консультирует клиентов, доставляет грузы, организовывает деловые поездки и делает много других полезных вещей.

Задачи

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

Дизайн

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

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

Вердикт заказчика: хочется чего-то попроще. Используем менее яркие цвета.

Еще одна итерация, и вот наконец финальный вариант. Вердикт заказчика: то, что нужно!

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

Разработка

Заказчик может через административную панель расставлять на карте все склады и офисы, которые у них есть. При этом не нужно вводить координаты точек — карта просто открывается в админке, и он кликом определяет местоположение офиса.
Удобно и наглядно!

Подробнее о процессе разработки читайте в блоге scrum-студии «Сибирикс» — http://blog.sibirix.ru/2015/12/17/gold-asia/.

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