Приглядывались с лупой к 9 интернет-магазинам в поисках блестящих решений
Ювелирный е-коммерс: обзор
Сибирикс
Ювелирный е-коммерс:
обзор
Приглядывались с лупой
к 9 интернет-магазинам в поисках блестящих решений
Ювелирный е-коммерс кажется проще, чем интернет-магазины в других сферах: ну чего там, сфотал красиво, добавил в карточку товара, а блеск камней сам уговорит пользователя срочно потратить все его накопления. И вот здесь очень легко вставить палки в колёса одухотворенному всей этой красотой покупателю — например, максимально усложнить формы для оплаты и доставки, спрятать всю важную информацию в футер или потребовать зарегистрироваться, прежде чем что-то оформлять (или даже добавлять в избранное). Был человек покупатель — и нету!
Кого с кем сравнивали
В новом е-коммерс-обзоре мы сравнили 9 интернет-магазинов, специализирующихся на продаже ювелирных украшений и часов. Три из них — мультибрендовые: продают как изделия своих фабрик, так и других брендов. Это «Небо в алмазах», Novikov и Sunlight. Ещё три — интернет-магазины популярных российских ювелирных брендов, которые у всех на слуху: 585 Gold, Адамас и Sokolov.

В этом обзоре мы не могли обойти и принципиально иной сегмент — интернет-магазины люксовых украшений, у которых когда-то уже был хозяин. Один из них — наш проект Mr.Diamond, где эксклюзивные позиции от дорогущих брендов можно купить, например, не за 300 тысяч, а  в 1/3 от стоимости — визуально невозможно отличить, новое это бриллиантовое колье от Cartier или его кто-то пару раз надевал:) Конкуренцию нашему проекту составили интернет-магазины на базе люксовых ломбардов — VIPlombard и ломбард «Перспектива».
Сравнивать все 9 сайтов между собой нам показалось странным: и ценовой сегмент, и масштаб интернет-магазинов сильно отличаются: какие-то заточены под продажу украшений от других поставщиков, другие — под продажу изделий своей фабрики, третьи — изделий «с историей». Поэтому при анализе мы разделили их на три группы: мультибрендовые ювелирные магазины, ювелирные магазины фабрик и ювелирные магазины украшений, у которых уже был хозяин.
Забегая вперёд скажем, что на самом деле большой разницы, в какой нише создаётся е-коммерс, нет: его можно сделать классным и удобным, независимо от обстоятельств. Вот только не каждый е-коммерс таков :) В конце статьи вас ждёт рейтинг по каждой из ниш и сводный рейтинг по всем участникам обзора. Готовы начать?
Адаптив и выбор города
Если всё упростить, в любом е-коммерс есть базовые составляющие: главная с промо и какими-то акциями, каталог с фильтрами, карточки с фото и описанием товаров, корзина, оплата и доставка. И если всё почти одинаково, почему тогда от одного интернет-магазина пользователи визжат от восторга и заказывают в нём снова и снова, а от второго их с души воротит, потому что там всё через одно место сделано?!

Весь вопрос в UI, пользовательском интерфейсе, — если он продуман до мелочей, то и пользоваться сайтом удобно. И первое, на что теперь обращают внимание даже алгоритмы Гугла — есть ли мобильная версия для удобства пользователей. В сфере ювелирных украшений, кажется, все понимают, что люди теперь не выпускают смартфоны из рук, поэтому с адаптивом у всех 9 участников обзора проблем нет.
С выбором города, который определяет наличие товара и возможность доставки или самовывоза — уже сложнее.

