+375 (29) 390-56-65
Время работы
Пн-Пт: 9:00 - 17:00
Сб-Вс: выходной
Отвечаем в мессенджерах:
Практические кейсы Кейсы по разработке сайтов Кейс по созданию сайта для транспортно-экспедиционной компании

Кейс по созданию сайта для транспортно-экспедиционной компании

Кейс по созданию сайта для транспортно-экспедиционной компании
Обсудить проект
Компания «ТрансАвиа» является активным участником рынка транспортно-экспедиционных услуг. Она предоставляет качественный сервис по грузоперевозкам начиная с 2004 года. Она предлагает широкий спектр услуг, включая международные перевозки, оформление документации и страховку грузов. Команда высококвалифицированных специалистов обеспечивает надежность и безопасность транспортировки, что позволяет компании завоевывать доверие клиентов на протяжении многих лет.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Корпоративный
Объём
73
Страницы
Скорость
92 / 95
Загрузки сайта
Язык
RU
Русский
Цены
BYN
Конвертер
Лид-форма
Лид-форма
Калькулятор
Мессенджеры
Мессенджеры
Коммуникация
Маршрут
Маршрут
На картах
Новости

Реализован блок с новостями для
информирования клиентов о новых
поступлениях и обновлениях продукции.

Новости
Карта

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

Карта
Меню

Новое всплывающее меню обеспечивает
удобную навигацию и улучшает
пользовательский интерфейс.

Меню
Быстрый заказ

Быстрый заказ успешно реализован
как калькулятор, позволяющий мгновенно
рассчитать стоимость товаров и услуг.

Быстрый заказ
Задача

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

Решение

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

Ниша

Транспортно-экспедиционные услуги

Продолжительность
  • 2 недели – дизайн
  • 2 недели – разработка
  • 1 недели – заполнение

Краткий бриф на разработку сайта

Наименование компании
ООО «ТрансАвиа»
Сфера деятельности
Транспортно-экспедиционные услуги
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Международные грузоперевозки
Домен сайта
cargo.transavia.by
Целевая аудитория
Предприниматели, Мужчины и женщины от 18 до 65 лет
Задачи сайта
Привлечение лидов на товары и услуги, Информационная
Тариф
Индивидуальное
CMS
WordPress
Хостинг
Hoster.by
Пожелания заказчика
Сделать удобный сайт придерживаясь корпоративного дизайна и заполнить его актуальной информацией

Фирменная палитра цветов и шрифт

01
Цвет и типографика
Разработка начинается с создания дизайна и перед нашими специалистами в очередной раз встала задача: придумать приятный и удобный дизайн, соблюдая корпоративный стиль. Основная особенность сайтов ТрансАвиа являются их цвета – красный и белый.
Шрифт Montserrat обладает чистым и современным дизайном, что делает текст легким для восприятия и привлекательным для пользователей. Он доступен в нескольких начертаниях, что позволяет легко создавать визуальный контраст и выделять важные элементы на сайте. Кроме того, Montserrat подходит для различных типов контента, что помогает создать единый стиль.
#d9230f
#ffffff
#0a0a0a
#ececec
Разработка начинается с создания дизайна и перед нашими специалистами в очередной раз встала задача: придумать приятный и удобный дизайн, соблюдая корпоративный стиль. Основная особенность сайтов ТрансАвиа являются их цвета – красный и белый.
#d9230f
#0a0a0a
#ffffff
#ececec
Шрифт Montserrat обладает чистым и современным дизайном, что делает текст легким для восприятия и привлекательным для пользователей. Он доступен в нескольких начертаниях, что позволяет легко создавать визуальный контраст и выделять важные элементы на сайте. Кроме того, Montserrat подходит для различных типов контента, что помогает создать единый стиль.

Полезный и для пользователя, и для бизнеса функционал

02
Функционал

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

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

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

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

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

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

Какие инструменты и технологии мы использовали

03
Инструменты
Figma
Figma
Photoshop
Photoshop
WordPress
WordPress
JQuery
JQuery
PHP
PHP
JavaScript
JavaScript
WPBakery
WPBakery
Swiper
Swiper
FancyBox
FancyBox
Bootstrap
Bootstrap

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

04
Скорость
cargo.transavia.by
Анализировать
Мобильные устройства
Компьютер
92
cargo.transavia.by
0-49
50-89
90-100
Мобильные устройства
Компьютер
95
cargo.transavia.by
0-49
50-89
90-100
Показания сервиса
Google PageSpeed Insights

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

Результаты по проекту

05
Результат

Результат можно увидеть на изображениях ниже или перейдя на сам сайт. При создании были соблюдены все пожелания клиента. В купе с опытом наших специалистов у нас получился удобный сайт с приятным современным дизайном и быстрой скоростью загрузки страниц.

1. Клиентоориентированный дизайн
Создан сайт с акцентом на удобство пользователей, что позволяет легко находить нужную информацию и продукты.
2. Соответствие корпоративному стилю
Дизайн полностью отражает корпоративный стиль компании, обеспечивая единство бренда и идентичности.
3. Навигация и функциональность
Внедрены удобные элементы навигации, что облегчает пользователям процесс поиска и ознакомления с контентом сайта.
4. Актуальная информация
Сайт был заполнен актуальными данными о продукции и услугах, что способствует принятию обоснованных решений клиентами.
5. Оптимизирован для различных устройств
Сайт адаптирован для работы на разных устройствах и экранах, что обеспечивает пользователям комфортный доступ с любого устройства.
Хотите так же?
Давайте обсудим проект!
+

Обсудить проект

+

Заявка на обратный звонок

Согласие на обработку персональных данных в соответствии с целями, указанными в Политике обработки персональных данных