Подписывайтесь на мой новый канал: рассказываю об интересных фичах из мира e-commerce каждый день

Что подсмотреть в ЦУМе?

30 моментов в приложении магазина премиальных брендов, которые делают пользовательский опыт лучше
ЦУМ – ровно то место, которое стоит посетить, если вам захотелось побаловать себя люксовыми брендами и добавить в жизнь немного роскоши.

Аудитория ЦУМа притязательна и пресыщена премиальным сервисом. Поэтому я задался резонным вопросом: насколько премиально его приложение и чем оно может удивить своих клиентов?

Приложению еще есть куда стремиться. Но в нем встречаются и интересные моменты, которые можно взять на заметку и перенять в свои продукты. О 30 из них сегодня и поговорим.

Подписывайтесь на выход новых статей в Telegram и делитесь этим постом с коллегами, которым материал может быть полезен.

Автор hardclient.com

Настройка под клиента

При первом входе в приложение у клиентов спрашивают: коллекции для какого пола им актуальны, а также за какими брендами они хотели бы следить.

Такая механика позволяет персонализировать опыт новых пользователей с самых первых шагов, делая контент приложения более релевантным.
hardclient

Запрос на доступ к уведомлениям

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

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

Ведь, в отличие от системного запроса, нажимая на кнопку «в другой раз», он не отказывает в доступе к пушам, и его можно спросить вновь в более подходящий момент.
hardclient

Привязка запроса к контексту

Примечательно, что запросы на доступ к уведомлениям интегрированы в разные этапы customer journey и подстраиваются под контекст, в котором вы находитесь.

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

Навигация по брендам

В ЦУМе представлено большое количество брендов, и если искать нужный, просто прокручивая список, можно потратить много времени.

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

Логотипы брендов

Вместо просто наименований брендов в формате plain text клиенты сталкиваются в карточках листинга и полных карточках товаров с их логотипами.

Такой формат представления не только улучшает восприятие, но и делает карточки товаров более живыми и визуально привлекательными.
hardclient

Образы

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

На основном фото в карточке образа есть маркеры брендов одежды и обуви, нажав на которые можно перейти в карточку товара.

Можно как выбрать вещи из образа по отдельности, так и добавить весь образ в корзину в 1 касание. Примечательно, что сумма образа в карточке нигде не указывается😉
hardclient

Связь с поддержкой

При покупке люксовых товаров далеко не всегда хочется ощущать, что ты проходишь через самообслуживание (заказ через приложение – все-таки больше именно про это).

Поэтому одно из основных целевых действий на всех этапах пути клиента – это возможность связаться с представителем магазина и получить персональную консультацию.
hardclient

Highlight прокрутки фото в листинге

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

Время в сортировке

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

Такая опция позволяет отыскивать наиболее трендовые товары и быть в курсе того, что пользуется спросом и вызывает интерес прямо сейчас.
hardclient

Двухуровневые коллекции фильтров

Быстрые фильтры в верхней части листинга расположены не в один, а в два ряда. Это повышает доступность (вместо одного длинного ряда два более коротких).

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

Фильтр по цвету

Выбор цвета в ЦУМе реализован не в виде списка, как в большинстве e-com приложений, а в виде палитры, в которой идет по несколько цветов в ряд.

Такая структура палитры позволяет быстрее найти нужный цвет, снижая вероятность того, что для поиска потребуется прокрутка экрана.
hardclient

Запоминание прокрутки фото

Если вы прокрутили фото в карточке товара в листинге и перешли в полную карточку товара, приложение запоминает текущую позицию слайдера и открывает фото именно на ней.

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

С чем это носить?

Не каждому клиенту под силу грамотно подобрать хороший гардероб с гармонично сочетающимися элементами. Да и персональный стилист тоже есть не у всех.

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

Помимо помощи дорогим клиентам, такая механика, конечно же, работает на то, чтобы вдохновить их купить больше товаров и тем самым повысить компании средний чек.
hardclient

