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

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

Кейс по созданию лендинга для компании по доставке товаров из Китая
Обсудить проект
ООО «КитБай» — компания, занимающаяся процессом поставок товаров из Китая: находя, закупая, доставляя, растомаживая и сертифицируя товары для Беларуси, России и стран Европы. Благодаря высокой экспертности и чётко выстроенным логистическим процессам, организация обеспечивает как юридическим, так и физическим лицам доступ к товарам из Китая без рисков и неоправданных затрат.
Дизайн
Дизайн
Индивидуальный
Сайт
Сайт
Лендинг
Скорость
99 / 97
Загрузки сайта
Язык
RU
Русский
Цены
BYN
Конвертер
Лид-форма
Лид-форма
Расчет стоимости
Мессенджеры
Мессенджеры
Коммуникация
Первый экран с УТП

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

Первый экран с УТП
Горизонтальный слайдер услуг

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

Горизонтальный слайдер услуг
Блок «Команда»

Раздел представлен в формате персональных карточек
с фотографиями, именами и должностями сотрудников.
Размещены интерактивные элементы контактных данных:
номер телефона, ссылка на Telegram и корпоративный email.

Блок «Команда»
Лид-форма обратной связи

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

Лид-форма обратной связи
Блок «Вопрос / Ответ»

Блок «Частые вопросы» выполнен в соответствии с
выдержанным цветовым решением и типографикой.
Каждый вопрос сопровождается описанием, а при
нажатии на значок «+» открывается подробный ответ.

Блок «Вопрос / Ответ»
Задача

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

Решение

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

Ниша

Доставка товаров из Китая

Продолжительность
  • 2 недели – дизайн (предоставлен заказчиком)
  • 2 недели – разработка
  • 3 дня – заполнение

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

Наименовании компании
ООО «КИТБАЙ»
Сфера деятельности
Доставка товаров из Китая
Страна, на которую рассчитан сайт
Беларусь
Основные товары и услуги
Проведение переговоров с производителями и поставщиками, расчёт стоимости, помощь в оформлении документов, доставка, проверка, сертификация
Домен сайта
kitby.by
Целевая аудитория
Физические и юридические лица, закупающие товары в Китае в больших объемах
Задачи сайта
Сбор заявок от клиентов, информирование о деятельности компании
Тип сайта
Тариф
Индивидуальное решение
CMS
WordPress
Хостинг
Пожелания заказчика
Придерживаться утверждённой дизайн-концепции сайта, а также разместить несколько форм: форму заявки, форму запроса на бесплатный расчёт и контактную форму с полем для ввода номера телефона - обеспечить их корректную техническую работу, сохранив визуальную целостность всех элементов.

Выбор цветовой палитры, шрифтов и визуального контента

01
Цвет и типографика
Цветовая палитра сайта была подобрана исходя из фирменного стиля компании: оттенки синего и голубого цветов. Также был разработан паттерн для фона, в котором используется графический элемент логотипа - хвостовой плавник кита.
Стандартный шрифт Inter, используемый в проекте, обусловлен фирменным стилем компании: все социальные сети и рекламная продукция оформлены с использованием данного шрифта. Он имеет множество начертаний, что позволяет выделять важные моменты в блоках лендинга.
#003963
#000000
#1f9ec4
#ffffff
Цветовая палитра сайта была подобрана исходя из фирменного стиля компании: оттенки синего и голубого цветов. Также был разработан паттерн для фона, в котором используется графический элемент логотипа - хвостовой плавник кита.
#003963
#1f9ec4
#000000
#ffffff
Стандартный шрифт Inter, используемый в проекте, обусловлен фирменным стилем компании: все социальные сети и рекламная продукция оформлены с использованием данного шрифта. Он имеет множество начертаний, что позволяет выделять важные моменты в блоках лендинга.

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

02
Функционал

Первый экран

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

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

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

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

Форма также учитывает тип клиента: при выборе «юридическое лицо» автоматически появляется дополнительное поле для ввода названия компании. Такой подход позволяет точно сегментировать обращения и повышает качество обработки заявок.

Сотрудники

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

Маска для телефона

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

Первый экран

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

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

Сотрудники

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

Маска для телефона

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

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

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

Форма также учитывает тип клиента: при выборе «юридическое лицо» автоматически появляется дополнительное поле для ввода названия компании. Такой подход позволяет точно сегментировать обращения и повышает качество обработки заявок.

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

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

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

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

Скорость загрузки сайта — одно из приоритетных направлений в работе маркетингового агентства SILVERWEB. Даже в условиях ограниченных сроков команда специалистов провела глубокую техническую оптимизацию, обеспечив выдающиеся показатели производительности: до 97 баллов на десктопах и 99 баллов на мобильных устройствах по независимым метрикам Google PageSpeed Insights. Такая скорость гарантирует пользователю мгновенный доступ к контенту и повышает общий уровень вовлечённости. Итоговые значения могут незначительно отличаться в зависимости от качества интернет-соединения и характеристик устройства.

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

05
Результат
1. Успели в сжатый срок
Разработали сайт в соответствии с согласованным сроком - 18 рабочих дней.
2. Создали дизайн-концепцию
Нарисовали дизайн-проект в фирменной стилистике бренда, вызывающий интерес у потенциальных клиентов.
3. Наполнили примерами поставляемых товаров
Реализовали подборку товаров, уже приобретенных клиентами.
4. Создали лид-формы
Разработали формы заявки на отправку запроса и просчет стоимости поставок для юридических/физических лиц.
5. Учитывали все пожелания клиента
При возникновении новых идей от клиента оперативно обсуждали их возможность и дополняли проект.
Хотите так же?
Давайте обсудим проект!
+

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

+

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

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