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

Главное о кейсе

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

Компании требовался новый сайт для успешного выхода на рынок РФ в условиях санкций. Текущий сайт морально устарел и практически не поддерживался в актуальном состоянии. Нужна была отстройка от конкурентов, в том числе брендов мирового уровня.

ЧТО МЫ СДЕЛАЛИ:

1. на старте работ провели подробный анализ ниши, конкурентов, аудитории, визуализировали сценарии поведения потенциальных покупателей с помощью CJM;
2. разработали структуру каталога товаров. У клиента не было систематизированного каталога, собранного в одном месте. Мы разработали модуль импорта номенклатуры с таблицей-шаблоном, добавили возможность импорта товаров в разные языковые версии.
3. с учетом результатов аналитики, принципов UX/UI дизайна, потребностей клиента и здравого смысла разработали главную и остальные страницы сайта. Добавили возможность наполнять информационные страницы с помощью стандартизированных блоков, которые при необходимости можно менять местами, получая индивидуальное оформление в единой дизайн-концепции.
4. начали работы по SEO.

ЧТО КЛИЕНТ ПОЛУЧИЛ В ИТОГЕ:

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

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

Как проект изменил жизнь пользователей

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

ЧЕМ ВАЖЕН РЕЗУЛЬТАТ

— на сайте стало больше полезной информации и ее стало удобнее искать: как данные о продукции, так и об организации;
— начали поступать заявки от соискателей, ищущих работу в HILL Corporation;
— у сотрудников коммерческого отдела компании появился доступ к полному каталогу в наглядном и удобном виде.

И ЧТО ВАЖНО КРОМЕ РЕЗУЛЬТАТА?

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

Считаем, что с помощью нового сайта HILL Corporation сможет быстро и эффективно начать активное продвижение своей продукции как в Казахстане, так и в России.

Бизнес-задача и ее решение

Бизнес-задача клиента — вывести свою продукцию на рынок РФ и СНГ. От нас для этого требовалось создать сайт, отвечающий современным требованиям дизайна и функционала, отстраивающий компанию от конкурентов и, конечно, конверсионный.

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

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

Крафт (мастерство), реализация, технические детали

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


АНАЛИТИКА

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


КАТАЛОГ

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

Все дополнительные страницы внутри категорий сейчас (то есть уже после окончания разработки, в рамках договора по seo-продвижению) мы создаём с помощью модуля тегирования. Удобно для администраторов и для посетителей сайта.


КОРЗИНА НА VUE.​JS

Во-первых, это удобно для конечного потребителя. Использование Vue.​js обеспечивает реактивность, позволяя мгновенно обновлять интерфейс пользователя при изменении данных в корзине, не вызывая полной перезагрузки страницы. Это дает более быстрый и плавный пользовательский опыт.

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


СХЕМЫ

На информационных разделах сайта добавлено несколько анимированных и интерактивных схем:
— на странице О компании (https://hillcorporation.kz/company/) внедрена интерактивная карта завода;
— на странице Производство (https://hillcorporation.kz/proizvodstvo/) добавлена плавная анимация для схемы производства товарных масел.


ТОНКАЯ ПОДСТРОЙКА ВИДА СТРАНИЦЫ

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

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

ВСЕГДА НА СВЯЗИ

Разница между Казахстаном и Санкт-Петербургом +3 часа. Это накладывает некоторые ограничения на коммуникацию, которую в итоге приходилось планировать на утро. Несмотря на это, связь поддерживалась регулярно: еженедельные статусные встречи и несколько дополнительных созвонов в течение недели.

Длительные онлайн-встречи нашего менеджера проекта с его коллегой со стороны клиента помогли:
— держать темп проекта (итог — сдали раньше срока);
— управлять ожиданиями клиента, а также вовремя корректировать процесс создания сайта в соответствии с новыми вводными от руководства и маркетологов HILL Corporation;
— планировать и контролировать количество ресурсов агентства для разработки.


ДИЗАЙН БЕЗ КОНТЕНТА

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

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


2023 ГОД — БЕЗ НЕЙРОНОК НЕ ОБОЙТИСЬ

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


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

Скриншоты