Кнопка корзины в галерее

Кнопка корзины продолжает отображаться при просмотре галереи: изучив фото и вдохновившись, клиент может сразу добавить товар в покупки, даже не возвращаясь в карточку.
hardclient

Ссылки на категории в карточках товаров

В карточках товаров есть ссылки, которые позволяют быстро перейти ко всем товарам категории, всем товарам бренда и товарам бренда в данной категории.

Это облегчает навигацию и помогает быстрее найти товар, который понравится, без необходимости использовать фильтры и возвращаться в каталог.
hardclient

Любимые бренды

В ЦУМе можно добавлять в избранное целые бренды, после чего товары любимого бренда начинают появляться в подборках на главном экране.

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

Шеринг избранного

Товарами из избранного можно делиться. Это помогает как обсудить покупки с друзьями, так и позволяет поделиться списком товаров с тем, кто его вам приобретет.
hardclient

Товары в избранном заканчиваются

Если остатки по товарам, которые вы добавили в избранное, приближаются к нулю, приложение специально уведомит вас об этом.

Для клиента это возможность не упустить товар, который ему понравился. Для компании – шанс на получение выручки с покупки, вызванной таким триггером.
hardclient

Избранное не в наличии

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

Замены отсутствующим товарам

При этом по товарам не в наличии можно посмотреть альтернативы. Это повышает шансы на то, что клиент найдет для себя что-то подходящее и доступное к покупке сейчас.
hardclient

Не корзина, а пакет

Пакеты ЦУМа – пожалуй, одни из самых известных пакетов среди торговых сетей. Приложение учитывает этот факт, реализовав кнопку корзины в виде такого пакета.

Таким образом, прослеживается связь: ты кладешь товары в электронный пакет ЦУМа, а приезжают они к тебе в таком же пакете, но физическом.
hardclient

Добавление без авторизации

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

Избранное в empty state корзины

При переходе в корзину, если она пуста, клиенту не просто сообщают об этом, но и напоминают, что у него есть товары в избранном, к которым можно присмотреться еще раз.
hardclient

Смена размера в корзине

Если клиенту потребовалось сменить размер, это можно сделать прямо в корзине, без необходимости переходить в карточку товара или добавлять новый размер заново.
hardclient

Пуши по брошенной корзине

Если клиент добавил товары в корзину и начал оформление, но по какой-то причине отвлекся и не оформил заказ, через некоторое время приложение напоминает ему об этом.

Пуш содержит фото товара, который был добавлен в заказ, и кнопку действия, текст которой привязан к совершению покупок (кнопки встречаются далеко не у всех).
hardclient

Фото пунктов выдачи заказов

При выборе пункта выдачи заказов можно ознакомиться с фото его интерьера. Это подсвечивает премиальность пунктов и задает ожидания клиента еще до их посещения.
hardclient

Фидбэк по оформлению заказа

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

Поэтому ЦУМ уточняет, как прошло именно оформление заказа сразу же на экране его подтверждения: опыт получен, а все подробности ещё свежи в памяти.
hardclient

Подарочная упаковка

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

Кстати, если бы подарочную упаковку можно было добавить на этапе оформления заказа, а не на экране подтверждения, и ее можно было бы посмотреть, было бы еще лучше.
hardclient

Шеринг заказа

Функция аналогична шерингу корзины за тем исключением, что тот, кто делится, уже оформил заказ, а тому, с кем поделились, остается его получить и оплатить.
hardclient

Динамический контент быстрых действий

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

Когда товаров в корзине нет, действие перехода в корзину отсутствует. А когда вы что-то уже добавили, оно не только появляется, но и подсвечивает число товаров в подписи.
hardclient
To be continued...
Пожалуй, ни одно e-com приложение, которое попадалось мне на глаза, не идеально, однако у многих есть чему поучиться.

Так и у ЦУМа: есть не только потенциал для улучшения, но и интересные моменты, которые можно взять на заметку и применить в своих продуктах.

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