О компании: Организация находит, покупает, доставляет, производит растаможку, сертифицирует в Беларусь, Россию и страны Европы любые товары из Китая.
Основные цели: В короткий срок разработать лендинг для повышения статуса компании и сбора заявок на услуги. Форма обратной связи должна отличаться для физических и юридических лиц.
| Краткий бриф на разработку сайта | |
| Наименование компании | ООО «КИТБАЙ» |
| Сфера деятельности | Доставка товаров из Китая |
| Страна, на которую рассчитан сайт | Беларусь |
| Основные товары и услуги | Проведение переговоров с производителями и поставщиками, расчёт стоимости, помощь в оформлении документов, доставка, проверка, сертификация |
| Домен сайта | kitby.by |
| Целевая аудитория | Физические и юридические лица, закупающие товары в Китае в больших объемах |
| Задачи сайта | Сбор заявок от клиентов, информирование о деятельности компании |
| Тип сайта | Landing page |
| Тариф | Индивидуальное решение |
| CMS | WordPress |
| Хостинг | HB.by |
| Пожелания заказчика | Придерживаться согласованного дизайна сайта, обеспечить работоспособность формы для заявки |
Обращение
Компания «КИТБАЙ» постепенно расширяет свою деятельность и масштабируется, поэтому возникла необходимость в создании лендинга для повышения статуса организации и привлечения новых клиентов. Самым важным элементов на сайте должна быть форма обратной связи и просчёта стоимости, позволяющая заполнить контактные данные как физическому лицу, так и юридическому.
Фирменная палитра и шрифты
Цветовая палитра сайта была подобрана исходя из фирменного стиля компании: оттенки синего и голубого цветов. Также был разработан паттерн для фона, в котором используется графический элемент логотипа – хвостовой плавник кита.
Стандартный шрифт Inter, используемые в проекте, обусловлен фирменным стилем компании: все социальные сети и рекламная продукция оформлены с использованием данного шрифта. Он имеет много начертаний, что позволяет выделять важные моменты в блоках.
Цвета
Процесс разработки
Первый экран
Так как лендинг – это одностраничный сайт, призванный добиваться поставленных компанией целей, уже с первого экрана лендинг должен зацепить и оставить пользователя на сайте. На главном баннере представлена информация о компании: краткий текст о деятельности и кнопки для заявки и расчёта стоимости услуги. В хэдере лендинга располагается контактная информация и логотип. С первого взгляда сайт цепляет реалистичным изображением и паттерном на фоне.
В адаптивной версии меню всплывает при нажатии на иконку бургер-меню. Можно сразу обратиться к интересующему блоку с информацией.
Команда
После главного баннера следует несколько блоков, показывающих все услуги компании с использованием собственных фотографий организации. Далее расположены дополнительные услуги и преимущества работы с компанией. Здесь указана миссия компании: закрытие потребностей клиентов в поиске, приобретении и доставке любых товаров из Китая, оптимизируя их финансовые и временные затраты.
Затем следует важный блок со специалистами компании. Здесь расположены фотографии ведущих сотрудников вместе с их должностью и контактной информацией для связи с каждым специалистом.
Маска для телефона
Предпоследний блок представляет собой сокращенную форму, которая позволяет заинтересованным посетителям при возникших вопросах оставить только свой номер телефона, чтобы сотрудник компании быстро связался с человеком и ответил на все вопросы. Такая сокращенная форма необходима, когда у человека нет четко сформированного запроса.
Форма обратной связи
Индивидуально для данного сайта была реализована веб-форма бесплатного просчёта доставки товара. В данной форме, помимо контактной информации, можно указать количество товара для доставки и желаемую сумму. Также пользователь может прикрепить до 5 изображений определённого формата. Изображения отображаются в виде маленьких карточек-превью. После отправки формы пользователем владелец получает заявку на электронную почту вместе с изображениями, прикрепленными к электронному письму.
Такая форма обратной заявки позволяет разделить клиентов на физические и юридические лица. Для последних добавляется поле с вводом названия компании.
Скорость загрузки
Одной из особенностей всех наших проектов является крайне высокая скорость загрузки. Несмотря на сжатые сроки, наши специалисты всё равно успели оптимизировать лендинг для его быстрой загрузки. Мы добились высоких показателей в 97 баллов на десктопных устройствах и 99 баллов на мобильных (возможны более низкие результаты из-за медленного интернета, сильной нагрузки на устройства). Благодаря этому, пользователям быстрее будет загружаться лендинг для просмотра информации.
Google PageSpeed Insights
Результаты
В конечном итоге, за короткий срок был разработан лендинг, выполняющий необходимые цели по корректному сбору заявок. Была проделана большая работа и над качественно оформленными адаптивами, и над высокой скоростью загрузки лендинга.
