Pioneum

ATB lab — дизайн и разработка лендинга для бренда космецевтики

Разработали лендинг для B2B и B2C аудитории швейцарского премиум-бренда

Год запуска: 2020
title

Особенности проекта

3D иллюстрации
3D иллюстрации

Эффектнее, чем предметная фотосъёмка. Подчёркивает премиальность продукта

Горизонтальная фильтрация
Горизонтальная фильтрация

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

Отзывы на главной странице
Отзывы на главной странице

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

Аудитория

Лендинг предназначен одновременно для B2B и B2C-сегментов аудитории. 

Возраст B2C аудитории — 25-35 лет. Продукт создан для состоятельных девушек, которые впервые сталкиваются с брендом на приёме у косметолога. ATB lab — простая и лаконичная марка, где не нужно разбираться в тонкостях. Подходит для домашнего использования.

B2B-сегмент приходит за профессиональной косметикой для салонов. Это врачи-косметологи и эстетисты. Помимо продукции,  ATB lab предоставляет лечебные протоколы по уходу за кожей. 

 

Дизайн-решения

ATB lab — швейцарский бренд, созданный под российские запросы. В дизайне важно было отразить премиальность и доступность. Мы выбрали белый фон, чтобы дать цветам в 3D-иллюстрациях больше веса. Также белый ассоциациируется с индустрией здравоохранения, врачами и пользой. Если вы не уроженец Востока, конечно.

title

3D-иллюстрации

Чтобы сфокусировать посетителя на свойствах продукта, одних фотографий в контексте использования было недостаточно. 

Мы решили обойтись без однотипных изображений банок и разработали 3D-модели в Blender.

В домашнем уходе ATB lab 9 линеек. Мы поиграли с ассоциативным рядом каждого названия и вот, что у нас получилось.

title

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

title

Функциональность

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

Внутри каталога к хедеру прикрепляется фильтрация.

title

Сделали горизонтальную фильтрацию. Люди часто игнорируют традиционный сайдбар из-за баннерной слепоты или туннельного восприятия. В итоге они принимают сортировку за единственно возможный способ работы с товарами. Горизонтальный фильтр позволяет этого избежать.

Внедрили опрос с консультацией эксперта для индивидуального подбора средств. На рынке профессиональной косметики клиентам важно сопровождение специалиста для уверенности в покупке.

title

На странице продукта показываем всё, что интересует посетителя — способ применения и показания кожи, состав и активные ингредиенты скрыли в тултипе.

title

Так как это лендинг бренда, мы не стали разрабатывать личный кабинет и дизайнить оформление заказа, чтобы сэкономить бюджет на проект. Чекаут ведёт на сайт официального дистрибьютора ATB lab — интернет-магазин Mhave, который разрабатывали тоже мы.

Разработка

Разработку лендинга сделали на Readymag.

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

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

Отзыв

Павел Груздов

Основатель косметического бренда АТВ lab