Сентябрь 20, 2018

Разработка интерактивной карты доставки для сайта

О задаче: создание карты доставки продукции для сайта

Наш клиент — оптовая компания «Оптика Нева», — обратилась к специалистам Webnauts с задачей по разработке интерактивной карты доставки товаров по СПб и пригородам. Техническое задание по этой задаче мы приводим в неизменном виде ниже (нажмите на кнопку, чтобы развернуть ТЗ).

ЦЕЛЬ

Дать возможность пользователю наглядно представлять, сколько будет стоить доставка товара до его адреса

ОПИСАНИЕ ЗАДАЧИ:

На сайте на странице «Условия работы» подключить Яндекс.Карту, на которой будет обозначена граница города Санкт-Петербурга, внутри которой будет действовать Первая зона доставки (определенная стоимость). Граница проходит по КАД с севера, востока и юга и ограничена ЗСД и Финским заливом с запада.

ФУНКЦИОНАЛ КАРТЫ

Пользователь может нажать на карте в любую точку — выбрать желаемый адрес доставки. При выборе точки, скрипт автоматически рассчитывает стоимость доставки до этой точки и выводит ее на странице сайта.

ПАРАМЕТРЫ РАСЧЕТА СТОИМОСТИ

1) ЗЕЛЕНАЯ ЗОНА 1
Если точка выбрана внутри границы города (красной границы) — то выводится сообщение: «При сумме заказа до 3000 рублей — стоимость доставки составит 300 рублей (включается в счет). При сумме заказа от 3000 рублей — доставка бесплатно!»

2) ФИОЛЕТОВАЯ ЗОНА 2
Если выбрана точка за пределами границы города — то скрипт рассчитывает ближайший путь до точки доставки — от ближайшей точки съезда с КАД. То есть скрипт рассчитывает именно ближайший путь по дорогам, а не напрямик — по лесам, полям и болотам =) Рассчитывается кол-во километров, и на основе этого — стоимость доставки. 1 км = 35 рублей (стоимость пути в оба конца).

Например, пользователь выбрал точку доставки в районе города Петергоф. Расстояние от ближайшей точки съезда с КАДа на западной границе города до точки в районе Петергофа — 11 км. В этом случае стоимость рассчитывается по формуле: 300 руб. + (11 км * 35 руб.) — если сумма заказа до 3000 руб, — или просто 11 км * 35 руб. — если сумма от 3000 руб. И выводится сообщение: «Расстояние от КАД составляет: 11 километров: При сумме заказа до 3000 рублей — стоимость доставки составит 685 рублей (включается в счет). При сумме заказа от 3000 рублей — доставка 385 рублей«.

3) Поправка к пункту 2 (ЗОНА 3):
Если расстояние от КАД до точки доставки составляет более 20 километров, то скрипт выводит сообщение: «Расстояние от КАД составляет N километров: возможность доставки необходимо согласовать с нашим менеджером»

Референсы

В общем и целом, как пример можно взять такую карту на сайте https://www.afonya-spb.ru/p/dostavka/. Только у них доставка рассчитывается на неограниченное кол-во километров — хоть в Улан-Батор, а у нас — есть ограничение в 20 км от границы города.

Что получилось: интерактивная карта доставки

Ниже Вы сможете посмотреть на результат разработки карты доставки товаров для сайта онлайн — так, как он представлен на странице заказчика. Попробуйте проложить маршрут доставки и просчитать её стоимость для разных населенных пунктов пригорода СПб:

Прокладываем маршрут %

Результаты

Доработка, о которой мы рассказали в сегодняшнем кейсе, важна для компаний, которые развозят заказы по городу и за его пределы, а стоимость таких услуг напрямую зависит от протяженности маршрута (удаленности пункта назначения от склада / магазина).

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

  • разработка карты доставки пиццы, суши, бургеров и другой еды на вынос из кафе, ресторана, кафе, пиццерии, суши-бара и т.д.;
  • создание онлайн-калькулятора стоимости доставки для транспортной компании, грузоперевозчика;
  • разработка калькулятора для подсчета стоимости поездки для такси, таксопарка;
  • …а также другие варианты применения.
Разработка интерактивной карты доставки для сайта

Scroll Up