Корпоративный сайт транспортной компании
Газелевна — сайт транспортной компании с пошаговым оформлением заказа
Обновил сайт транспортной компании: клиент заполняет заявку на перевозку за четыре шага, а менеджер получает маршрут и данные заказчика в одной карточке. Адреса и реквизиты можно заполнить с помощью подсказок.
- 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
- Яндекс Метрика
Визуальные доказательства
Экраны проекта
Заявка на телефоне
Оформление заявки на телефоне: поля маршрута расположены в одну колонку.
Открыть рабочий экранВыбор транспорта и груза
Клиент выбирает транспорт и указывает сведения о грузе. В формах на снимках использованы демонстрационные данные.
Открыть рабочий экранЗаказчик и реквизиты
Для организации или ИП реквизиты можно заполнить по ИНН, проверить и при необходимости исправить.
Открыть рабочий экранМесто погрузки или выгрузки
На карте можно найти адрес и уточнить нужную точку перед её подтверждением.
Открыть рабочий экранАвтопарк и характеристики
Посетитель сравнивает характеристики автомобилей и переходит к оформлению заявки.
Открыть рабочий экранНужен похожий сайт?
Расскажите о задаче — обсудим интерфейс, функции, интеграции и порядок работы.
