Кейс · сайт
Сайт транспортно-экспедиторской компании из Владивостока, которая возит грузы между Китаем и Россией. Одиннадцать страниц: шесть услуг со своей страницей у каждой, направления на карте, список проектов и карточка отдельного проекта. Форма расчета стоимости маршрута стоит на восьми страницах из одиннадцати, а пять видов транспорта раскрываются модальными окнами.
У грузоперевозки нет витрины: ни фотографии товара, ни прайса. Клиент выбирает по тому, повезет ли компания именно его груз именно по его маршруту.
Услуг шесть, и они устроены по-разному: контейнер, сборный груз, негабарит, насыпной груз, агентские услуги в Китае и судовое агентирование. Одной страницей это не объясняется.
Первый вопрос у любого клиента — «сколько». Точную цену без веса, объема и маршрута не назвать, поэтому вместо цены на странице должен стоять короткий способ ее узнать.
Собрать предстояло весь сайт: структуру, тексты одиннадцати страниц, дизайн и сборку на WordPress.
На всех шести страницах услуг форма лежит поверх фотографии, рядом с заголовком: восемь полей в трех группах — маршрут (откуда, куда), груз (вес, объем, описание), контакты (имя, телефон, почта) — и кнопка «Узнать стоимость». Та же форма стоит на главной отдельным блоком и на странице проекта под заголовком «У вас похожая задача?». Итого восемь страниц из одиннадцати, где заявку можно оставить, не переходя никуда.
Авто, железная дорога, авиа, море и мультимодальная доставка — это не услуги компании, а способы везти груз. Шесть услуг уже заняли по странице каждая; еще пять страниц под способы доставки раздули бы меню. Каждый вид раскрывается модальным окном: заголовок, абзац о том, когда этот транспорт выбирают, преимущества галочками и форма обратного звонка из двух полей.
В карточке проекта первыми стоят три параметра в строку: заказчик, маршрут «откуда — куда» и вес. Под ними «Задача» и «Решение» — по абзацу на каждое. Одинаковая рамка у всех проектов позволяет сравнивать их между собой: клиент ищет свой маршрут и свой тип груза, а не читает подряд.
На странице негабарита и на странице судового агентирования стоит блок «Подобные проекты» со ссылкой «Посмотреть все проекты», а на странице самого проекта — карусель «Другие грузоперевозки» из шести карточек. Пример работы попадается там, где у человека возникает сомнение, а не только в отдельном разделе.
Похожая задача? Напишите в Telegram, отвечу за пару часов.
У грузоперевозки нет витрины: ни фотографии товара, ни прайса. Точную цену без веса, объема и маршрута не назвать, поэтому вместо цены на страницах стоит короткий способ ее узнать.
Стоимость можно запросить с восьми страниц из одиннадцати: форма расчета стоит в первом экране каждой услуги, на главной и на странице проекта.
Шесть услуг разведены по отдельным страницам, а пять видов транспорта остались модальными окнами и не раздули меню.
Проект читается как перевозка: заказчик, маршрут и вес в шапке карточки, задача и решение под ними.
География показана картой: страны Азиатско-Тихоокеанского региона закрашены на карте мира, без списка стран текстом.
Девять блоков в порядке прокрутки: от первого экрана до подвала.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Десять страниц целиком: шесть услуг, направления, список проектов, карточка проекта и контакты. У каждой услуги форма расчета стоит в первом экране.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Пять видов перевозок не заняли отдельных страниц: каждый открывается окном с описанием, преимуществами и формой обратного звонка. Шестое окно — форма расчета маршрута, восемь полей в трех группах.
Нажмите на изображение, чтобы открыть его во весь экран. Работают стрелки, клавиши ← → и миниатюры.
Расскажите, из чего у вас складывается цена и какие параметры нужны, чтобы ее посчитать. Посмотрю, где на страницах должна стоять форма и что писать вместо цифры.
