Пн-Пт 9:30-18:00
порфтолио

ООО «Бизнес-Курьер»

Как мы разработали корпоративный сайт для «Бизнес-Курьер» и перенесли сервисы Major Express на площадку регионального представителя

ООО «Бизнес-Курьер» — официальный и эксклюзивный представитель логистической компании Major Express в Воронежской области. Компания организует экспресс-доставку документов, корреспонденции и грузов по России и за рубеж, работает с частными клиентами и бизнесом, а также предоставляет дополнительные онлайн-сервисы для управления отправлениями.

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

Главная сложность проекта заключалась в ограничениях фирменного стиля. «Бизнес-Курьер» работает под брендом крупной логистической сети, поэтому мы не могли полностью переосмыслить визуальную систему или предложить оформление, не связанное с франшизой. Логотип Major Express, фирменная палитра и общая стилистика должны были остаться узнаваемыми.

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

О клиенте

«Бизнес-Курьер» организует экспресс-доставку документов и грузов по России и миру. Компания представляет Major Express в Воронежской области и выступает связующим звеном между клиентами региона и международной логистической инфраструктурой.

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

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

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

Проблема: региональный представитель зависел от сайта головной компании

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

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

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

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

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

Работа в условиях брендбука

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

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

При этом копировать существующий сайт Major Express было нельзя. «Бизнес-Курьер» требовался самостоятельный ресурс, ориентированный на клиентов Воронежской области и учитывающий собственные процессы компании.

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

Так ограничения стали не препятствием, а рамкой, внутри которой мы смогли показать профессионализм команды. Новый сайт сохранил узнаваемость бренда Major Express, но получил собственную структуру и современную подачу.

Задача

Перед нашей командой стояла задача разработать с нуля корпоративный сайт на Битриксе для регионального представителя Major Express. Ресурс должен был представить основные направления экспресс-доставки документов и грузов, показать преимущества сотрудничества с компанией и объединить необходимые онлайн-сервисы в одном интерфейсе.

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

Отдельным требованием стала управляемость ресурса. Сотрудникам компании необходимо было самостоятельно публиковать новости, обновлять тексты, редактировать контактные данные и поддерживать актуальность разделов без постоянного обращения к разработчикам.

Тип работ:
Корпоративный сайт
Сайт:
bk36.ru
Пояснительное изображение для первого шага

Исследование пользовательских сценариев

Проектирование мы начали с анализа основных задач аудитории.

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

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

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

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

Такая логика позволяет одинаково эффективно работать и с новыми посетителями, и с клиентами, которые уже пользуются услугами «Бизнес-Курьер».

Главная страница как единая точка входа

Главную страницу мы построили вокруг ключевого предложения компании — экспресс-доставки документов и грузов по России и миру.

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

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

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

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

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

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

Онлайн-сервисы без перехода на сторонний ресурс

Одним из ключевых решений стала интеграция сервисов непосредственно в сайт «Бизнес-Курьер».

Раньше для выполнения отдельных действий клиенту приходилось переходить на площадку головной компании. Теперь основные сценарии доступны на сайте регионального представителя.

Особое внимание уделили работе с накладными. Пользователь может запросить необходимую информацию и проверить данные отправления, не теряя контекст взаимодействия с «Бизнес-Курьер».

Для клиента это сокращает путь к результату. Ему не требуется разбираться в структуре нескольких сайтов или повторно искать нужный раздел.

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

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

Формы для разных сценариев доставки

Значительная часть макетов посвящена формам. Для логистической компании это важнейший элемент сайта, поскольку качество заявки напрямую влияет на скорость последующей обработки заказа.

Мы отказались от универсальной короткой формы, которая собирала бы только имя и телефон. Для разных задач разработали отдельные сценарии.

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

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

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

Активные участки формы выделены фирменным оранжевым цветом. Он используется для заголовков, кнопок и ключевых элементов, направляя внимание пользователя и поддерживая стилистику Major Express.

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

порфтолио

Новости как рабочий информационный раздел

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

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

Структура раздела не перегружена декоративными элементами. Основное внимание отдано содержанию, поскольку пользователь часто приходит сюда за конкретной информацией.

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

На главной странице выводятся последние материалы, поэтому важные обновления доступны без дополнительного перехода в раздел.

