Корпоративный сайт транспортной компании
Газелевна — сайт транспортной компании с пошаговым оформлением заказа
Пересобрали сайт транспортной компании на собственной теме WordPress. Добавили пошаговый заказ, автозаполнение адресов и реквизитов, выбор точек на карте и предварительный километраж в карточке заявки менеджера.
- 35
- публичных страниц
- 4
- этапа заказа
- 3
- типа заказчика
Главная страница
Прокрутите вниз для полного просмотра
Готовый продукт
Что получил клиент
Задача
«Газелевна» занимается грузоперевозками, переездами и услугами грузчиков. Действующий сайт работал на WordPress и Elementor. Требовалось обновить интерфейс, сохранив узнаваемую подачу, привычную структуру, содержание и исходные адреса страниц.
Главная задача — сделать заказ удобным на телефоне, учесть физических лиц, организации и ИП. Для компании — упростить управление сайтом, собрать обращения в одном месте и подготовить техническую основу для продвижения.
Переданная система
Компания получила обновлённый сайт с привычной структурой, удобной формой заказа и управлением основными данными через WordPress. Клиенты могут заполнить маршрут и реквизиты с помощью подсказок, а менеджеры — работать с сохранёнными обращениями и видеть предварительное дорожное расстояние. Сайт подготовлен к дальнейшему развитию, индексации и оценке эффективности рекламы.
В основе проекта — автоматизация заявок и техническая SEO-подготовка.
Реализация
Центром сайта стала форма заказа перевозки: клиент последовательно задаёт маршрут, выбирает транспорт, заполняет данные заказчика и проверяет заявку. Подсказки помогают указать адреса и реквизиты, а менеджер получает сведения в единой структуре.
Интерфейс перенесли на собственную тему WordPress, а бизнес-функции — в плагин gazelevna-core. Elementor в новой версии не используется. Такое разделение позволяет развивать оформление и обработку обращений отдельно. В проекте объединили разработку на WordPress и доработку действующего WordPress-сайта.
Сайт включает 35 публичных страниц. В это число входят 12 посадочных страниц услуг и 8 карточек автомобилей. Для каждого направления и транспорта сохранён отдельный понятный путь к оформлению заказа.
Рабочие сценарии
Понятное оформление заказа
Каждый пункт описывает конкретную функцию запущенного продукта.
Четыре этапа вместо длинной анкеты
Маршрут → перевозка → заказчик → проверка. Видно текущий этап и прогресс; можно вернуться назад с сохранением введённых данных. Ошибки и состояние отправки показаны рядом с формой. На телефоне клиент решает одну задачу за раз и проверяет сведения перед отправкой.
Физическое лицо, организация или ИП
Для частного клиента достаточно контактных данных. В режиме «Юрлицо / ИП» DaData подставляет реквизиты по ИНН; их можно ввести вручную и исправить. Для ИП поле КПП не требуется. Форма учитывает три типа заказчика и не заставляет заполнять неподходящие поля.
Две независимые точки маршрута
Адресные подсказки и Яндекс Карты помогают выбрать отправление и назначение. Адрес согласуется с координатами выбранной точки; ручная правка не оставляет старые координаты незаметно. Клиент уточняет нужное место, а менеджер получает согласованные сведения о маршруте.
Мобильная версия для заказа в дороге
Адаптированы меню, основная форма и обратный звонок. Поля, кнопки, ошибки и фокус работают по единым правилам, шрифт Golos Text загружается локально. Ключевые действия доступны на узком экране, без перехода в отдельную мобильную версию.
Управление и автоматизация
Сайт и обращения под управлением компании
Сохранённые заявки и отдельная доставка писем
Обращение сначала сохраняется в WordPress. В админке доступны карточки, статусы и статистика; уведомления поддерживают несколько получателей и отдельные статусы доставки. Неудачная отправка письма не лишает менеджера самой заявки: её можно найти и обработать в админке.
Предварительное дорожное расстояние
После сохранения заказа фоновое задание получает расстояние через Яндекс Router API. Только администратор видит результат в карточке, состояние расчёта и возможность повторного запуска. Это ориентир для обработки маршрута, а не публичный калькулятор цены. Расстояние не учитывает грузовые ограничения; стоимость менеджер согласует после уточнения деталей.
Основные данные без правки кода
Контакты, оформление, услуги, автопарк, тарифы, формы, интеграции, SEO и документы собраны в соответствующих разделах WordPress. Логотип и фавикон меняются через медиабиблиотеку. Компания может поддерживать актуальные сведения и развивать содержание сайта из админки.
Сложная часть проекта
Интересные решения и техническая основа
Проверка данных и защита формы
Сервер проверяет данные и формат российского телефона. В форме предусмотрены антиспам и защита от повторного создания одной заявки. Снижается число ошибочных и повторных обращений. Проверка формата не подтверждает принадлежность номера и не гарантирует полного отсутствия спама.
SEO-подготовка с сохранением адресов
Настроены метаданные, canonical, sitemap, robots.txt, JSON-LD и социальные превью. Исходные адреса страниц сохранены. Поисковым системам доступна структура обновлённого сайта, а прежние ссылки продолжают вести на нужные страницы.
События для оценки обращений
В Яндекс Метрику заложены события заявок, контактов и этапов формы. Они позволяют оценивать путь от интереса к обращению. Установка аналитики и событий подтверждена в коде сайта; получение всех событий в кабинете Метрики в рамках кейса не проверялось.
Технологии
- WordPress
- PHP
- JavaScript
- HTML/CSS
- Собственная тема
- gazelevna-core
- DaData
- Яндекс Карты
- HTTP Геокодер
- Яндекс Router API
- Яндекс Метрика
Визуальные доказательства
Экраны проекта
Главная на телефоне
Главная на экране 390 px: маршрут заполняется в одну колонку.
Открыть рабочий экранВыбор транспорта и груза
Этап «Перевозка». Демонстрационные данные введены без отправки заявки.
Открыть рабочий экранЗаказчик и реквизиты
Этап «Заказчик»: реквизиты можно проверить или заполнить вручную.
Открыть рабочий экранВыбор точки на карте
Окно карты с поиском адреса и подтверждением точки. Демонстрация без отправки заявки.
Открыть рабочий экранАвтопарк и характеристики
Автопарк: характеристики транспорта и переход к заказу.
Открыть рабочий экранНужен похожий сайт?
Расскажите о задаче — обсудим интерфейс, функции, интеграции и порядок работы.