Разработка сайта для компании HOTZ

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

Мы сделали за 2 месяца многостраничный сайт одного из самых крупных производителей лакокрасочных покрытий для автомобилей — компании ХОТС. Проект создавали, как полную замену старому сайту компании, который не отвечал новым запросам бизнеса и пользовательским запросам. Проанализировали целевые аудитории, проработали структуру и написали тексты. Создали с помощью нейросетей необходимый визуальный ряд, отрисовали макеты и сверстали весь сайт на платформе Tilda Publishing.

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

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

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

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

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

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


С появлением нового сайта удалось решить много важных задач:

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

Каждая целевая аудитория компании получила свою профильную страницу с необходимым и важным контентом.

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

Мы проводили много видео-интервью с заказчиками, чтобы определить основные бизнес-задачи

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

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

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

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

3. Исследовали потребности и возражения разных целевых аудиторий для компании.

4. Создали информационную архитектуру сайта и продумали логику каждой страницы.

5. С помощью нейросетей создали огромное количество релевантных изображений.

6. Разработали дизайн-концепцию, опираясь на новые изображения, так как у компании не было своих.

7. Написали броские и яркие текстовые блоки, которые сделали tone of voice компании более узнаваемым.

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

9. Спроектировали удобную таблицу дилеров компании, которую могут исследовать покупатели.

10. Создали удобную дизайн-систему, чтобы в будущем без проблем масштабировать сайт.

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

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

Сайт собран на платформе Tilda Publishing, так как для изначальных задач по срокам разработки и техническим интеграциям, она максимально подходила.

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

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

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

После каждого промежуточного итога, встречались с заказчиками на видео-конференциях для пояснения своих решений. Когда у заказчиков было мало времени — записывали Лумы с подробными комментариями. Это помогло создать проект внутри ограниченных сроков для запуска и не отвлекало заказчиков от важных задач.

Прочая информация о кейсе

Лакокрасочная компания ХОТС — один из ведущих производителей покрытий для автомобилей. На каждом 5 автомобиле в РФ есть детали, покрашенные с помощью продукции компании. ХОТС первыми внедрили использование нейросетей для создания визуальной айдентики и оформления своей продукции.

Скриншоты