Как разработать удобный личный кабинет для B2B, B2C или G2B сайта

«Личный кабинет — это закрытый раздел на сайте, который доступен пользователю по логину и паролю». Такое определение может дать каждый, кто пользуется современными цифровыми сервисами. Но знаете ли вы, что «пользователями» могут быть не только частные лица, но и организации? Да, на сайтах для бизнеса и в государственных информационных системах тоже есть личные кабинеты. В этой статье мы расскажем, с какими трудностями сталкиваемся при их проектировании на интернет-порталах типа В2В («business to business») и G2B («government to business»).

Короткая справка по моделям продаж

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

В базовых моделях участников три:

• Потребитель («C» — «Customer»),
• Бизнес («В» — «Business»«),
• Правительство («G» — «Government»).

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

B2C — бизнес для потребителя. Любые типы интернет-магазинов и сайтов по продаже услуг. Примеры: приложение супермаркета для заказа продуктов; сайт частной клиники с онлайн-записью на приём.

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

G2B — государство для бизнеса. Сервисы, которые способствуют упрощению взаимодействия между бизнесом и государством. Например, сайт ГИС «Энергоэффективность» (электронная отчетность по выбросам парниковых газов для организаций), недавно разработанный Uplab.

На всех этих типов сайтов есть личные кабинеты с конфиденциальной информацией: документами, отчётами, статистикой. И если в случае с В2С это данные и документы физических лиц, то у В2В и G2C в личном кабинете находятся документы организации и отчётность по ней. Но обо всём по порядку.

Что обычно находится в личном кабинете?

Для пользователя личный кабинет — своеобразный «дом» на сайте, где он может управлять своими данными, взаимодействовать с сервисом и получать доступ к персонализированному контенту. Возможности личного кабинета отличаются в зависимости от функционала сайта, но есть ряд стандартных элементов, которые встречаются практически везде.

Основные разделы ЛК

• Профиль. Здесь пользователь может просматривать и редактировать свои персональные данные: имя, фамилию, контактную информацию, адрес, дату рождения и т.д. В некоторых случаях, можно загрузить аватар или изменить логин/пароль. Пример: на сайте интернет-магазина в профиле можно указать адрес доставки, сохранить данные банковских карт и историю заказов.
• История действий/заказов. Этот раздел отображает все действия пользователя на сайте: покупки, заказы, комментарии, сообщения, просмотры, отзывы. Пример: на платформе онлайн-обучения в истории действий можно увидеть пройденные курсы, результаты тестов и загруженные файлы.
• Настройки. В этом разделе пользователь может настроить уведомления, подписки, язык интерфейса, валюту и другие параметры, влияющие на его взаимодействие с сайтом. Пример: на музыкальном стриминговом сервисе в настройках можно выбрать качество воспроизведения, создать плейлисты и управлять подпиской.
• Сообщения/Чат. Раздел для общения с администрацией сайта или другими пользователями. Пример: на маркетплейсе в личном кабинете можно просматривать личные сообщения от продавцов и технической поддержки.
• Финансовые операции. Если сайт связан с денежными переводами (например, интернет-магазин, онлайн-банк), то в личном кабинете будет раздел для управления валютой: пополнение баланса, оплата услуг, выводы средств и т.д.
• Интеграции. У физических лиц это могут быть платёжные сервисы или аутентификация через Госуслуги, социальные сети, учётные записи в других сервисах.

Дополнительные разделы ЛК

Эти разделы добавляются в зависимости от типа сайта и его задач. Они представлены только в некоторых личных кабинетах.

• Управление подписками. Для таких сайтов как онлайн-кинотеатры или сервисы доставки еды в личном кабинете можно изменять тарифные планы; добавлять и отменять подписку.
• Администрирование контента. На сайтах, где пользователи могут создавать свой контент (блоги, форумы, социальные сети), в личном кабинете есть раздел для управления этим контентом: редактирования статей, публикаций, комментариев.
• Интеграция с социальными сетями. Возможность связать свой аккаунт на сайте с аккаунтами в социальных сетях.
• Система бонусов/скидок. Для сайтов с бонусной программой в личном кабинете можно отслеживать накопленные бонусы, баллы и использовать их для получения скидок.

