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

В короткий срок разработать лендинг для повышения статуса компании и сбора заявок на услуги. Форма обратной связи должна отличаться для физических и юридических лиц.
Был реализован адаптивный лендинг, призванный подчеркнуть статус компании как надежного партнера в области международных поставок из Китая. Сайт разработан с учетом современных требований к юзабилити и технической производительности Внедрены функциональные формы обратной связи.
Доставка товаров из Китая
- 2 недели – дизайн (предоставлен заказчиком)
- 2 недели – разработка
- 3 дня – заполнение
Краткий бриф на разработку сайта
Выбор цветовой палитры, шрифтов и визуального контента


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

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

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

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

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

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

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

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

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

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