Онега Логистик: корпоративный сайт
Демонстрационный сайт транспортной компании: четыре услуги, тарифы, склады, калькулятор перевозки, оформление заявки и отслеживание по её номеру.
Задача
Спроектировали корпоративный сайт для вымышленной транспортной компании. Посетитель может изучить услуги, рассчитать стоимость, оформить демонстрационную заявку и посмотреть её маршрут в отслеживании.
Компания, контакты, тарифы, изображения инфраструктуры и истории клиентов относятся к концепции. Формы проверяют данные и показывают результат в браузере. Реальному перевозчику заявки не отправляются.
Тринадцать страниц в общей системе
Собрали главную, каталог услуг и четыре подробные страницы: сборные грузы, отдельная машина, хранение и поставки на маркетплейсы. Дополняют сайт тарифы, калькулятор, отслеживание, сведения о компании, склады, контакты и политика обработки данных.
На страницах услуг используются общие блоки: первый экран, преимущества, условия во вкладках, этапы работы, пример задачи клиента и вопросы. Выпадающее меню и подвал дают прямой доступ к разделам. На телефоне сохраняются тексты и основные действия.
Расчёт под выбранную услугу
Калькулятор учитывает города, вес, объём, тип перевозки и дополнительные услуги. Для отдельной машины подбирает вместимость по параметрам груза. Результат показывает сроки, расстояние и составляющие цены.
Переход со страницы отдельной машины сразу выбирает соответствующий тип перевозки. Города можно поменять местами; неверный вес, объём или превышение вместимости сопровождаются пояснением. На телефоне дополнительные параметры раскрываются по запросу.
От заявки к отслеживанию
Форма получает маршрут и стоимость из калькулятора, проверяет имя, телефон и согласие. После оформления выдаётся демонстрационный номер. Кнопка отслеживания передаёт номер, выбранный маршрут, тип перевозки и время создания.
На странице отслеживания сразу отображается эта заявка с этапами перевозки. Номер и маршрут сохраняются при обновлении страницы. Контактные данные формы не попадают в ссылку и не отправляются на сервер.
Результат
Опубликован многостраничный демонстрационный сайт. Проверены расчёт, оформление, отслеживание, меню, вкладки, мобильные сценарии и доступность. Выполнены проверка типов, сборка, линтер и тесты логики.
Демо позволяет оценить структуру и интерфейсы корпоративного сайта. Для запуска у действующей компании отдельно подключаются обработка заявок, реальные тарифы и источник статусов перевозки. Коммерческие показатели этому проекту не приписываем.
