EKORKUNOV — Евгений Коркунов

Корпоративный сайт транспортной компании

Газелевна — сайт транспортной компании с пошаговым оформлением заказа

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

35
публичных страниц
4
этапа заказа
3
типа заказчика
Открыть рабочий сайт

Главная страница

Прокрутите вниз для полного просмотра

Загружается полная страница проекта…
Главная страница «Газелевны» с формой перевозки, автопарком и услугами

Готовый продукт

Что получил клиент

Задача

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

Основная задача — сделать заявку удобной с телефона для частных клиентов, организаций и ИП. Сотрудникам компании требовались единое место для обращений и возможность самостоятельно обновлять сведения на сайте.

Переданная система

Компания получила сайт для приёма заявок и дальнейшей работы с ними в WordPress. Отправка формы не означает подтверждённую перевозку: условия и окончательную стоимость сотрудник согласует с клиентом.

Нужен сайт с удобной заявкой и управлением обращениями? Расскажите, как сейчас принимаете заказы. Предложу форму для клиентов и удобный порядок работы с заявками для сотрудников.

Реализация

Разработал собственную тему WordPress и отдельный плагин gazelevna-core для форм, заявок и интеграций. Elementor в новой версии не используется. Оформление и обработку обращений можно развивать отдельно.

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

Для похожих задач предлагаю разработку на WordPress, доработку существующего сайта, автоматизацию приёма заявок и техническую SEO-подготовку.

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

Рабочие сценарии

Понятное оформление заказа

Каждый пункт описывает конкретную функцию запущенного продукта.

Четыре понятных шага

Сначала клиент указывает маршрут, затем выбирает транспорт, заполняет данные заказчика и проверяет заявку. Форма показывает текущий шаг и подсказывает, что исправить. Можно вернуться на предыдущий шаг без потери введённых данных.

Для частного клиента, организации и ИП

Форма учитывает три типа заказчика. Частный клиент оставляет контактные данные; организация или ИП могут заполнить реквизиты по ИНН с помощью DaData. Реквизиты можно ввести вручную или исправить. Для ИП не требуется КПП.

Адресные подсказки и выбор на карте

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

Оформление заявки с телефона

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

Управление и автоматизация

Как сотрудники работают с сайтом

Заявки сохраняются на сайте

Обращение сохраняется в панели управления WordPress. Сотрудник видит карточку заявки, её статус и статистику обращений. Уведомления можно направить нескольким получателям и проверить статус доставки. Если письмо не доставлено, сама заявка остаётся доступной сотруднику в панели управления.

Расстояние как ориентир для обсуждения

После отправки заявки в её карточке рассчитывается примерное расстояние по дороге. Оно видно только сотруднику с правами администратора в панели управления и служит ориентиром при обсуждении перевозки. Расчёт не учитывает ограничения для грузового транспорта. Это не калькулятор цены для посетителя: окончательную стоимость согласуют отдельно.

Сведения о компании можно обновлять самостоятельно

Через панель управления можно изменить телефон, тариф, описание услуги или сведения об автомобиле. Для этого не нужно редактировать код. Логотип и значок сайта также можно заменить, выбрав изображение в медиабиблиотеке WordPress.

Сложная часть проекта

Проверки, поиск и аналитика

Проверки перед приёмом заявки

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

Подготовка сайта к поисковому продвижению

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

Аналитика пути к заявке

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

Технологии

  • WordPress
  • PHP
  • JavaScript
  • HTML/CSS
  • Собственная тема
  • gazelevna-core
  • DaData
  • Яндекс Карты
  • HTTP Геокодер
  • Яндекс Router API
  • Яндекс Метрика

Визуальные доказательства

Экраны проекта

Заявка на телефоне

Оформление заявки на телефоне: поля маршрута расположены в одну колонку.

Открыть рабочий экран

Выбор транспорта и груза

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

Открыть рабочий экран

Заказчик и реквизиты

Для организации или ИП реквизиты можно заполнить по ИНН, проверить и при необходимости исправить.

Открыть рабочий экран

Место погрузки или выгрузки

На карте можно найти адрес и уточнить нужную точку перед её подтверждением.

Открыть рабочий экран

Автопарк и характеристики

Посетитель сравнивает характеристики автомобилей и переходит к оформлению заявки.

Открыть рабочий экран

Нужен похожий сайт?

Расскажите о задаче — обсудим интерфейс, функции, интеграции и порядок работы.