Novikov хотя и предлагает выбрать город при первой загрузке главной, но с геолокацией там явно какие-то проблемы — мы писали статью из Барнаула, IP у нас Московский, а сайт говорит, что мы в Лондоне:)
Sunlight и 585 тоже автоматически выдают попап с выбором города, у Адамаса при загрузке главной такой всплывашки нет. И поле с выбором нужного города не такое уж очевидное:
Sokolov, VIPlombard и «Перспектива» представлены в нескольких городах, но выбрать город, в котором ты находишься физически, вообще не предлагают. Mr. Diamond и «Небо в алмазах» представлены только в Москве, поэтому всплывающего окошка с локацией тоже нет, но оба интернет-магазина могут доставить товар в любую точку, которую покупатель укажет при оформлении заказа.

Из других базовых параметров мы обратили внимание на возможность завести личный кабинет на сайте и наличие блога с интересным и полезным контентом. Баллы распределились следующим образом (балл — если полностью соответствует параметру, полбалла — если частично).
Главная
Слева направо: "Небо в алмазах", Novikov, Sunlight, 585 Gold, Адамас, Sokolov, VIPlombard, "Перспектива", Mr. Diamond
Промо-блок

Классика главных страниц в е-коммерс: промо-слайдеры. Такие есть у Novikov, 585, Адамаса, Sokolov, VIPlombard.
У «Неба в алмазах», Sunlight и «Перспективы» вместо слайдера статичный блок с картинкой — у последних двух довольно удачной. А вот у «Неба в алмазах» и Адамаса картинки из промо странным образом почти совпадают:)
Sunlight
Ломбард «Перспектива»
«Небо в алмазах»
Адамас
У Mr. Diamond первое, что появляется на главной, — выбор задачи: «купить изделие» или «продать изделие». С — специфика:)
Спецпредложения и акции

Другая частая составляющая главной страницы в е-коммерс — спецпредложения и акции. «Небо в алмазах» используют психологические уловки: заразительную информации о том, что уже купили (с расчётом на «тоже хочу!»), таймер, отсчитывающий время до конца акции, и яркие плашки.
Их брат-близнец Novikov поместил на главной целых два блока со спецпредложениями: первый — плитка с картинками и подписями, второй появляется ниже, после категорий, и там тоже плитка с карточками конкретных изделий из каталога.
У Sunlight очень яркая главная с множеством сочных фото и картинок, но на ней ничего непонятно: акции, ссылки и разделы смешаны.
585 поступили проще — сделали огромный баннер-картинку со всеми текущими акциями. Адамас (как и Sokolov) отдельно вообще акции и спецпредложения на главной не показывает — только популярное.
На сайте Mr. Diamond после выбора действия (купить или продать) пользователь видит промо-слайдер, куда компания может разместить новости или сделать акцент на каком-то товаре крупным планом. Целевой аудитории Mr. Diamond важнее новинки, чем спецпредложения, поэтому последние переместились в отдельные разделы меню «Распродажа» и «Эконом». А вместо скидок на карточках товаров показаны две цены (цена в Mr. Diamond и цена в бутике).
Итого по главной странице и её ключевым критериям:
Каталог
Переход в каталог из основного меню

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

У Novikov все базовые категории вынесены в строку основного меню: кольца, серьги, подвески, цепи, браслеты, часы и другое. Пункты при этом разворачиваются, но механизм работает очень странно — в первые пару раз кажется, будто меню вообще не умеет раскрываться :)
Никакого терпения не хватит!
Внутри каждой категории у Novikov есть дополнительные параметры: вид, проба, для кого, размер и т. д. Такой же принцип у разделов и подразделов меню на сайте 585. А для большего удобства поиска у них есть быстрый подбор украшения по 4-м критериям:
Подобный блок с быстрым подбором есть и на сайте «Неба в алмазах». Выпадающее меню очень продуманное, включает картинки изделий и логотипы брендов, а категории приятно переключаются при скольжении мышкой вправо.
У Sunlight разделы меню сгруппированы не по типу изделий — здесь есть акции, помолвка и свадьба, ювелирные изделия, часы, подарки, коллекции и бренды. Такое деление более уместно, поскольку пользователь может сразу определиться, куда жать, если его интересует нечто конкретное (обручальные кольца, часы или товар конкретного бренда), либо зайти в большой раздел «ювелирные украшения» со всеми товарами и выбрать из выпадающего меню категорию, бренд или коллекцию:
У VIPlombard и «Перспективы» пункты меню не раскрываются — у первого можно перейти из меню в каталог по простой ссылке, у второго есть всего 4 раздела: часы, аксессуары, ювелирные украшения и почему-то там же контакты.

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

