Pioneum

Ювелирторг — дизайн и разработка интернет-магазина

«Ювелирторг» — локальная омская сеть магазинов ювелирных изделий и часов. Мы помогли компании выйти на федеральный уровень и поддержать продажи во время пандемии.

Год запуска: 2020
title

Особенности проекта

Mobile First подход
Mobile First подход

С мобильных устройств идёт 65% всего трафика электронной коммерции. Каждую страницу мы разрабатывали для смартфонов, а уже потом адаптировали под десктоп.

Блок с человечными вопросами в каталоге
Блок с человечными вопросами в каталоге

Упрощает поиск товаров, вовлекает пользователя в изучение продуктов.

Функция «намекнуть о подарке»
Функция «намекнуть о подарке»

Страницу продукта с выбранным украшением можно отправить на email.

До

Онлайн-каталог без возможности купить и с «морально устаревшим» дизайном

До
После

Полноценный интернет-магазин с личным кабинетом и человечными вопросами в каталоге

После

Работа над проектом

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

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

Следующий этап — анализ конкурентов по функциональности.

title

Разработали несколько персон, чтобы лучше понимать поведение пользователей и повысить эмпатию команды к ним.

title

Mobile First подход

Мобильный трафик в интернет-торговле растёт. В 2020 году  мобильных устройств шло 65% всего трафика электронной коммерции. Люди чаще изучают товары со смартфонов, но завершают заказ с десктопа. Особенно, когда речь о покупках на крупную сумму.

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

title
Ювелирторг — дизайн и разработка интернет-магазина

Функциональность и дизайн

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

 

Главная страница отражает широту ассортимента магазина. 

Показали основные категории каталога и дополнительные услуги — trade-in, кредит и рассрочку.

Ювелирторг — дизайн и разработка интернет-магазина

У бренда есть постоянные категории товаров со скидками. Тоже вынесли их на главную, потому что люди любят скидки.

title

Сделали карусель с отзывами — социальное подтверждение покупки повышает конверсию. Чтобы показать их подлинность, мы даём ссылку на источники.

title

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

В каталоге сделали блок с человеческими вопросами, добавили пропуск пункта и возвращение к предыдущему.

title

На десктопе использовали горизонтальную фильтрацию. Исследования Baymard показывают, что пользователи часто не замечают традиционные сайдбары и думают, что единственный инструмент работы с листингом товаров — сортировки. Фильтры над списком продуктов сразу бросаются в глаза.

title

Мы опросили пользователей и вынесли популярные фильтры на расстояние клика. Остальные спрятали за кнопкой «Все фильтры».

Страница продукта

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

Добавили тултип с инструкцией, как снимать мерки и выбирать размер. Люди могут не знать свой размер и, тем более, размер друзей и близких.

Также на странице продукта показываем наличие в офлайн-магазинах.

title

Фото товаров

Одной из целей редизайна было повысить качество визуала. 

«Фирменный синий» компании был слишком тёмным, для сайта мы согласовали монодиаду голубых цветов. Для акцентов подобрали чистый и яркий голубой, а для менее важных элементов пастельный и нежный светло-синий.

Мы решили использовать реальные фото продукции в минималистичном стиле.

Для каталога мы организовали фотосессию: написали ТЗ, подобрали референсы, контролировали процесс и пост-обработку.

title

Чекаут

Особое внимание мы уделили оформлению заказа. Упростили хедер и футер в корзине и чекауте, чтобы пользователь не отвлекался от покупок. Завершить заказ, добавить в избранное или сравнение можно без регистрации или авторизации — login wall снижает конверсию.

title

Личный кабинет

Сделали минимально необходимую функциональность с нуля. Покупатели могут здесь:

  • хранить свою дисконтную карту;
  • отслеживать заказы; 
  • добавить памятные даты для получения скидки;
  • видеть историю заказов;
  • добавлять отзывы.
title

Результаты

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

Перед ребятами стояла задача сделать из онлайн-каталога «Ювелирторга» полноценный интернет-магазин. Общее впечатление от работы — нам всё понравилось. 

Было комфортно общаться: менеджер проектов нас понимал и быстро реагировал на вопросы. Диалог 24/7 был для нас в приоритете, особенно в период пандемии. 

Были и споры: ребята предлагали использовать цвета вне брендбука. В итоге, я убедилась, что их предложения были правильными. Интернет-магазин, разработанный Mojo, существенно подержал наш бизнес во время пандемии и влияет на продажи до сих пор.

Анна Анохина

Анна Анохина

Директор по маркетингу сети «Ювелирторг»