Разработка личного кабинета

Подробно

Разработка личного кабинета нужна, когда клиенту проще зайти на сайт и посмотреть все самому, чем звонить менеджеру. Мы делаем личный кабинет клиента для сайта и мобильного приложения: история заказов, статусы, счета и закрывающие документы, оплата онлайн, чат с менеджером. Данные подтягиваем из 1С и CRM, чтобы клиент видел то же, что видит ваш отдел продаж.

Создание личного кабинета

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

• история заказов с фильтрами и повтором заказа в один клик;
• документы: счета, акты, накладные, договоры с выгрузкой в PDF;
• оплата через платежную систему, подключенную к вашему эквайрингу;
• обратная связь: чат или заявки с номером обращения и статусом;
• профиль компании, список сотрудников и права доступа.

Для B2B добавляем прайс с персональными ценами, лимиты по отсрочке и заказ по артикулу. Такой кабинет B2B со временем вырастает в полноценный b2b портал для клиентов, дилеров и партнеров.

Личный кабинет пользователя должен работать и с телефона. Делаем адаптивную веб-версию, а если клиенты заходят часто, выпускаем мобильное приложение с push-уведомлениями о смене статуса заказа и новых документах. Приложение и сайт работают с одним сервером, поэтому данные везде одинаковые.

Разработка личного кабинета клиента

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

При разработке личного кабинета клиента сначала выясняем, откуда брать данные. Заказы и документы обычно живут в 1С, переписка и сделки в CRM, оплаты в платежной системе. Кабинет собирает их на одном экране и показывает клиенту только его записи. Если у клиента-компании несколько сотрудников, каждый получает свой вход и свои права: бухгалтер видит акты и сверку, закупщик оформляет заказы, руководитель видит все.

Разделы, которые чаще всего просят клиенты B2B: персональный прайс, заказ по артикулу или из Excel, отсрочка и лимит по ней, сверка взаиморасчетов, рекламации. Для розницы набор проще: заказы, бонусы, адреса, сохраненные карты.

Разработка личного кабинета пользователя

Кабинет пользователя нужен любому сервису, где человек заходит под своей учетной записью: онлайн-школе, сервису записи, SaaS-продукту, порталу для сотрудников. Здесь на первом месте не документы, а работа с самим сервисом: профиль, настройки, подписка и оплата, история действий, уведомления.

Разработка кабинета пользователя начинается с регистрации и входа. Выбираем способы: телефон с кодом, почта, Яндекс ID, VK ID или корпоративная учетная запись. Дальше настраиваем восстановление доступа, подтверждение важных действий и выход со всех устройств. Пользователь сам управляет своими данными: меняет почту и телефон, выгружает историю, удаляет аккаунт. Удаление аккаунта внутри приложения требуют App Store и Google Play, а отзыв согласия на обработку персональных данных предусматривает закон.

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

Мобильный личный кабинет

Разработка мобильных личных кабинетов идет двумя путями. Первый: адаптивная веб-версия, которая открывается в браузере телефона и ничего не требует от пользователя. Ее делаем всегда, это минимум. Второй: отдельное приложение для iOS и Android. Оно нужно, когда клиенты заходят часто и важны уведомления: статус заказа сменился, пришел счет, менеджер ответил в чате.

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

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

Сделаем сайт с личным кабинетом

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

Регистрацию настраиваем под модель бизнеса. В рознице клиент регистрируется сам по номеру телефона. В B2B доступ выдает менеджер после проверки компании, а руководитель на стороне клиента сам добавляет коллег и решает, кто может заказывать, а кто только смотрит документы.

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

Личный кабинет: разработка и интеграции

Кабинет почти никогда не живет отдельно. Интеграция с CRM передает обращения и заявки менеджеру, 1С отдает остатки, цены, документы и взаиморасчеты, платежная система возвращает статус оплаты. Мы разрабатываем личный кабинет так, чтобы источник правды оставался один: если счет поменяли в 1С, клиент увидит новую версию без ручной выгрузки.

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

Заказать личный кабинет

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

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

Стоимость разработки называем после брифа: она зависит от числа ролей, глубины управления заказами, количества интеграций и того, нужна ли мобильная версия. На демо-проектах Трассер, Капиталика и Умникум показываем, как мог бы выглядеть кабинет под разные задачи: отслеживание доставки, финансовые данные клиента, обучение. Пошаговый разбор с вариантами есть в статье как создать личный кабинет.