Редизайн KIKO Milano: как мы адаптировали глобальный дизайн для России без остановки продаж

KIKO MILANO — итальянский бренд косметики, основанный в 1997 году. Он известен своей яркой городской эстетикой и фокусом на модных, доступных по качеству продуктах. Ассортимент включает декоративную косметику, уходовые средства и аксессуары. Сегодня компания представлена более чем в 1100 магазинах в 75 странах мира. В России бренд представлен на официальном сайте kikocosmetics.ru.

Progressive Media уже много лет работает с брендом KIKO Milano: в 2021 году команда запустила официальный российский интернет-магазин бренда (https://www.progressivemedia.ru/cases/kiko-milano) и с тех пор обеспечивает полное сопровождение проекта.

Редизайн был инициирован после того, как brand owner обновил фирменный стиль цифровых продуктов KIKO Milano. Российская версия сайта должна была соответствовать новому визуальному языку бренда и при этом учитывать особенности локального рынка.

Основная задача заключалась в адаптации дизайна, разработанного миланской командой, под российскую аудиторию — сохранить визуальное единство бренда, улучшить пользовательский опыт и учесть локальные особенности поведения покупателей в e-commerce.

В рамках проекта команда Progressive Media отвечала за доработку дизайна и реализацию frontend-части, а также за адаптацию существующего backend функционала.

Чтобы сохранить непрерывность продаж и ускорить процесс обновления, редизайн решили проводить в два этапа. Такой подход позволил плавно внедрять новый дизайн без простоев: магазин оставался доступен для пользователей, заказы принимались в штатном режиме, а релизы проходили последовательно и без задержек.

Дополнительным фактором в пользу поэтапной работы стало ограниченное время на реализацию — сроки редизайна были установлены итальянским офисом KIKO Milano. Параллельная работа дизайнеров и разработчиков сильно экономила время.

Некоторые интерфейсные решения и паттерны из итальянской версии были переработаны, чтобы соответствовать привычкам локальных пользователей и особенностям российского e-commerce, сохранив при этом фирменный стиль KIKO Milano.

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

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

Итальянские макеты стали основой, но были адаптированы под особенности российского e-commerce:

- В каталоге и на главной странице переработали структуру навигации и доработали раскрывающееся меню.

- Добавили в новые макеты элементы поиска по сайту и страницу результатов поиска.

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

- В карточке товара появились хлебные крошки для навигации.

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

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

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

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

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

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

- Реализовали авторизацию через pop-up, чтобы пользователь мог войти в аккаунт, не покидая текущей страницы.

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

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

Такое деление по этапам позволило сначала обновить визуальную часть сайта, повысив восприятие бренда, а затем — улучшить функциональные сценарии, влияющие на конверсию и лояльность пользователей.

Команда Progressive Media адаптировала международный дизайн KIKO Milano под российский рынок, объединив глобальные стандарты бренда с локальными ожиданиями пользователей. Задача была выполнена без простоев и финансовых потерь для бизнеса: интернет-магазин продолжал работать и принимать заказы на всем протяжении проекта.

Обновленные функциональные разделы — корзина, чекаут, личный кабинет и избранное — сделали процесс покупки проще и интуитивнее. Визуальное оформление стало чище и последовательнее, а интерфейс —  адаптированным к привычкам локальной аудитории.

Работа позитивно отразилась на поведенческих метриках:

- Снижение показателя отказов на 25%, что отражает повышение удобства и релевантности интерфейса.

- Рост среднего времени на сайте и количества просмотренных страниц на 32%: повысилась вовлеченность, пользователи активнее изучают каталог и контент.

- Увеличение доли повторных посещений на 14%, что говорит о росте лояльности аудитории.