Geocentre Consulting

Дизайн интерфейса веб-карт

Задача

Компании, специализирующейся на картографии и ГИС, требуется разработка интерфейса веб карт - продукта аналогичного Яндекс.картам, Гугл.картам и т.д. Работы подразумевают создание серии иконок, полей с выводом результатов поиска, прокладки маршрута и других функций и макет их расположения на странице с картой.

Страница поиска и страница карты с функционалом

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

Интерфейс маршрутов

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

Помимо информацирования пользователя о продолжительности каждого маршрута (километраж и планируемое время в пути) этот блок делает более удобным выбор типа маршрута на планшетах, из-за своего размера. Если этот функционал по каким-либо причинам реализовать сложно, эту информацию можно исключить и просто увеличить размер кнопок выбора типа маршрута по высоте.

Футер

В левой части футера размещены ссылки на компанию-создателя сервиса и связь с техподдержкой

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

  Вы можете приобрести этот дизайн

в том виде, в котором он представлен,
или с необходимыми вам изменениями.

<
>