Главная страница: информируем и продаем

Было:

• Отсутствовала визуальная иерархия: заголовки, подзаголовки и кнопка «Читать дальше» терялись на фоне баннера.
• 41% новых пользователей не видели ключевой информации о компании (история, преимущества, достижения).
• Превью товаров и категории ограничивались картинками и базовой информацией, СТА были не заметны.

Стало:

• Внедрена четкая визуальная иерархия: контрастные заголовки, подзаголовки и заметные CTA.
• Добавлен блок «О компании» с ключевой информацией для новых пользователей.
• Оптимизирована навигация: категории и важные блоки вынесены на первый экран.
• Превью товаров стали информативными: характеристики, преимущества, CTA и т. д.

Страница категории: помогаем выбрать

Было:

• Фильтры в мобайле в одну колонку, длинный скролл и перезагрузка страницы при каждом изменении.
• В плитках товаров отсутствовала кнопка «Buy in Shop / Buying Options», что затрудняло процесс покупки.
• Не было функции сравнения; тестовая иконка выглядела как «копировать» и вводила пользователей в заблуждение.

Стало:

• Добавлена кнопка «Фильтры» с переходом на отдельную страницу и сгруппированными параметрами (цена, размер, цвет).
• Добавлена заметная кнопка «Buy in Shop / Buying Options» на плитках товаров для быстрого доступа к магазинам.
• Реализована функция сравнения товаров с понятной иконкой в верхнем правом углу.

‍

О компании: важная страница для B2B

Было:

• Большие фото съедали экран, смещая важную информацию.
• Текст трудно читать (по центру, длинные строки).
• Сертификаты и дистрибьюторы занимали слишком много места.

Стало:

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

Контакты: чтобы таки могли get in touch

Было:

• Текст слишком широкий, форма слишком большая, кнопка «Send» незаметна, а телефон и FAQ отсутствуют.
• Пользователь не получал объяснения, если возникала ошибка при вводе email/телефона в форме.
• Секция «Команда» была слишком длинной: каждый человек в отдельной строке → длинный скролл.

Стало:

• Объединены текст и форма, добавлен телефон, FAQ, сделана заметная кнопка «Send».
• Добавлены подсказки к полям с примерами корректного формата.
• Секция «Команда» оптимизирована для удобного просмотра как на десктопе, так и на мобайле.

Видео: презентуем товар и повышаем лояльность

Было:

• Серый баннер выглядел тускло и не привлекал внимания.
• Видео без краткого описания — пользователям сложно понять содержание.
• Если видео не подходило, пользователи покидали страницу вместо перехода к другим разделам.

Стало:

• Баннер изменен на яркий и контрастный.
• Добавлены краткие описания к каждому видео с ключевой информацией.
• Добавлены переходы к другим разделам сайта («Inspiration», «Featured products»).