Задачи и решения
- Задача
- Улучшить UX для покупателей украшений и бриллиантов, адаптировать интерфейс для использования на мобильных устройствах, сделать дизайн разделов минималистичным и премиальным, упростить навигацию в каталоге, упростить переход к созданию украшений.
- Решение
- Переработан дизайн каталогов бриллиантов и ювелирных украшений, создана интерактивная карточка украшения, реализовано адаптивное поведение макетов для пяти популярных размеров экранов, привели дизайн товарных страниц в соответствие с приоритетами подачи информации.
Каталог украшений
Каталог украшений
Обновление каталога сфокусировано на улучшении пользовательского опыта, мы сделали карточку украшения более читаемой и привлекательной, а фильтр убрали из громоздкого дропдауна и дополнили списком типов украшений.
Фильтр
Вынесли фильтр из дропдауна. Теперь он всегда отображается в левой части страницы и более заметен чем раньше.
Сделали список типов украшений, чтобы можно было было переключаться между ними (раньше для этого нужно было воспользоваться хлебными крошками или кнопкой «Назад» браузера).
Карточка украшения
Убрали название самого украшения, чтобы избежать повторов.
Всю дополнительные данные об украшении стали отображать при наведении курсора, чтобы страница не была перегружена избыточной информацией.
Страница украшения
Страница украшения
Мы позаботились о минималистичном дизайне товарной страницы прекрасно работающем на мобильных устройствах.
Описание
Сделали дизайн страницы более минималистичным и премиальным.
Каталог бриллиантов в виде плитки
Каталог бриллиантов
в виде плитки
Мы унифицировали представление каталога бриллиантов и украшений и вынесли критически важные для принятия решения о покупке параметры бриллианта в карточку товара.
Фильтр
Привели фильтр к виду, который используется в каталоге украшений для консистентности и удобства пользователей
Карточка бриллианта
Сделали карточку бриллианта похожей на карточку украшения, но оставили важные для покупателей характеристики бриллианта
Каталог бриллиантов
в виде табилцы
Каталог бириллиантов в виде таблицы
Среди покупателей бриллиантов немало профессионалов для которых важны даже небольшие отличия параметров. Для повышения удобства выбора и сравнения мы создали табличное представление каталога бриллиантов.
Таблица бриллиантов
Представление бриллиантов в виде таблицы позволяет удобно сравнивать, фильтровать и сортировать важные параметры камней. Пользователь может выбирать какие параметры выводить в таблице, и если параметров окажется больше чем помещается в экран, ее можно прокручивать по горизонтали, при этом стоимость бриллианта и кнопки действий закрепляются и всегда видны клиентам.
Страница бриллианта
Страница бриллианта
Мы реорганизовали страницу бриллианта так, чтобы она была более привычна покупателям и позволяла максимальное внимание уделить фотографии товара, сохраняя видимость характеристик и стоимости.
Описание
Сделали дизайн страницы более минималистичным и премиальным.
Сделали структуру страницу привычнее для пользователей интернет-магазинов.
Сделали отображение характеристик бриллианта сразу под описанием, чтобы пользователи сразу видели все основные показатели — главное при покупке.
Добавили кнопку «Создать украшение с этим бриллиантом», с помощью которой можно сразу перейти в калькулятор украшений с выбранным бриллиантом и сделать свой уникальный подарок.
Добавили короткие фичи, которые дадут пользователям больше мотивации для покупки.
Адаптивный дизайн
Похожие проекты
Получите коммерческое предложение
Мы свяжемся с вами для обсуждения всех деталей
МЫ В ДЕЛЕ!
Ваша заявка успешно отправлена. Мы свяжемся с вами в ближайшее время