OLLIN
Назад
Разработка сайта для бренда OLLIN PROFESSIONAL
О проекте
OLLIN PROFESSIONAL — российский бренд профессиональных средств для волос, основанный в 2011 году. Продукция ориентирована на специалистов beauty-индустрии и потребителей, выбирающих для домашнего ухода салонные средства.
Ассортимент охватывает весь спектр парикмахерской работы от профессиональной системы окрашивания, обесцвечивания
и химической завивки до ухода и стайлинга.
и химической завивки до ухода и стайлинга.
Какие задачи решили
Разработали современный сайт с нестандартным дизайном вне трендов, отражающий фирменный стиль и предоставляющий полную информацию о товарах и услугах.
Обновили фотобазу продукции бренда под сайт «с нуля». Для этого провели фотосессию и отрисовали 3D-модели упаковок, а также создали текстурные фото для 1500+ товарных позиций.
Как пришли
к результату
к результату
Клиент пришел к нам с запросом на разработку современного продуктового сайта. Основная цель площадки — предоставить максимально полную информацию о товарах и отразить премиальный статус бренда. Исходя из этого, мы разработали структуру и создали прототипы страниц будущего сайта.
Для дизайнерского концепта мы собрали три мудборда с разными современным подходами к визуалу и предложили клиенту переосмыслить внешний вид своего сайта.
Среди необычных решений был вариант в черно-белой эстетике с цветовыми акцентами и градиентами. Товар здесь показывается в цвете, что выделяет его на общем фоне, а сопровождающий контент выдержан в черно-белой гамме.
В итоге утвердили наш «фирменный» продуктовый подход с воздушной вариативной структурой, в которой есть место как товарным полкам, так и видео, фотоконтенту и 3D-рендерам. Чтобы сделать дизайн оригинальным, добавили графичные элементы, цветовые и шрифтовые акценты.
Отрисовали концепт с нестандартной сеткой и яркими цветовыми акцентами, чем-то напоминающий маркетплейс. В дальнейшем немного «успокоили» цвета, чтобы они не отвлекали от главного — товаров. Чтобы сделать страницы «живыми» мы решили чередовать размерность блоков и добавить микроанимацию.
Основная цель сайта — показать товар лицом, поэтому особое внимание мы уделили каталогу. Фотоконтент клиента различался по качеству и стилистике, поэтому было принято решение создать 1500+ реалистичных моделей с консистенциями жидкости с помощью 3D — такой результат даёт отличную возможность использовать контент в любом виде
и формате рекламного носителя в будущем: от key visual до видеороликов. Мы также предусмотрели фильтрацию в карточках.
и формате рекламного носителя в будущем: от key visual до видеороликов. Мы также предусмотрели фильтрацию в карточках.
В процессе работы представители OLLIN PROFESSIONAL поделились «болью»: покупатели часто обращаются с вопросом, как отличить оригинал от подделки. Чтобы ее решить, мы добавили в карточки товаров зум, который позволяет прочитать с этикеток состав и серийные номера.
Поскольку OLLIN PROFESSIONAL не имеет собственной онлайн-площадки для реализации своей продукции, мы добавили на сайт страницу «Где купить» с полным перечнем дистрибьюторов и ритейл-площадками, возможностью перейти в их онлайн-каталоги и оформить заказ.
Результат
Новый сайт OLLIN PROFESSIONAL выглядит лаконично и гламурно — дизайн соответствует позиционированию бренда. При этом площадка максимально юзабельная и информативная: позволяет ознакомиться с товаром, найти дистрибьютора, оформить онлайн-заявку на обучение или оставить сообщение через форму обратной связи.
Динамичная темпоритмика, эстетичные графические элементы, цветовые и шрифтовые акценты не дают пользователям заскучать. Качественный визуал позволяет не только прочитать мельчайшие детали на этикетках, но и в точности передает цвет и консистенцию продуктов. Яркие акценты «разбавляют» сдержанный дизайн сайта и концентрируют внимание пользователей на продукте.
Команда
Генеральный продюсер
Николай Лапин
Креативный директор
Николай Кичигин
Руководитель направления
веб-разработки Андрей Водопьянов
веб-разработки Андрей Водопьянов
CG арт-директор
Дмитрий Нейштадт
3D-художник
Вадим Никулин
3D-художник
Андрей Марков
Аккаунт-менеджер
Дарья Русанова
Проджект-менеджер
Елена Назарова
Другие кейсы
Все кейсы