merkury-avto
Транспортная компания
Как мы въехали в нишу перевозок с сайтом, который вывозит тонны заявок
-
О клиенте
Они перевезли более 5000 тонн грузов. Выжили в сибирских метелях. Но их сайт выглядел как старая табличка на воротах полузаброшенной парковки. Когда на странице «О компании» гордо пишут про «надёжность», а сайт — турбо-страница — это не ирония, а криминал. Мы сделали так, чтобы цифровое лицо «Меркурий-Авто» наконец совпало с реальным. Теперь компания не просто перевозчик — эталон.
-
Заказ клиента
Перспективная и надёжная компания «Меркурий-Авто» переросла скромный стиль своей турбо-страницы в Яндексе. И уже готова шагнуть в мир серьёзного большого бизнеса грузоперевозок, поэтому пришли в BLOT.PRO с конкретным запросом:
«Сделайте просто и красиво. И логотип придумайте такой, чтобы запоминался» (с).
Наша тактика была простая, как топор: не ждать инструкций. Мы проанализировали рынок, выявили боли пользователей и обязательные фичи (калькулятор с оговорками, карта географии, удобный выбор маршрута). Мы стали их стратегами. Мы услышали не слова, а суть бизнеса. Север, грузы, надёжность. Родился визуальный язык силы (шрифты, цвет, паттерн).
Но обо всем по порядку…
- Аналитика
- UX/UI
- Frontend
- Backend
- SEO Продвижение
Используемые технологии
-
Design
-
Figma
-
Miro
-
Affinity Designer
-
-
Frontend
-
Vue.js
-
Sass
-
Webpack
-
-
Backend
-
Laravel
-
MariaDB
-
-
Шаг 1: Диагноз пациента
Цифровая депрессия в тяжёлой форме. Нет желания делать калькулятор, так как цены на грузоперевозки постоянно меняются, а калькулятор может не совпадать с реальной стоимостью перевозки.
Заказчик не знал, чего хочет, поэтому не мог составить ТЗ и просил полностью под ключ сделать работу. Вот как выглядел сайт клиента:
-
Шаг 2: Пошли по конкурентам
Изучили более 30 сайтов и поняли, что в нише лидеры есть, крутые, есть «слабенькие» с визуалом 2000-х, а есть отдельная каста сайтов, сделанных как под копирку. Скучно!
-
Шаг 3: Убедить клиента
…что сайт — это не просто картинка, а отдел продаж. В цифровом мире встречают по дизайну, а провожают по коду, короче, сайт должен быть функциональный.
-
Написали удобный калькулятор
-
С читерской пометкой «цена примерная» — снизили риски клиента на 100%.
-
SEO-архитектура или привет SEO-шнику
-
Написали код для генерации страниц:
доставка из {Великий город России-матушки} → в {Другой Великий город России-матушки} → из {Ещё более Великого города России-матушки} в {В город поменьше, но тоже Великий город России-матушки}.
Итог: SEO-шник за такую фичу будет очень рад, Google понравится и Яндекс тоже с аппетитом возьмёт новые посадки в индексацию.
-
-
Шаг 4: разработка брендинга
Выбрали основной цвет синий — ультрамариновый поцелуй сетчатки. Строгий, но яркий, как сама компания «Меркурий-Авто»“. Фоново серо-голубой, чтобы не забывали про холодные серые зимы и трудности доставки грузов на север.
Большое внимание уделили логотипу, который придумал наш креативный дизайнер. Геометрия с острыми углами, как символ дороги, следа от шин и динамики. Так хитро зашифрованы две главные буквы компании: «М»/«А»
-
шаг 5: Дизайн сайта
Видели, как нарисовали кнопку «Заказать расчёт»? Её видно из космоса. Никто не промахнётся мимо кнопки.
Навалили визуальной метафоричности.
Дорожная романтика, поэтому у нас услуги в стиле «игральных карт» — клиент тянет туз, «Меркурий-Авто» уже грузит фуру.
Иллюстрация грузовика с лёгкой 3D-стилизацией не шаблонное решение со стока, а эксклюзив.
-
Гениальное зло: UX, который конкуренты украдут, но не поймут
Частая проблема, когда на сайтах перевозчиков выбор города — квест «найди выход из лабиринта Минотавра».
Сделали сайту фиксированный селектор городов на странице направления: сменил маршрут в 1 клик, поэтому не надо скроллить в ад.-
Пример:
-
Клиент на странице «Екатеринбург → Ишим». Захотел Тюмень? Бам — и вы уже в Тюмени. Без перезагрузки. Без боли.
-
-
Организовали фотосессию команды
Также мы отправили команду клиента на фотосессию — чтобы получить красивые кадры для блока «Наши сотрудники», одного из ключевых для формирования доверия покупателя.
-
Подытожим
Когда клиент приходит с «сделайте красиво» — это не проблема. Это возможность. Возможность докопаться до сути, проанализировать нишу вдоль и поперёк, и выдать решение, которое не просто «красиво», а реально работает, выделяет и продаёт.
Как итог «Меркурий-Авто» получил не очередной «логистический сайт», а узнаваемый бренд перевозчика грузов. Сайт не просто красивая игрушка, но ловушка для лидов. Каждая кнопка, каждая фича работают на заказ и доверие. Все готово для масштабирования от блоков кейсов до адаптивного лого.
Фишка BLOT.PRO — глубина там, где клиент видит только поверхность.
P.S. За этот кейс нас или благодарят шампанским… или блокируют в соцсетях конкуренты. Оба варианта — знак качества.
«На мой взгляд, именно так должен выглядеть сайт лучшего груминг-салона в России. И теперь он такой у нас! Получилось воздушно, сфокусировано, упорядоченно и живо».
Надежда Фазлыева
Руководитель «Меркурий-Авто»