В целом, личный кабинет — это инструмент, который позволяет сделать взаимодействие пользователя с сайтом более удобным, персонализированным и эффективным. Сейчас в информационных системах заметен тренд на укрупнение: больше функций становится доступно в одной системе, чтобы цифровизация была менее «лоскутной». Поэтому личные кабинеты сейчас — это достаточно сложные проекты, даже если речь идёт просто о клиентском разделе на сайте.

Личный кабинет для В2С-сайта

Большинство личных кабинетов на сайтах разрабатываются именно для пользователей как физических лиц, поэтому именно на таком примере мы подробно расскажем, как ведётся разработка ЛК.

Функциональные требования

Как и любой проект для бизнеса, разработка клиентского личного кабинета на сайте начинается с выяснения бизнес-требований. Глобальный вопрос: «для чего он нужен». То есть какие задачи он должен решать, каковы цели создания.

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

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

Далее обсуждаются технические требования: например, монолитная или микросервисная структура будет у кабинета.

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

Нефункциональные требования

К таким требованиям относятся:

• Обязательные элементы дизайна. Часто у компании есть брендбук, который регламентирует шрифт, фирменные цвета, язык и стиль текстов.
• Требования к нагрузке. У некоторых сайтов бывает высокая пиковая нагрузка, связанная с распродажами или с каким-то сезонным календарным фактором. Например, строительной компании осенью приходит очень много заявок на замену батарей.
• Требования к информационной безопасности, например, к работе с персональными данными.

Все эти факторы тоже нужно понимать, обсуждать с бизнесом и фиксировать в техническом задании.

Техническое проектирование системы

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

Дизайн

Дизайн личного кабинета (ЛК) на сайте — это важная часть пользовательского опыта, которая влияет на лояльность и вовлеченность пользователей. Как и в дизайне основных страниц сайта, здесь создатели руководствуются брендбуком: используют фирменные шрифты и цвета. Но простора для творчества в личном кабинете меньше, ведь он должен быть в первую очередь функциональным и интуитивно понятным.

Разработка

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

Подготовка документации

В случае с личным кабинетом разработка редко завершается при сдаче проекта. Как правило, какое-то время идёт доработка и добавление функций. Но в момент сдачи проекта заканчивается разработка того, что входило в основные функционально-технические требования; проводятся испытания и приёмка.

Тестирование

На этом этапе происходит проверка удобства использования ЛК реальными пользователями, выявление проблем и ошибок и устранение выявленных проблем.

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

Личный кабинет для сайта В2В

Алгоритм разработки личного кабинета для сайтов «business to business» включает те же стадии, что и для физических лиц. Поэтому не будем вновь повторять этапы, а сфокусируемся на ключевых отличиях.

Нет готовых схем

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

Больше аналитической работы

Как правило, работа над этим разделом сайта начинается с гипотезы или проекта заказчика: например, он хочет оптимизировать сбор данных своих партнёров. Далее разработчик изучает, как сейчас решается эта задача. Если личного кабинета нет, то процесс обычно выстроен с помощью других сервисов: например, электронной почты. Анализируя, как выстроены и как работают процессы, разработчик предлагает проект личного кабинета, который детализируется в процессе обсуждения с заказчиком.

Дольше подготовительный этап (но не всегда)

Можно предположить, что этап сбора данных для В2В-кабинета занимает больше времени. Но на самом деле это зависит только от того, сколько функций в личном кабинете будет представлено. Действительно, в B2B их, как правило больше, а ролевая модель — сложнее, но это не общее правило: бывают и исключения.

Также на сроки и стоимость разработки влияет количество интеграций и нагрузка на эту систему: сколько пользователей, транзакций и данных в этой системе, а также сколько в ней бизнес-процессов. Бизнес-процессы в B2B кабинетах в целом обычно сложнее, чем в B2C, а число интеграций больше, хотя это тоже не общее правило. Например, в финансовой сфере в личном кабинете для физических лиц также могут быть очень сложные процессы.

«Стоимость владения» — это важно

