Дизайн сайта производителя косметики: наука и красота

Задача и проблема

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

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

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

О клиенте

«Проектное бюро антивозрастной косметики» — подразделение компании «РОС-Химия», которая поставляет косметическое сырье из Южной Кореи, производит активы и готовую косметику, а также разрабатывает новые компоненты и формулы для российских брендов.

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

Решение — дизайн сайта на стыке науки и индустрии красоты

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

Предыдущий сайт не передавал масштаб компании и не использовал репутационный капитал «РОС-Химии». Из-за различий в визуальной системе пользователи не воспринимали Бюро как часть сильного производственного бренда.

Мы разработали новую концепцию, которая сохраняет самостоятельность Проектного бюро и одновременно показывает его связь с экспертизой «РОС-Химии».

Концепция — научная лаборатория в эстетике глянцевого журнала

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

В основе дизайна объединили два образа: точность лабораторных исследований и визуальный язык индустрии красоты.

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

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

Представили продукты через свойства и визуальный эффект

Для разных категорий продукции разработали собственный способ подачи. 

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

Так дизайн помогает не просто прочитать характеристики продукта, а представить его применение и ценность.

Разработали типографическую систему для экспертного бренда

Отдельное внимание уделили типографике, которая должна была поддерживать выбранную концепцию.

Мы искали сочетание, которое одновременно передает научность и эстетику бьюти-сферы: современный характер заголовков, выразительность акцентов и комфортное чтение больших объемов экспертного контента.

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

Перестроили каталог продукции вокруг задач специалистов

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

Совместно с клиентом выделили четыре ключевые аудитории:

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

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

Мы разделили каталог на направления: активы, компоненты косметики, пигменты и наполнители. Для каждого раздела создали собственную систему фильтров с характеристиками, которые важны конкретной аудитории. Например, технологу важно быстро найти компонент по свойствам и составу, а предпринимателю — понять возможности производства собственной линейки.

Показали экспертов, которые создают продукты

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

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

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

Результат — сайт для сильного бренда экспертов

После запуска нового сайта пользователи стали активнее изучать материалы компании и глубже погружаться в ее экспертизу.

За четыре месяца после обновления:

• время сеанса пользователя увеличилось в 1,3 раза;
• глубина просмотра выросла в 1,4 раза по сравнению с предыдущей версией сайта.

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

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

Какие задачи помогает решать такой подход

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

Такой подход помогает:

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

Кому актуально это решение

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

• производителям косметики;
• химическим предприятиям;
• медицинским компаниям;
• лабораториям и исследовательским центрам;
• производителям оборудования;
• промышленным предприятиям;
• технологическим компаниям.