OKKIA
ИИ подбирает очки по лицу и даёт примерить их онлайн
Каталог — главный экран витрины: с него начинается и сайт, и приложение. Он разделён на женскую и мужскую линии, а над сеткой стоит обложка сезона — съёмка в оправах, с которой человек попадает в подборку.
Фильтры собраны по назначению — солнце, чтение, чтение на солнце, экран — и работают вместе с поиском по артикулу и сортировкой по популярности, новизне и цене. Карточка показывает оправу во всех цветах, цену и сердечко избранного: список можно собирать, не открывая товар.
Карточка товара занимает весь экран: крупная фотография оправы, название, артикул и цена, соседние цвета лентой снизу, кнопка «Примерить онлайн» рядом с фотографией и «В корзину», закреплённая внизу. От каталога до покупки — два касания.
Те же принципы перенесены в приложение: простой, приятный и понятный интерфейс. С главного экрана человек сразу попадает в каталог — товары удобно сортировать и просматривать, не открывая ничего дополнительно.
Плитка «Виртуальная примерка» встроена прямо в сетку товаров, а не спрятана в карточку, — примерка попадается на глаза, пока человек листает каталог.
Витрина собрана как рекламная площадка. Первый экран отдан кампании во всю ширину: съёмка, лозунг поверх неё и строка, которая ведёт дальше. «The Face Guide» — гид по форме лица — стоит на том же месте, что и сезонные подборки Reading Shop и Sun Shop: контент и товар лежат в одной ленте.
В приложении та же логика: экран запуска и обложка каталога отданы кампании, промо-плитки стоят внутри сетки. Съёмка и лозунг подставляются в готовые места, поэтому смена кампании — работа маркетинга, а не разработки.
Примерка открывается поверх каталога и не уводит из покупки: человек видит себя в оправе, перебирает соседние модели в ленте под изображением и добавляет понравившуюся в корзину.
Разработали дизайн-концепт цифровой витрины OKKIA: сайт и мобильное приложение, где подбор очков по лицу, онлайн-примерка и место под кампанию встроены прямо в каталог.