Визуальная концепция

В основе дизайна лежит фирменная палитра Major Express.

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

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

В качестве основного шрифта для крупных заголовков использовали Fira Sans. Его плотное и выразительное начертание подходит для акцентных сообщений и помогает сделать интерфейс современным. Для основного текста и элементов управления выбран Roboto — нейтральный и хорошо читаемый шрифт, удобный для форм и информационных блоков.

Мы также разработали систему линейных пиктограмм, связанных с логистикой: транспортом, географией, документами, отправлениями, курьерскими услугами и упаковкой. Иконки выполнены в едином стиле и помогают быстрее различать направления без дополнительного текстового объёма.

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

Связь с брендом Major Express

Одной из главных задач было сохранить визуальную преемственность с головной компанией.

Логотип Major Express используется в шапке и подвале сайта. Фирменный оранжевый цвет последовательно проходит через весь интерфейс: от кнопок на первом экране до заголовков форм и декоративных линий.

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

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

Навигация и интерфейс

Шапку сайта сделали компактной и функциональной. В ней размещены логотип, основные разделы, контактные данные и заметная кнопка целевого действия.

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

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

Подвал содержит основные ссылки и способы связи. Даже после заполнения формы или изучения новости посетитель может перейти к нужному разделу либо обратиться в компанию.

Разработка на Битриксе

Сайт реализован на системе управления 1С-Битрикс. Это позволило создать надёжную техническую основу для корпоративного ресурса и предоставить сотрудникам компании возможность самостоятельно работать с контентом.

В административной панели можно публиковать и редактировать новости, обновлять текстовые блоки, менять контактную информацию и управлять содержанием страниц.

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

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

Архитектура допускает дальнейшее развитие. На сайт можно добавлять новые сервисы, формы, информационные материалы и направления доставки без полной переработки интерфейса.

Пояснительное изображение для третьего шага

Адаптивная версия

Сервисы доставки часто используют со смартфона. Клиент может оформлять заявку из офиса, дома, со склада или непосредственно в момент подготовки отправления.

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

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

Контактные данные и основные целевые действия остаются заметными на разных разрешениях.

Как решения влияют на работу компании

Новый сайт объединил презентационную и сервисную функции.

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

Перенос работы с накладными на сайт «Бизнес-Курьер» устранил лишний переход на ресурс головной компании. Пользователь остаётся в единой среде и взаимодействует с региональным представителем на протяжении всего сценария.

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

Новостной раздел предоставляет компании самостоятельный канал информирования клиентов. Через него можно оперативно сообщать об изменениях и поддерживать актуальность ресурса.

Соответствие брендбуку Major Express усиливает доверие и подтверждает официальный статус представителя. При этом самостоятельная структура сайта делает «Бизнес-Курьер» более заметным как локальную компанию, отвечающую за обслуживание клиентов в регионе.

Инфраструктурный результат

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

«Бизнес-Курьер» получил управляемый сайт на Битриксе, который презентует компанию и направления доставки, соответствует фирменному стилю Major Express и объединяет онлайн-сервисы на площадке регионального представителя.

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

Сайт адаптирован для дальнейшего развития. Компания может добавлять новые сервисы, расширять информационные разделы и внедрять дополнительные сценарии обслуживания по мере роста бизнеса.

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

Итог

Для ООО «Бизнес-Курьер» мы разработали с нуля корпоративный сайт на Битриксе, который сохранил узнаваемость Major Express и одновременно решил самостоятельные задачи регионального представителя.

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

Главным функциональным результатом стала интеграция онлайн-сервисов. Клиент может взаимодействовать с отправлениями, работать с накладными и оформлять заявки непосредственно на сайте «Бизнес-Курьер», не переходя на площадку головной компании.

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

Чётко сформулированное техническое задание, постоянное взаимодействие с заказчиком и оперативное согласование решений помогли выполнить проект раньше запланированного срока. Новый сайт объединил требования франшизы, потребности регионального бизнеса и удобство пользователей — именно такой результат и требовался компании.

Пояснительное изображение для первого шага

Не знаете с чего начать? Напишите нам

Получите полную консультацию по Вашему проекту бесплатно и быстро

map map