WHITE GROUP — компания-производитель бытовой химии с инновационным производством полного цикла.

White Group — производитель бытовой химии в сегменте масс-маркета, на рынке с 2016 года. Особенность компании в том, что они закрывают полный цикл: от тары до конечного продукта, поэтому у них есть конкурентное преимущество перед другими производителями.

У ребят уже был старый сайт, но они провели ребрендинг и пришли к нам с запросом создать что-то новое. В ходе брифа мы выяснили, что сайт нужен имиджевый, больше для B2B-сегмента и офлайн-продаж. Ну, например, чтобы показать сайт дистрибьютору и вызвать у него доверие для сотрудничества.

После шага №0, анализа ниши, мы поняли структуру и боли целевой аудитории. Написали тексты для сайта и презентовали смысловую структуру заказчику.

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

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

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

Разработку дизайна начали с цветов, и несмотря на то, что на сайте их много за счет продукции, пользователи воспринимают его «чистым». Выбор палитры отталкивался от названия White Group, поэтому сайт получился светлым. За основу мы взяли белый, серый и голубой цвета.

В заголовках планировали использовать крупную типографику, поэтому в качестве основного шрифта выбрали массивный «Oswald Regular», потому что завод с большими объемами — дело серьезное. Его же использовали для подзаголовка, но в другом начертании. Для описательной части выбрали классический «Onest Regular», так как он довольно хорошо читается.

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

В дизайне мы сделали упор на динамичность, поэтому по всему сайту расположены 3D-модели продукции, которые задают настроение и помогают разбавить текстовую часть сайта.

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

Чтобы показать флагманские бренды, мы добавили блок с бегущими логотипами продукции. Он создает ощущение, что брендов больше, чем есть на самом деле)

Карта с географией продажи закрашивается по мере скролла и говорит нам, что «с каждым годом мы занимаем все больше территории России». Здесь пользователь может посмотреть, в каких регионах продается продукция компании.

Дизайн на сайте White Group выступает помощниками для 3 задач:

1) Постепенное погружение в информацию за счет плавного появления;

2) Переключение внимания с текста на визуал, чтобы пользователь немного расслабился и с новыми силами пошел изучать страницу дальше;

3) Tone of voice бренда и ассоциации для отстройки от конкурентов;

Эстетическую функцию мы не будем включать в список, но получилось довольно красиво!)

Одной из задач сайта было представить продукцию и показать её бренды. Но заказчик изначально не планировал продажи через сайт в B2C-сегменте, потому что внутри компании нет структуры для поддержки собственного интернет-магазина. К тому же, если продавать через сайт, то стоимость товара сильно вырастет из-за дополнительных затрат на логистику и конкурентное преимущество теряется.

Но в продукции важно было подсветить категории, мы их представили через небольшие карточки в одном блоке. При нажатии карточка ведет на «Вайлдберриз». Такое решение позволяет бизнесу оставаться в привычном ценовом сегменте и создавать более выгодные условия для покупателей.

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

Использовали формат рассказа о компании в цифрах, чтобы вызвать доверие. 48 тонн готового продукта за 2023 год - факт хороший, с этим не поспоришь)

При скролле блока с рассказом о компании цифры двигаются, и шансы, что пользователь их не увидит, стремятся к нулю. Интересная деталь: на подложках у фактов добавили часть из логотипа White Group.

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

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

Проект White Group стал удачным примером того, как можно представить производственную компанию в цифровом пространстве. Нам удалось создать не просто сайт, а имиджевую платформу, которая вызывает доверие у B2B-партнеров, четко транслирует ценности бренда и выделяется на фоне конкурентов.

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

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

В результате компания White Group получила удобный инструмент для взаимодействия с партнерами и уверенно вышла на новый уровень digital присутствия.