Биоакнеролл

О компании

BIOAKNEROLL - компания, занимающаяся производством косметики для косметологов и простых людей.

Цели и задачи сайта:

У компании был текущий сайт. Было принято решение сделать редизайн данного сайта со следующими целями?

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

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

3. Оптимизация для мобильных устройств:
   Сайт должен быть адаптирован под различные устройства (мобильные телефоны, планшеты, компьютеры). Мобильная версия сайта должна быть не менее удобной, чем десктопная, с простыми и доступными функциями.

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

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

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

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

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

Решение

1. Шапка сайта.

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

2. Блок с товарами

- Карточки товаров стали более компактными и упорядоченными, что улучшает восприятие и облегчает навигацию.
Улучшена цветовая палитра, в соответствии с новым брендбуком клиента, карточки товаров и изображения оформлены в едином стиле
-  Появились опции выбора объема товара (например, 50 мл и 100 мл), что позволяет пользователю выбрать подходящий вариант без перехода на другую страницу. Это повышает удобство и ускоряет покупку.
- Визуальные элементы стали более яркими и интересными, что помогает подчеркнуть преимущества каждого товара (например, добавление значков "Новинка" или "Хит").
- Появилась возможность добавлять товары в избранное (значок сердечка), что усиливает вовлеченность пользователей и помогает им вернуться к товару позже.

3. Блок Обучение

Выбор города проведения семинара.

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

Семинары по выбранному городу (правая часть блока):

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

Возможности для администратора

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


3. Блок Отзывы

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

В каждом отзыве указаны: имя оставившего отзыв, его регалии (например, косметолог, врач-дерматолог), а также текст самого отзыва.

Отзывы имеют поддержку медиафайлов (фотографий или видео), что помогает делать отзывы более информативными и убедительными. Это могут быть фотографии продуктов, результаты использования или видео с подробным разбором.

4. Блок Блог

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

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

Для удобства перемещения между записями внизу или сбоку блока предусмотрены навигационные элементы — например, стрелки или кнопка «Перейти в блог». Это позволяет быстро листать статьи и без лишних усилий находить нужные материалы.

5. Блок с анимацией и видео

На странице используется анимация в виде движущейся стрелки. Она вращается против часовой стрелки, что символизирует возврат времени и ассоциируется с омоложением и восстановлением. Такой визуальный приём помогает пользователю на подсознательном уровне связать использование продукции с улучшением внешности и возвращением молодости. Кроме того, анимация делает контент более заметным, выделяет ключевые идеи и поддерживает интерес. Выбранное направление движения — против часовой стрелки — несёт глубокий смысл: оно подчёркивает, что продукция помогает «откатить» возрастные изменения кожи, что особенно привлекательно для аудитории, стремящейся к омоложению.

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

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