Организация разделов каталога

У некоторых интернет-магазинов есть отдельная вкладка «Каталог», из которой тоже (помимо пунктов меню) можно перейти в интересующий раздел. Сложно сказать, насколько такие уровни вложенности добавляют удобства пользователям — обычно это делается для SEO :)
На сайте Novikov это выглядит так
Похожим образом входная страница каталога организована у Sokolov
Если перейти на вкладку «Каталог» у Sunlight, 585 или Адамас, то на пользователя вывалится вся номенклатура — кольца, серьги, браслеты и прочее вперемешку. Чтобы найти интересующее, придётся фильтровать (причём, в случае с 585 с помощью очень непростого фильтра из кучи параметров).
У Mr. Diamond на общей странице каталога тот же принцип, но фильтровать куда проще — сравните:
На сайте «Неба в алмазах» нет отдельной страницы со всеми товарами каталога — достаточно выбрать категорию и искать нужное уже внутри неё.



Фильтрация

Начнём с того, что довольно часто в каталогах интернет-магазинов предлагается гигантский фильтр, учитывающий очень тонкие настройки. В случае с ювелиркой это могут быть оттенки золота, для кого выбирается товар, вид изделия, вставки из камней и всё такое прочее. И часто полотнище фильтра размещают где-то сбоку — так сделано у Novikov, VIPlombard и «Перспективы».
Фильтры слева направо: Адамас, VIPlombard, Novikov, «Перспектива», Sokolov
У Novikov проблему с огромным фильтром попытались решить, сделав полосы прокрутки в каждом разделе фильтрации — так это занимает меньше места (но все равно он чертовски длинный). Огромный плюс — фильтр при скролле всей страницы фиксируется слева. Такой же гигантский фильтр и у «Перспективы» (и как мы уже говорили, не совсем логичный). VIPlombard решил проблему с обилием брендов по-другому — попапом с алфавитным указателем всех марок (вот только жаль, что фильтр слева у них не закрепляется при скролле).
Адамас и Sokolov поступили ещё хитрее, спрятав почти все параметры фильтрации во всплывающее окошко:
Итого по организации каталога и удобству фильтрации внутри него:
Список товаров в каталоге
(на примере категории «Кольца»)
Карточки в идеальном каталоге обладают всеми нужными функциями: показывают, новинка это или товар со скидкой, есть ли товар в наличии, какая цена, какие характеристики; включают сердечки/звездочки для добавления в избранное и, конечно, быстрые кнопки вроде «в корзину» или «подробнее». Но не у всех участников обзора карточки можно назвать идеальными:)

При наведении на карточку в каталоге Novikov почти ничего не происходит — вокруг неё просто появляется рамка, и внизу добавляется кнопка «подробнее». Ещё на карточке ярко выделено «в наличии» (скорее всего, чтобы побудить к покупке), и так же ярко показана акционная цена. В избранное или в корзину товар добавить нельзя, доступные размеры изделия неизвестны.

У «Неба в алмазах», Sunlight, 585, Sokolov и Mr. Diamond вместо статичных фотографий в карточках товаров — галерея. Карточка Sunlight выглядит очень аккуратной, но ей не хватает акцента на скидочной цене — она не выделена ни другим цветом, ни более жирным/крупным шрифтом. У карточки «Неба в алмазах» без ховера видна цена, описание, но узнать, что товар в избранном, можно только при наведении. Так что, чтобы вспомнить, понравился вам товар или нет, придётся каждый раз наводить на карточку.

