Головна сторінка: інформуємо та продаємо

Було:

• Відсутня візуальна ієрархія: заголовки, підзаголовки та кнопка «Читати далі» губилися на фоні банеру.
• 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»).