UX-Дизайн интернет-магазина
ювелирных украшений
ювелирных украшений
Ocean-muse — бренд ювелирных украшений ручной работы из серебра 925 пробы с натуральными камнями. Основан на Бали. 12 городов в России, офлайн-бутики + онлайн. 1500+ товаров, аудитория 70 000+.
oceanmuse.ru
oceanmuse.ru
Задача
Спроектировать интернет-магазин с удобной навигацией по каталогу из 1500+ товаров, продумать сценарии покупки для разных типов пользователей и создать визуальный опыт, соответствующий позиционированию бренда. После запуска — развитие продукта на основе обратной связи и наблюдений.
Цели
- Вывести 1500+ товаров из 1С и обеспечить удобную навигацию по каталогу
- Дать пользователю возможность оформить заказ на сайте — от выбора товара до оплаты
- Снять барьеры покупки — прозрачные условия доставки, оплаты, возврата
- Обеспечить конверсию на уровне рынка для ювелирного e-commerce
- Создать основу для дальнейшего развития продукта
Бенчмаркинг
Изучили рынок и нашли работающие паттерны
Перед началом проектирования изучили ювелирные интернет-магазины — не только прямых конкурентов, но и зарубежные сайты со схожим позиционированием. Смотрели структуру каталогов, навигацию, карточки товаров, сценарии покупки.
выделили три ключевых сегмента. Целевой аудитории
Женщины 24-34 лет, которые ценят натуральные материалы, уникальность и эстетику.
выделили три ключевых сегмента. Целевой аудитории
Женщины 24-34 лет, которые ценят натуральные материалы, уникальность и эстетику.
- Молодые мамыХотят оставаться стильными и находят в украшениях символы силы и гармонии. Покупают для себя, часто импульсивно — увидела в соцсетях, зашла, купила.
- Бизнесвумен и руководителиВажны индивидуальность и внимание к качеству. Выбирают осознанно, сравнивают, обращают внимание на материалы и подачу.
- Блогеры, фрилансеры, творческие профессионалыИщут уникальные акценты для самовыражения. Важен визуал, эстетика бренда, возможность выделиться.
Информационная архитектура
Продумали как пользователь ищет товар
Структуру каталога выстроили на основе товарной матрицы бренда и типичных сценариев покупки. Пользователь может зайти в каталог с разных сторон — в зависимости от задачи:
Все пути сходятся в одну воронку: карточка товара → корзина → оплата.
- Через каталог — по категориям (кольца, серьги, браслеты, подвески) или через специальные разделы (новинки, комплекты, аутлет)
- Через подарки — по получателю (маме, подруге, коллеге) или по бюджету (до 7 000₽, до 20 000₽, премиальные)
- Отдельный сценарий — подарочный сертификат, который ведёт сразу в корзин
Все пути сходятся в одну воронку: карточка товара → корзина → оплата.
Прототипирование
От структуры к дизайну
Начали с грубого прототипа — зафиксировали структуру страниц и логику навигации. Дизайн стал рабочим прототипом: на его основе обсуждали решения с клиентом и дорабатывали.
Дизайн-концепция
Выбрали направление из двух вариантов
Два варианта главной страницы, обсудили с клиентом, выбрали один. Принцип — минимализм, максимум пространства для фотографий. Интерфейс не конкурирует с контентом, а подчёркивает его.
Что спроектировали
- Главная — актуальные акции, блок новинок, навигация по категориям, блок о бренде.
- Каталог — сетка товаров с фильтрацией, карточки с крупными фото.
- Карточка товара — слайдер фото, выбор размера, наличие по 12 городам, информация о доставке, оплате, возврате, рассрочка Сплит.
- Корзина — список товаров, оформление заказа с доставкой через СДЭК.
- Дополнительные страницы — о бренде, партнёрам, журнал, адреса магазинов.
Что получилось за год
Сайт работает, конверсия растёт, пользователи возвращаются — проект продолжает развиваться
- КонверсияНа уровне рынка* для ювелирного e-commerce (0.95–1.46% по индустрии) с положительной динамикой роста
- Мобильный трафик80%+ посещений с мобильных устройств — сайт спроектирован и работает в первую очередь для мобильной аудитории
- ЛояльностьКаждый пятый заказ — повторный, пользователи возвращаются и покупают снова
*Сайт — часть большой экосистемы бренда
Сильный личный бренд основателей, активные соцсети, офлайн-бутики, работа маркетологов с аудиторией. UX сайта работает в связке со всем этим — помогает конвертировать трафик, который приходит из разных каналов.