В В2В-кабинетах на этапе технического проектирования обязательно рассчитывается TCO (Total cost ownership). Как правило, в документах он прописан на разные периоды: 2 года, 3 года, 5 лет. Заказчику важно знать эти цифры уже на начальных этапах проработки проекта. Разработчики могут спроектировать очень прогрессивные решения, но при этом с очень дорогой поддержкой, которая не подойдет для клиента. Именно в В2В-проектах размер TCO критически важен.

Личный кабинет для сайта G2В: задачи и особенности

Личные кабинеты для сайтов G2B («Government-to-Business») в России создаются, чтобы улучшать взаимодействие между государственными структурами и бизнесом. Это важный инструментом цифровой трансформации, который облегчает доступ к государственным услугам. Давайте рассмотрим подробней, какие задачи и цели решает такой личный кабинет.

Упрощение взаимодействия

Централизованный доступ. Личный кабинет G2B даёт бизнесу централизованный доступ к государственным услугам. Это экономит время сотрудников (а значит, и деньги бизнеса), ведь все нужные функции собраны в одном месте.

Рассмотрение заявлений и обращений. В личном кабинете G2B-сайта пользователи могут подавать заявки в онлайн и отслеживать их статус в реальном времени.

Повышение эффективности

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

Снижение административной нагрузки. Автоматизация и цифровизация сокращают объем бумажной работы и уменьшают административную нагрузку на компании. Это снижает затраты, связанные с подготовкой и подачей документов.

Обеспечение прозрачности

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

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

Улучшение качества обслуживания

Индивидуализация сервисов. Личный кабинет позволяет адаптировать услуги и интерфейс под нужды конкретного бизнеса. Примеры: настройка оповещений и управление доступом для разных сотрудников компании.

Обратная связь и поддержка. На онлайн-платформе можно быстро получить обратную связь и поддержку от государственных органов. В личном кабинете может быть встроен модуль для общения с представителями властей для быстрого решения вопросов.

Адаптация к изменениям. Личный кабинет учитывает возможность быстрого внесения изменений в свои функции и интерфейс в ответ на изменения в законодательстве или новые потребности бизнеса. Это делает систему гибкой.

Обеспечение безопасности

Защита данных. Личный кабинет G2B предусматривает высокие стандарты безопасности для защиты конфиденциальной информации бизнеса. Это включает в себя использование защищенных каналов передачи данных, аутентификацию пользователей и шифрование данных.

Управление доступом. Система позволяет настраивать уровни доступа для разных сотрудников компании, что помогает контролировать, кто имеет доступ к той или иной информации, и предотвращает несанкционированный доступ.

Совместимость и интеграция

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

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

Управление и аналитика

Бизнес-аналитика. Интеграция аналитических инструментов в личный кабинет позволяет бизнесу получать ценные инсайты о своих взаимодействиях с государственными органами. Это включает в себя анализ эффективности процессов, выявление узких мест и формирование стратегий для их устранения.

Мониторинг и отчеты. Система позволяет вести мониторинг всех действий пользователей в реальном времени и генерировать отчеты для анализа и принятия решений. Это важно для стратегического планирования и оптимизации внутренних процессов компании.

Особенности разработки

Личные кабинеты G2B («government to business») на сайтах государственных и муниципальных организаций не очень отличаются от G2C — «government to clients», то есть предназначенных для физических лиц. Но есть некоторые ключевые особенности:

1. В разработке нужно следовать ГОСТам и другим документальным стандартам. Точный список документов уточняется на этапе сбора функциональных требований.
2. Есть ограничения по стеку: технологии, которые применяются, должны входить в реестр отечественного ПО; в некоторых случаях допустимо использование open-source программного обеспечения .
3. Часто необходима интеграция с федеральными информационными системами, ЕСИА, СМЭВ и другими. Чтобы её осуществить, необходимо оформить заявку и дождаться официального ответа, это также занимает время.

В заключение скажем, что независимо от типа сайта компании-разработчику полезно иметь экспертизу в сфере, для которой разрабатывается сайт. Мы в Uplab используем свои заготовки для работы с проектами, в том числе и личных кабинетов: можем вновь использовать решения, которые оказались успешными. Чем больше компания сделала проектов, тем проще её делать следующие. И чем больше интеграций компания делала с разными сервисами, тем тоже проще, потому что понятны нюансы каждой системы.