Cайт для производителя смазочных материалов из Казахстана HILL Corporation

Наш клиент ТОО «High Industrial Lubricants & Liquids Corporation» (HILL) — ведущий производитель смазочных материалов в Казахстане. Компания изготавливает и продаёт более 400 видов масел и пластичных смазок для легкового и коммерческого транспорта.

HILL Corporation требовался новый сайт с каталогом для успешного выхода на международный рынок и роста продвижения продукции в своей стране.

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

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

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

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

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

Что клиент получил в итоге:

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

— структурированный каталог товаров, собранный в процессе подготовки материалов для сайта;

— рост заявок от соискателей, желающих работать в HILL Corporation.

Для полноценных статистических выводов с момента сдачи работ прошло ещё слишком мало времени. Однако наполненность сайта нужной пользователям информацией о товарах и компании уже даёт свои плоды. Так, по данным Метрики на ноябрь 2023 года, почти в 2 раза увеличилось время на сайте, в 1,5 раза снизился показатель отказов, а глубина просмотра увеличилась на 17%.

На этом этапе мы:

— Провели несколько интервью со специалистами различных отделов и руководителями HILL Corporation. Это помогло составить портреты целевой аудитории, определить, кто является основными заказчиками и кого хотелось бы привлечь.

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

— Параллельно велась работа по сбору семантики, составлению структуры сайта и анализ сайтов конкурентов.

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

ЭФФЕКТЫ И АНИМАЦИЯ

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

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

ЦВЕТА И ШРИФТ

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

Хорошо читаемый, но достаточно убористый TT Supermolot Neue с характерным начертанием отлично подошёл, чтобы показать технологичность HILL Corporation и выделить сайт на фоне конкурентов.

ИЛЛЮСТРАЦИИ

За время работы над проектом клиент предоставил не только качественные фото сотрудников, завода и товаров, но и с помощью нейросети отрисовал дополнительные иллюстрации и оформил их в едином стиле. Шёл 2023 год всё-таки — без нейронок никуда=)

ГЛАВНАЯ

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

КАТАЛОГ

Каталог продукции — двухуровневый. Делить каталог ниже второго уровня не стали, исходя из рекомендаций SEO-специалиста. Чем ниже уровень вложенности, тем меньший вес она имеет для поисковых систем. Все дополнительные страницы внутри категорий создаются с помощью модуля тегирования. 

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

Плюс для основных линеек продукции было разработано 3 набора иконок упаковки.

Корзину мы сделали на Vue.js, что позволило обеспечить мгновенное обновление интерфейса пользователя при изменении данных.

ИНФОРМАЦИОННЫЕ РАЗДЕЛЫ

Как и на многих сайтах промышленных организаций, помимо каталога, наш сайт имеет разделы, посвященные компании и производству. На сайте HILL Corporation это не одна страница, а целые группы страниц, наполненные текстом и иллюстрациями.

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

Украшением информационных страниц стали наглядные схемы: например, интерактивная карта завода и анимированная схема производства масел.

Новый сайт закрыл потребности всех сегментов целевой аудитории HILL Corporation: потенциальных клиентов, партнёров, сотрудников компании.

— На сайте стало больше полезной информации и ее стало удобнее искать: как данные о продукции, так и об организации;

— Начали поступать заявки от соискателей, ищущих работу в HILL Corporation;

— У сотрудников коммерческого отдела компании появился доступ к полному каталогу в наглядном и удобном виде.

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