У 585 хорошая лаконичная карточка с ярким акцентом на цене и размерами. Но сразу из списка товаров каталога, как у Sokolov или Mr. Diamond, товар добавить в корзину нельзя.

Карточка Адамаса при наведении показывает доступные размеры, но при этом некрасиво наплывает на нижний товар — кажется, ей не хватает более чётких границ. И с неё тоже нельзя добавить товар в корзину.

На карточках VIPlombard и «Перспективы» минимум информации: фото, бренд, коллекция, характеристики камней, цена. Ни кнопки добавления в избранное, ни «в корзину», ни размера.

Кажется, что у Mr. Diamond и впрямь самая идеальная карточка: на ней есть и галерея, и вес, и размер, и материалы, и сердечко избранного, и нужные кнопки:)
Детальная страница товара
Слева направо: 585 Gold, Mr. Diamond, VIPlombard, Sokolov, "Перспектива"
Слева направо: Адамас, «Небо в алмазах», Novikov, Sunlight
В большинстве случаев в карточке конкретного товара можно встретить галерею с фото, похожие товары или товары из категории «вам может понравиться», блок «вы уже смотрели» и кнопку «в корзину».

У братьев-близнецов «Небо в алмазах» и Novikov, помимо этого набора, есть иллюстрация сертификата с подробным описанием всех маркировок (причем у «Неба» их аж пять!), преимущества и большой текст о характеристиках металла (скорее всего, ради SEO). Сверху в карточке четко видны доступные размеры, способы оплаты и ключевые параметры изделия (характеристики камней, металл, вставки, производитель).
Сертификаты на сайтах Novikov и «Небо в алмазах»
Для дорогих украшений особенно важно заключение геммолога (специалиста по оценке драгоценных камней), поэтому VIPlombard и «Перспектива» показывают его внутри карточки.
Сертификаты на сайтах VIPlombard и «Перспектива»
Для изделий без бренда Mr. Diamond тоже показывает сертификат геммолога:
«Небо в алмазах» и Novikov похожи ещё и тем, что внутри карточки составляют комплект из товаров той же серии или того же материала и тут же просчитывают цену:
Комплекты: «Небо в алмазах» и Novikov
У Адамаса, Sunlight и Sokolov карточки очень схожие: есть фото, преимущества, описание изделия, фотографии подобных товаров и уже просмотренных. У 585 только фото, характеристики и преимущества — неудобно переключаться обратно в каталог, чтобы посмотреть какие-то похожие товары.

Из фишечек в карточке у Sunlight есть 3D-модель, которую можно вертеть в разные стороны:
Другая фишка — намекнуть, что этот товар хочется в подарок. Подобное есть у 585 и Mr. Diamond — в этих интернет-магазинах товар можно попросить в подарок:)
Также на сайте Mr. Diamond есть возможность поделиться страничкой в соцсетях. Подобное есть и у 585, Sokolov, VIPlombard, «Перспективы». Одна из фишек карточки Mr. Diamond в том, что из неё можно сразу перейти к следующему товару в каталоге, не возвращаясь на предыдущую страницу.

Сводная таблица по этому параметру выглядит так:
Корзина, оплата и доставка
Корзина

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

Например, у Sokolov думы начинаются ещё до оформления заказа — когда покупатель кладёт товар в корзину, ему сразу же приходится выбирать, из какого ближайшего магазина в его городе будет доставка или в каком салоне он может забрать изделие самостоятельно.
Адамас подложил маленькую свинку пользователям, которые забыли указать свой город сразу — на странице корзины этого сделать нельзя, так что придётся возвращаться на главную, например. Такая же проблема ждёт покупателя в 585:
Зато в корзине 585 можно продублировать изделие, выбрав ему другой размер — если во время получения заказа вдруг первое не подойдёт. Такая же опция есть и у «Неба в алмазах».
У Sokolov и Sunlight можно регулировать количество товара (правда, не совсем понятно, зачем человеку может понадобиться 10 одинаковых колец одного размера).
У VIPlombard и «Перспективы» страницы с корзиной вовсе нет — всё решается через заполнение формы и последующее общение с менеджером.
У Novikov и Mr. Diamond корзины лаконичные: фото товара, описание и возможность удалить его из списка. И если Novikov мог бы добавить хотя бы поле с выбором размера, то для Mr. Diamond такой необходимости нет — все изделия представлены в единственном экземпляре.

