Личный кабинет оператора сотовой связи Личный кабинет оператора сотовой связи

Личный кабинет оператора сотовой связи Сонет Телеком

Наша компания разработала личный кабинет для пользователей компании Easy4Easy. Личный кабинет был выполнен согласно современным требованиям верстки адаптивного дизайна, что позволяет одинаково удобно работать в нем со всех устройств. Алгоритм действий клиента для разрабатываемого продукта предусматривался следующий:

  1. Клиент покупает устройство, с которым он будет работать и передвигаться по всему миру. Устройству нужен доступ в Интернет, голосовой трафик или SMS. Клиент сканирует смартфоном или планшетным компьютером QR код на этикетке SIM-карты компании и переходит на сайт личного кабинета. Либо вводит адрес личного кабинета в браузере, а затем вручную вводит ICCID SIM-карты, которую он держит в руках. Далее клиенту сайт личного кабинета предлагает авторизоваться либо пройти регистрацию.
  2. Клиент в первый раз в личном кабинете и выбирает ссылку «Регистрация». Далее клиент выбирает тип лица: физическое лицо, индивидуальный предприниматель или юридическое лицо.
  3. После ввода первоначальных данных система делает проверки на уникальность клиентов с такими данными, а также с помощью сторонних сервисов производит проверку правомочности физического, юридического лица или индивидуального предпринимателя.
  4. Далее клиент регистрируется, подтверждает адрес электронной почты для активации логина в системе, если клиент зарегистрировался через портал Госуслуг, подтверждение email не требуется.
  5. После этого он может выбрать подходящий ему тариф обслуживания и набор дополнительных услуг. Если к ICCID привязан только один тариф, и данные клиента подтверждены сервисами проверки его персональных данных, система предлагает перейти на пополнение баланса лицевого счета.
  6. Клиент может ознакомиться с остатком на лицевом счету, пополнить баланс лицевого счета путем онлайн-оплаты, либо выписав счет или квитанцию на оплату через банковский перевод. Клиент может посмотреть выписку по лицевому счету за любой период.

В системе предусмотрено две роли: клиент и менеджер. Интерфейс клиента представлен следующими элементами:

Шапка

В этом элементе отражено:

  • Иконка сообщений клиенту от переписки с менеджером и индикацией наличия новых сообщений клиенту;
  • Иконка сообщений системы клиенту с индикацией наличия новых сообщений;
  • Иконка пользователя личного кабинета. Клик по иконке открывает всплывающее окно.

Меню

В этом элементе отражено:

  • Информация о текущем балансе пользователя;
  • Кнопка «Пополнить баланс» – интерфейс пополнения баланса лицевого счета;
  • Контроль расходов - информация о лицевом счете клиента и контроле расходов по счету;
  • Профиль – информация и личных данных, и реквизитах клиента;
  • Тарифы - Страница со списком текущих тарифов компании;
  • SIM-карты - список SIM-карт, зарегистрированных на клиента;
  • Новости - Страница новостей для клиентов компании;
  • Поддержка - Страница чата с технической поддержкой.

Главная страница личного кабинета

Является отправной точкой для осуществления всех бизнес-процессов в личном кабинете. Клиент видит:

  • Сообщение системы для клиента. Это уведомления важного характера. Клиент может выбрать иконку закрытия уведомления, что является сигналом для системы: клиент прочитал сообщение, больше его не показывать;
  • Блок «Баланс». Показывает сумму баланса лицевого счета клиента. Блок содержит кнопку «Пополнить счет», клик по которой переводит клиента на страницу пополнения баланса лицевого счета;
  • Блок «SIM карты». Список всех SIM-карт клиента. По каждой SIM-карте клиент видит:
    • Номер телефона, выделенный для карты. Ссылка на просмотр SIM-карты клиента;
    • Номер ICCID карты. Ссылка на просмотр SIM-карты клиента;
    • Название карты, произвольно задаваемое клиентом;
    • Название тарифа, который прикреплен к SIM-карте. Ссылка на просмотр тарифа;
    • Остаток интернет-трафика по SIM-карте, включенного в пакет тарифа;
    • Дата следующего обновления квоты трафика в рамках тарифа. Таким образом, клиент может рассчитывать, хватит ли ему трафика, или стоит купить дополнительный пакет, чтобы не отключился интернет;
  • Блок «Сообщения». Содержит список переписки клиента с менеджерами компании;
  • Блок «Новости.

Профиль пользователя

Служит местом для управления информацией клиентом о себе. Пользователь может изменить:

  • Свое имя;
  • Свой контактный e-mail;
  • Сотовый телефон;
  • Фотографию профиля;
  • Паспортные данные или реквизиты, в случае, если клиент – юридическое лицо или ИП;
  • Один или несколько файлов копий документов.

Страница «SIM-карты»

