Кейс по разработке сайта-визитки для компании по перевозке грузов

Услуга проекта: Создание сайта-визитки
Клиент: ЧТУП «82-КУБА»
Проект url: 82kuba.by

О компании: надежный партнер в сфере международных грузоперевозок, предлагающий широкий спектр логистических решений для бизнеса любого масштаба.

Основные цели: разработать сайт-визитку по готовому решению в чёрно-бирюзовой цветовой палитре и с подбором изображений по сфере деятельности.

Краткий бриф на разработку сайта
Наименование компанииЧТУП «82-КУБА»
Сфера деятельностиМеждународные грузоперевозки
Страна, на которую рассчитан сайтБеларусь
Основные товары и услугиМеждународные перевозки сборных грузов, внутриреспубликанские перевозки
Домен сайта82kuba.by
Целевая аудиторияЮридические лица, которым необходимо перевезти продукцию или оборудование
Задачи сайтаСбор заявок от клиентов, информирование о деятельности компании
Тип сайтаСайт-визитка
ТарифГотовое решение
CMS WordPress
ХостингHB.by
Пожелания заказчикаПридерживаться выбранной заказчиком цветовой палитры, сделать эффективную форму сбора заявок

Обращение

В связи с масштабированием бизнеса компания «82-КУБА» обратилась к нам с целью разработать функциональный сайт-визитку, который позволил бы собирать заявки от потенциальных клиентов и повысить репутацию компании. Также появился запрос на рестайлинг логотипа, так как старый был сделан на шаблоне и не соответствовал новому фирменному стилю компании.

Дизайн

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

Исходя из пожеланий клиента весь сайт выполнен в черно-бирюзовых оттенках. Акцентный цвет используется на кнопках, в заголовках и на изображениях. Все блоки визуально разделены фоном. Немаловажным является использование только уникального контента: изображения созданы нами, не было использовано стоковых фотографий, поэтому все изображения идеально вписываются в концепцию сайта.

Цвета

#0b0c10
#1f2833
#62feed
#45a29e

Процесс разработки

Первый экран

Минималистичный хедер позволяет перейти на любой блок сайта-визитки, а также узнать номер телефона и позвонить в компанию, либо написать электронное письмо. Главный баннер представляет деятельность компании и даёт возможность сразу запросить ставку. Также справа размещён грузовик в стилистике сайте, чтобы наглядно продемонстрировать сферу деятельности.

Преимущества

После главного баннера следуют преимущества обращения в компанию. Здесь описаны такие преимущества, как:

  • индивидуальный подход к каждому клиенту;
  • широкий спектр услуг;
  • конкурентоспособные цены;
  • опыт и профессионализм

Услуги компании

В данном блоке показаны основные услуги заказчика – широкий спектр транспортных решений для бизнес-клиентов. Все изображения разработаны по смысловой теме каждой услуги.

Направления

Также мы схематично изобразили главные направления, по которым могут перевозиться грузы. Блок позволяет потенциальным клиентам сразу понять, есть ли услуга по перевозке грузов в Россию, например.

Description-миниатюра

На сайт-визитку была добавлена миниатюра. Она необходима для того, чтобы во время размещения ссылки на сайт в мессенджерах сразу бросалось в глаза, что из себя представляет компания. Помимо иллюстрации деятельности компании на Description-миниатюре расположены телефон компании для быстрой связи и адрес офиса.

Форма обратной связи

Отличие формы для связи данного проекта от других стандартных форм состоит в том, что пользователь может оставить также информацию про необходимый маршрут и объём/тоннаж груза. Внедрена маска для телефона, чтобы пользователь мог ввести номер без повторения общего кода. Она помогает избежать ошибок при вводе номера телефона и упрощает процесс заполнения формы на сайте.

Для формы сбора заявок тоже было разработана с нуля изображение, подходящее по тематике и фирменному стилю.

Скорость загрузки

Одним из важных этапов разработки сайта является его скорость. Наши специалисты стараются добиться наивысших показателей производительности в каждом проекте. Результаты нашей работы представлены рядом: 100 баллов на декстопных устройствах и 96 баллов на мобильных (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Таким образом, сайт быстро загружается на всех устройствах, что положительно влияет на позиции сайта в выдаче. К тому же, повышается вероятность, что пользователь останется на сайте и выполнит целевое действие.

https://82kuba.by/
Анализировать
Мобильные устройства
Компьютер
96
https://82kuba.by/
0-49
50-89
90-100
Мобильные устройства
Компьютер
100
https://82kuba.by/
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

Результаты

Как итоге, у нашей команды получился стильный, инновационный и быстрый сайт-визитка, который полностью доносит до пользователя информацию о компании и её услугах. Все пожелания клиента при разработке были учтены, все корректировки по изображениям были оперативно внесены, поэтому заказчик остался крайне доволен конечным результатом.