Так как по статистике 80% пользователей посещают сайт с мобильных устройств, для нас было важно сделать личный кабинет адаптивным под разные устройства.
Разработка личного кабинета интернет-магазина CA.Store
Личный кабинет покупателей интернет-магазина CA.Store
CA.Store — крупная сеть магазинов бытовой техники и электроники в Ташкенте, работающая с 1998 года. Мы познакомились с клиентом осенью 2023 года и после решения ряда критических проблем с сайтом, нам поступила задача на переработку личного кабинета. К 2024 году личному кабинету сайта потребовалось обновление дизайна и добавление уникального функционала под новые запросы клиентов. Базой данных в разработке выступила 1С. Обмен информацией между 1С и личным кабинетом происходит посредством API, а для front-end был выбран фреймворк nuxt. Ниже мы расскажем вам о том, что у нас получилось.
Система статусов и бонусов
В магазине CA.Store реализована прогрессивная бонусная система. Для каждого уровня системы предусмотрены свои выгодные условия покупок. Уровень клиента в системе определяется статусами: Бронзовый, Серебряный, Золотой и Платиновый. Для получения статуса необходимо совершать покупки в магазине CA.Store на определенную сумму. Чем больше покупаешь, тем выше статус. Начиная с бронзового статуса, клиенты получают проценты от ежемесячного платежа за рассрочку в виде бонуса (при условии, что платеж сделан своевременно). Также бонусы можно получить при покупке товара за 100% предоплату. Накопленные бонусы можно использовать на покупку следующего товара.
Для того, чтобы пользователь всегда имел доступ к информации о своем статусе и бонусах, мы настроили обмен информацией с 1С по API. Получаемую информацию мы динамично обновляем и показываем пользователю в разделе Личные данные.
Личные данные
В разделе Личные данные клиент может посмотреть, какой у него статус и увидеть свой прогресс в бонусной системе на шкале статусов. Шкала отображает информацию о том, сколько баллов осталось до следующего статуса. Также в данном разделе пользователь может просматривать личные данные, свой кредитный лимит, добавлять новые адреса доставки и привязать новую карту для оплаты.
Мои заказы
Для раздела Мои заказы нами был разработан детальный фильтр, с помощью которого можно просматривать активные, завершенные, оплаченные на 100% заказы или заказы, оформленные в рассрочку.
Интересным решением магазина стала возможность привязать к своему кабинету заказ другого пользователя и отслеживать статус заказа или производить оплату по рассрочке. Для этого мы разработали функционал, который позволяет принимать номер договора, и после смс подтверждения владельца передавать его в 1С для последующей привязки. Все привязанные договора можно найти в общем списке заказов или в отдельной вкладке.
Общий список заказов содержит в себе краткую информацию по всем заказам. Для того, чтобы пользователь всегда видел заказы, по которым оплата должна быть сделана в ближайшие дни или уже просрочена, мы настроили сортировку — такие заказы всегда показываются первыми в списке. А просроченные заказы или заказы, по которым из-за просрочки заведено судебное дело, выделили цветом для привлечения внимания пользователя.
Детальная информация о заказе
При раскрытии заказа, пользователю показывается детальная информация о составе заказа, оставшейся сумме до закрытия рассрочки и графиком платежей. При клике на каждый месяц в графике платежей есть возможность посмотреть остаток по платежу (например, если была переплата) и сделать платеж.
В заказах, которые еще не доставлены покупателю, есть возможность открыть трекинг и посмотреть в режиме реального времени, где сейчас находится курьер. При получении заказа клиенту необходимо будет назвать код выдачи, который также можно найти в детальной информации о заказе.
Для каждого товара в заказе мы реализовали возможность оформить заявку на сервисное обслуживание, возврат или жалобу. Для сбора всех заявок и работы с обращениями, мы настроили отправку заявок в Битрикс24 с указанием ФИО покупателя, номером заказа и причиной обращения.
Уведомления
В этот раздел попадают все уведомления для клиента, которые могут быть отправлены из 1С. Это может быть напоминание об оплате или уведомления о различных акциях.
Заявки
В этот раздел попадают все заявки, которые были созданы пользователем в личном кабинете. Для просмотра полной информации о заявке мы настроили обмен данными с Битрикс24. За счет этого пользователь может увидеть актуальный статус своей заявки, дату изменения статуса или найти ее номер для обращения в call-центр.
Дизайн личного кабинета
Мы постарались сделать дизайн максимально доступным и интуитивно понятным для всех категорий пользователей. За основу интерфейса мы взяли фирменный стиль магазина CA.Store.
Интерфейс личного кабинета был разработан на фреймворке nuxt.js. Основным плюсом данного фреймворка является скорость загрузки страниц, при обновлении которых не загружаются повторно одинаковые компоненты. Это облегчает и ускоряет взаимодействие пользователя с платформой.
Адаптив
Заказать расчёт стоимости подобного сайта
Интернет-магазин климатического оборудования Гарант-Климат
Мягкий климат в вашем доме