Клиент видит список SIM-карт, прикрепленных к клиенту. По каждой SIM-карте клиент видит:

  • Номер телефона, привязанный в системе в SIM-карте;
  • Номер ICCID карты;
  • Наименование карты, которое клиент имеет возможность указать в произвольном, удобном для него виде, например, «Кассовый аппарат 1»;
  • Тариф, на котором работает SIM-карта. У клиента есть возможность перейти на другой тариф. кликнув по названию тарифа;
  • Кнопку «Добавить SIM-карту», по нажатию на которую клиент переходит на интерфейс добавления карты в список;
  • Кнопку «Заказать новую SIM карту», по нажатию на которую клиенту открывается всплывающее окно, в котором он может оформить заказ на новую SIM карту.

Страница просмотра SIM-карты

При заходе на просмотр SIM-карты клиент видит:

  • Номер телефона, который привязан к SIM-карте;
  • Уникальный ICCID номер SIM-карты;
  • Название карты с возможностью клиентом отредактировать его. Служит для того, чтобы клиент ориентировался, что это за карта по ее названию, например, он вставляет карту в кассовый аппарат и присваивает ей название «Кассовый аппарат, курьер Иванов Петр»;
  • Блок «Мой тариф». В блоке показан текущий тариф, на котором работает SIM-карта в составе:
    • Название тарифа. Ссылка на просмотр тарифа;
    • Список услуг, предоставляемых по тарифу;
    • Счетчик оставшегося интернет-трафика по текущему тарифному плану;
    • Сумма ежемесячной оплаты за тариф.
  • Вкладка «Все тарифы». При клике по закладке клиент видит список активных тарифов компании. Клиент может посмотреть информацию по каждому тарифу и перейти на него на текущей SIM-карте;
  • Блок «Мои услуги» со списком текущих дополнительных услуг, подключенных к текущей SIM-карте. У клиента есть возможность отключить любую из дополнительных услуг, кликнув по кнопке «Отключить» и подтвердить действие в появившемся всплывающем окне;
  • Блок «Все опции и услуги», где клиент может посмотреть список всех дополнительных услуг, доступных на текущем тарифе, а также подключить / отключить любую из них. У клиента есть возможность кликнуть по наименованию услуги для перехода на подробное описание услуги;
  • Блок «Блокировка SIM», в котором клиент имеет возможность ознакомиться с порядком блокировки / разблокировки SIM-карты, и заблокировать SIM-карту путем нажатия кнопки «Заблокировать SIM» и последующего подтверждения действия.

Страница «Тарифы»

При переходе из меню личного кабинета в раздел «Тарифы» клиент видит список текущих тарифов компании. Каждый тариф представлен полями:

  • Название тарифа, ссылка на просмотр выбранного тарифа;
  • Краткое описание тарифа;
  • Список SIM-карт клиента, прикрепленных к данному тарифу;
  • Объем интернет-трафика, входящего в тариф;
  • Сумма ежемесячной оплаты за тариф;
  • Ссылка на просмотр тарифа.

Страница просмотра тарифов

При заходе на страницу просмотра тарифа клиент видит:

  • Название тарифа;
  • Стоимость подключения тарифа;
  • SIM-карты клиента в виде выпадающего списка. Клиент может выбрать SIM-карту, тем самым инициируя процесс перехода выбранной SIM-карты на текущий тариф, нажав кнопку «Перейти на тариф»;
  • Блок обязательных платежей содержит информацию «Первоначальный авансовый платеж» и «Ежемесячная абонентская плата»;
  • Блок «В ежемесячную абонентскую плату включено». Данный блок содержит список с количествами услуг компании, входящих в текущий тариф;
  • Блоки дополнительной информации по тарифу в виде заголовка группы, списка и количественных показателей услуг;
  • Дополнительное описание тарифа.

Страница «Контроль расходов»

На странице “Контроль расходов” клиент видит:

  • Номер лицевого счета;
  • Текущий баланс лицевого счета;
  • Ссылку «Пополнить» с переходом на интерфейс пополнения лицевого счета;
  • Сумму минимального баланса на лицевом счету для автоматического отключения предоставления услуг по всем SIM-картам;
  • Метод взаиморасчетов. Может быть авансовым или кредитным;
  • Блок «Остатки по пакетам услуг» для каждой SIM-карты в составе:
  • Блок «Контроль расходов», в котором клиент может посмотреть расходы по лицевому счету и зачисления на лицевой счет за любой выбранный период.

Страница «Пополнить баланс»

На странице «Пополнить баланс» клиент видит:

  • Поле ввода суммы для пополнения лицевого счета;
  • Кнопку «Далее» по нажатию которой проверяется сумма пополнения лицевого счета. Если ошибок нет клиент видит интерфейс выбора способа оплаты: онлайн оплата и банковский перевод.

Страница «Техподдержка, чат»

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

Страница «Новости»

На странице «Новости» клиент видит список новостей, отсортированных по убыванию даты новости. При клике на новость клиент переходит на страницу детальной записи новости.

Интерфейс менеджера включает в себя возможность обмена сообщениями с клиентами в чате.

Тип работ прототипирование, дизайн, адаптивная верстка, интеграция в систему управления, программирование, техническая поддержка, интеграция с 1С, REST API, ReactJS, Single Page Application (SPA)
Категория стоимости 900 тыс. р.
Срок разработки 5 месяцев
Система управления 1С-Битрикс