Оплата и доставка


С оплатой и доставкой всегда много сложностей — важно учесть все варианты доставки, город пользователя и правильно оформить заказ.

У Novikov хорошая пошаговая инструкция к оформлению заказа — можно выбрать транспортную компанию, указать нужный город и оставить примечание, а также способы оплаты. Хорошая форма и у Mr. Diamond — компактная и понятная, всего в 5 коротких шагов:
«Небо в алмазах» тоже предлагает пошаговую форму, только зачем-то растягивает её на несколько страниц:
У Sunlight с оформлением заказа проблема — без регистрации на сайте это сделать невозможно. У VIPlombard и «Перспективы» — тоже, поскольку всё делается через менеджера.
Иногда покупателям хочется изучить больше информации о доставке и оплате, но не всегда на сайте есть такая страничка. У «Неба в алмазах», Novikov, Адамас и Mr. Diamond вот есть, например:)
Вывод
Интернет-магазины можно сравнивать по миллиону параметров, и по каждому кто-то будет превосходить других. Мы выделили самые основные, которые серьезно влияют на процесс выбора и совершения покупки, и получили большую сводную таблицу — посмотреть можно тут. По её итогам общее количество баллов участников:

Мультибрендовые ювелирные интернет-магазины:

  1. Novikov и Sunlight
  2. «Небо в алмазах»

Официальные магазины ювелирных фабрик:

  1. Sokolov
  2. Адамас и 585 Gold

Интернет-магазины с ювелирными украшениями, у которых уже был хозяин:

  1. Mr. Diamond
  2. VIPlombard
  3. Ломбард «Перспектива»
В нише мультибрендовых магазинов лучшими стали сразу и Novikov с его скрытыми фишечками вроде наличия, слайдеров и похожих товаров и интернет-магазин «Небо в алмазах», который чрезвычайно похож на Novikov. Среди интернет-магазинов ювелирных фабрик победил Sokolov с его утонченным дизайном и продуманным каталогом и карточками.

Среди всех сегментов и всех участников обзора Mr. Diamond чувствует себя очень уверенно, несмотря на свою специфику (е-коммерс ювелирных украшений, у которых уже был хозяин). Он принципиально отличается от других в своей нише и гораздо ближе к классическим интернет-магазинам фабрик: внутри много юзерских приятностей, с которыми процесс выбора становится простым, легким и удобным. Даже если ты покупаешь кольцо за полмиллиона:)

Если отбросить различия по нишам и основываться лишь на критериях удобства для пользователя, в сводном рейтинге участники обзора распределятся следующим образом:
  1. Mr.Diamond
  2. Sokolov
  3. Novikov и Sunlight
  4. "Небо в алмазах"
  5. 585 Gold и Адамас
  6. VIPlombard
  7. Ломбард "Перспектива"
В нашем сводном рейтинге забавно получилось, что участники обзора идут друг за другом очень плотно, порой даже вдвоём занимая одну строчку. И в этом нет ничего удивительного — всё-таки функционально они очень похожи между собой плюс являются прямыми конкурентами друг другу.

В процессе работы над проектом для Mr.Diamond участники обзора уже существовали в интернет-пространстве, поэтому на сайте неточностей меньше, а полезных пользователям фишек больше. Отсюда и первое место :)
P.S. Следите за обновлениями в блоге — серия обзоров про е-коммерс на этом не заканчивается.

P.P.S. Хотите сделать проект, лучший в своей нише? Тогда вам сюда :)