Функционал для e-commerce

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

Краткая информация

  • Проект Bungly.ru
  • Платформа InSales
  • Ниша Детские товары
  • Интеграции Rees46
  • Задачи UX/UI улучшения

Что нужно было сделать

Клиент пришел с детальным ТЗ. Техотдел хорошо знал платформу InSales и понимал, что нужно пользователям детских товаров. Задача — добавить функции, которые упростят покупки и повысят вовлеченность.

Регистрация и авторизация

Сделали удобную регистрацию с проверкой номера телефона.

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

Сбор email-адресов

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

Таблицы размеров

Сделали понятные таблицы размеров с картинками. По ссылке "Как выбрать размер" открывается галерея с разными вариантами измерений. Это помогает выбрать правильный размер и снижает процент возвратов.

Лукбуки

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

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

Добавили полезные функции в профиль пользователя.

  • Подписка на новости — можно подписаться прямо из кабинета. Больше постоянных покупателей.
  • Информация о детях — можно указать возраст детей. Магазин будет предлагать подходящие товары для конкретного возраста.

Корзина и оформление

Объединили корзину и чекаут на одной странице. Стало проще оформлять заказ.

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

Страница подтверждения заказа

Настроили динамическую страницу после оформления заказа. Контент меняется в зависимости от статуса оплаты и способа доставки. Покупатель видит актуальную информацию о своем заказе.

Результат

Сделали удобную регистрацию, добавили сбор email, настроили таблицы размеров и лукбуки. Улучшили личный кабинет и объединили корзину с чекаутом. Получилась быстрая и удобная тема на InSales.

Клиент составил хорошее ТЗ с пониманием платформы и своей аудитории. Это помогло быстро реализовать все функции без лишних правок.

Теги

InSales JavaScript Rees46 Liquid UX/UI E-commerce Адаптивная верстка Email-маркетинг