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

В чем красота Ламоды?

30 моментов в пользовательском опыте онлайн-площадки для модного шопинга, которые стоит взять на заметку
Продолжаю серию статей, в которых я смотрю на разные e-com приложения через позитивную линзу и подмечаю только хорошие и интересные фичи.

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

Сегодня мы обсудим, в чем красота самой Ламоды (а точнее ее приложения), и разберем 30 фич и особенностей интерфейса, которые делают UX сервиса лучше.

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

Автор hardclient.com

1. Активация первых покупок

Lamoda мотивирует новых клиентов на совершение покупок, давая скидку не на 1, а на 3 первых заказа: это позволяет лучше оценить сервис.

Стоит заметить, что знакомят клиента с этим предложением на ранних этапах customer journey – в App Store – еще до того, как он скачает приложение.
hardclient

2. Highlight текста подсказок

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

3. Кнопки добавления подсказок

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

4. Поиск по фото

Искать в Lamoda можно не только с помощью текстового ввода: листаешь запрещенную инсту – видишь красивое платье – делаешь скриншот – загружаешь его на Lamoda.

Либо можно сфотографировать вещь в моменте – например, находясь в магазине – и посмотреть, есть ли что-либо подобное на Lamoda и сколько оно там стоит.

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

5. Образы

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

Образы создаются стилистами компании и блогерами. Клиенты могут ставить образам лайк и сортировать по популярности.

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

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

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

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

7. Быстрые действия

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

8. Сортировка листинга по умолчанию

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

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

9. Шеринг листинга товаров

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

10. Иллюстрации подкатегорий в листинге

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

11. Количество товаров в фильтрах

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

12. Скролл фото в карточках листинга

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

13. Анимация перехода в карточку

При тапе по карточке в листинге фото товара не пропадает, а увеличивается и становится частью полной карточки товара: анимация интересная и редко где еще встречается.
hardclient

14. Слайдер с фото в карточках

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

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

15. Соответствие размеру

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

Компания уточняет этот момент при сборе фидбэка по заказу, и если размер отличен от заявленного, сообщает об этом в карточке товара.

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

16. С чем носить

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

Это повышает шансы, что он найдет хорошее дополнение для понравившейся вещи, вероятность покупки («сразу знаю, с чем это носить») и средний чек.
hardclient

17. Похожие товары

Чтобы посмотреть похожие товары, клиенту не нужно прокручивать карточку до upsell- и cross-sell блоков: кнопка перехода к аналогам размещена прямо поверх фото.

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

18. Уведомления о поступлении товаров

Если нужного размера не оказалось в наличии, сервис предлагает уведомить клиента, когда он снова поступит в продажу.

Механика позволяет не упустить клиента в моменте и повысить LTV за счет ненулевых шансов на триггерную покупку в будущем.

Оповестить могут не только по email, но и в виде пуша – повод для того, чтобы дать приложению доступ к уведомлениям.
hardclient

19. Ссылки на разделы в карточках

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

20. Иллюстрации других цветов

Если товар доступен в нескольких цветах, в карточках подсвечивается не просто их палитра, а миниатюры фотографий.

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

21. Быстрый доступ к фотоотзывам

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

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

22. Тренируем нейросеть

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

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

23. Категории похожих товаров

Блок с похожими товарами в карточках разбит на подкатегории: того же бренда, визуально похожие, и того же цвета.

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

24. Проверка оригинальности

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

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

25. Highlight замен в корзине

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

Это позволяет лучше привлечь внимание к возможности замены, повышая шансы на то, что клиент заметит хорошую альтернативу и купит её.
hardclient

26. Применение промокодов

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

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

27. Шеринг корзины

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

28. Progress bar при оформлении заказа

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

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

29. Фото в карточках ПВЗ

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

30. Кешбэк при оплате СБП

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

Lamoda делает оплату через СБП при получении более привлекательной, давая за это 5% кешбэка, а такой процент может быть выше, чем в банковских программах лояльности.

Кешбэк начисляется не рублями, а баллами Lamoda. Таким образом, механика нацелена на повышение LTV за счет повторных покупок.
hardclient
To be continued...
Итак, это была Lamoda с 30 интересными моментами, которые делают ее пользовательский опыт лучше и позволяют управлять поведением клиентов.

Замечу, что 30 пунктами особенности сервиса не ограничиваются, поэтому если у вас есть чем дополнить этот список, жду ваших идей в комментах.

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