Указатель: сайт транспортной компании с калькулятором по настоящим дорогам

Компания вымышлена, расстояния настоящие

«Указателя» не существует. Название, склад в Ленинском районе, парк машин, расписание сборных отправок и тарифы придуманы для демо. На каждой странице сверху жёлтая полоса: демо-проект студии, заказы не принимаются. Форма заявки проверяет поля и отвечает на странице, на сервер ничего не уходит. Настоящие здесь расстояния по дорогам, трассы на страницах направлений и правовые факты в статьях.

15 статей под вопросы, которые отправитель задаёт поисковику

Главная часть сайта это статьи. Темы взяты из подсказок Яндекса и Google, собранных 14 октября 2026 года. Среди них «как рассчитать стоимость грузоперевозки», «сборный груз что это», «электронная транспортная накладная с 1 сентября 2026», «претензия перевозчику о повреждении груза образец» и «штраф за перегруз грузового автомобиля». Под каждый запрос написана отдельная статья на 1 200-1 300 слов с расчётами и примерами.

Правовые факты сверены с текстами законов, постановлений и приказов на 14.10.2026. В конце каждой статьи список источников, в начале пометка «актуально на». Из статей ведут ссылки на калькулятор, услуги и направления. Как такой сайт собирается для настоящей компании, написано на странице сайт транспортной компании.

Калькулятор считает по дорогам, а не по прямой

Расстояния между 21 городом посчитал маршрутизатор OSRM по картам OpenStreetMap, запросы и ответы сохранены в проекте. Клиент выбирает, откуда и куда везти, вводит вес и объём, выбирает кузов и отмечает догруз. Сайт показывает цену, срок в пути и таблицу со всеми кузовами, в которые груз помещается. Формулы расписаны на той же странице.

Считает один файл calc-core.js. При сборке он заполняет таблицы цен на страницах услуг и направлений, а в браузере работает калькулятором, поэтому цифры на страницах и в расчёте не расходятся.

Шапка как портал над трассой

Сайт оформлен как дорожный указатель: синее поле, белая кайма, янтарный цвет только у кнопок. Пункты меню пронумерованы, как съезды. Услуги напечатаны грузовыми ярлыками со штрихкодом, а расписание сборных грузов набрано как табло отправлений. Шрифты Overpass и IBM Plex Mono, есть светлая и тёмная тема.

• 39 страниц в sitemap: 7 услуг, 8 направлений, 15 статей, калькулятор, цены и вопросы.
• Lighthouse 13 на телефоне, все 39 страниц: производительность 99-100, остальные оценки 100.
• LCP 1,4-1,6 с, CLS 0. Страница весит 63-79 КБ, главная со схемой дорог и калькулятором 79 КБ.
• JavaScript-фреймворка на страницах нет, калькулятор встроен в страницу модулем.

Склад для такой компании есть в соседнем демо «Ярус» в Перми. Обсудить сайт для своей транспортной компании можно в форме заявки.