Полтора месяца назад заказчик поставил передо мной амбициозную задачу – реализовать в крупном самописном интернет-магазине функционал продажи услуг вместе с товаром и отдельно. Причем это нужно было сделать в минимальные сроки и с минимальными изменениями UX/UI – т.е. без создания "надстройки" в виде отдельной корзины, не в формате танцев с бубнами "Закажи звонок менеджера", с максимальной информацией по услуге, включая способ ее получения, и самое главное с ценой.

Недолго думая, я провела аналитику лучших современных Ecommerce практик в сегменте DIY на рынке (желто-красный онлайн-магазин, желто-черный и голубой), определила удачные решения и разработала уникальную концепцию функционала, которая подошла для внедрения в наш проект.

Основные принципы:

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

🔹Возможность выбирать несколько услуг (и их количество), отображать цену услуги на сайте

🔹Реализовать детальную карточку услуги со всей необходимой информацией по аналогии с карточкой товара

🔹Внедрить продажу услуг в единую корзину и чек вместе с товарами (54 ФЗ/ЮKassa)

Какая работа была проведена?

UX/UI 👨🏻‍🎨🎨🖌️

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

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

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

Изменения на бэкенде 👨‍🔧🛠️⚙️

Так как услуга является отдельным типом номенклатуры в 1С:УТ, необходимо было внести серию изменений в текущие API и модели. чтобы фронт мог делать всё перечисленное корректно и надёжно. Приведу некоторые из них.

🔵API услуг

Для получения списка услуг, которые теперь можно купить на сайте в API ……/services/ добавили новые query-параметры: 🔹nomenclatureTypeId - id типа товара для получения связанных услуг для конкретного товара. В детальной карточке "Межкомнатная дверь" предлагается приобрести услугу "Демонтаж", "Монтаж", "Покраска" и т.д.). О других изменениях читайте в комментариях 👇

Что получилось в итоге?

🔹 Покупатели приобретают услуги вместе с товарами, проходя по привычному флоу оформления  заказа. 🔹 Никаких сюрпризов с ценой и условиями получения услуги. 🔹 На операторов не сваливается огромное количество бессмысленных входящих по кнопке на сайте  "Заказать звонок менеджера". 🔹 Большой потенциал роста конверсии - когда услугу легко добавить, клиент реже откладывает покупку "на потом" и чаще оформляет заказ сразу.

Самое классное - это когда покупатель даже не замечает изменений, а просто пользуется привычным решением. Услуга есть, цена видна, заказ оформлен. Магия? Нет, просто отличная команда. 💪

Есть вопросы про реализованный  функционал? Напишите в комментариях 👇

#Ecommerce #DIY #УслугиНаСайте #ПродажаУслуг #ИнтернетМагазин #UXUI #ITрешение #ПовышениеСреднегоЧека #КорзинаОнлайн #ЦифроваяТрансформация #Ecommerce #DIY #ПродажаУслуг #ИнтернетМагазин #UXUI #ITрешение #КорзинаОнлайн #PMlife #Кейс #результат