Корпоративный портал для Ассоциации Управленцев Здравоохранения
Сложный корпоративный портал с личным кабинетом, различными ролями пользователей, маркетплейсом и авторскими курсами — как мы делали наш самый объемный проект в новом кейсе.
О задаче
Клиент обратился к нам в Январе 2021 года с необходимостью разработки современного и удобного портала с личным кабинетом, встроенным маркетплейсом и разветвленной системой ролей в нем.
Так как для нас это был первый опыт разработки подобной сложности, начать мы решили с углубленной аналитической части. Совместно с клиентом мы выявили все боли, которые должен был закрывать будущий сайт, проработали десятки, если не сотни референсов чтобы прийти к общему знаменателю.
Результатом нашей предварительной работы стал огромный майндмэп, который включал всю будущую логику проекта, роли пользователей и основной функционал личного кабинета.
Также, мы подготовили прототипы ключевых экранов, согласованные с клиентом, чтобы визуализировать ожидаемую структуру и обеспечить полное понимание конечной архитектуры сайта.
По итогу, все работы были разбиты на несколько частей:
1) Публичная часть - часть портала которая доступна всем пользователям без регистрации.
2) Корпоративный портал - внутренняя часть для работы с участниками ассоциации
3) Админ-панель - часть для работы с настройками сайта администраторами и контент-менеджерами.
4) Маркетплейс - возможность приобретать товары, связанные с деятельностью ассоциации
Все три части требовали детальной проработки, которая учитывала бы потребности каждой категории пользователей.
Отдельно стоит выделить необходимость проработки мобильных версий разделов, так как большинство пользователей на этапе аналитики указало их как планируемый способ взаимодействия с порталом.
Так как для нас это был первый опыт разработки подобной сложности, начать мы решили с углубленной аналитической части. Совместно с клиентом мы выявили все боли, которые должен был закрывать будущий сайт, проработали десятки, если не сотни референсов чтобы прийти к общему знаменателю.
Результатом нашей предварительной работы стал огромный майндмэп, который включал всю будущую логику проекта, роли пользователей и основной функционал личного кабинета.
Также, мы подготовили прототипы ключевых экранов, согласованные с клиентом, чтобы визуализировать ожидаемую структуру и обеспечить полное понимание конечной архитектуры сайта.
По итогу, все работы были разбиты на несколько частей:
1) Публичная часть - часть портала которая доступна всем пользователям без регистрации.
2) Корпоративный портал - внутренняя часть для работы с участниками ассоциации
3) Админ-панель - часть для работы с настройками сайта администраторами и контент-менеджерами.
4) Маркетплейс - возможность приобретать товары, связанные с деятельностью ассоциации
Все три части требовали детальной проработки, которая учитывала бы потребности каждой категории пользователей.
Отдельно стоит выделить необходимость проработки мобильных версий разделов, так как большинство пользователей на этапе аналитики указало их как планируемый способ взаимодействия с порталом.
Публичная часть
Начать разработку было решено с публичной части, так как клиенту требовался быстрый запуск сайта для его презентации потенциальным участникам ассоциации.
Для быстрого запуска упор был сделан на Главную страницу: она требовалась лаконичной, но понятной потенциальному пользователю.
• Важные события ассоциации были вынесены на слайдер главного баннера - так пользователь сразу узнавал о важных событиях
• Сразу под ним размещаются блок со всеми новостями ассоциации - они расположены в хронологическом порядке, поэтому на главной показываются только актуальные новости, для открытия всех новостей предлагается перейти в раздел «Новости»
• Блок с основными компетенциями - здесь пользователь может понять основные направления деятельности ассоциации.
• Блок с партнерами предлагает ознакомиться с основными партнерами и спонсорами ассоциации.
Вся эта информация позволяет кратко ознакомиться с ассоциацией и составить предварительное мнение.
Для быстрого запуска упор был сделан на Главную страницу: она требовалась лаконичной, но понятной потенциальному пользователю.
• Важные события ассоциации были вынесены на слайдер главного баннера - так пользователь сразу узнавал о важных событиях
• Сразу под ним размещаются блок со всеми новостями ассоциации - они расположены в хронологическом порядке, поэтому на главной показываются только актуальные новости, для открытия всех новостей предлагается перейти в раздел «Новости»
• Блок с основными компетенциями - здесь пользователь может понять основные направления деятельности ассоциации.
• Блок с партнерами предлагает ознакомиться с основными партнерами и спонсорами ассоциации.
Вся эта информация позволяет кратко ознакомиться с ассоциацией и составить предварительное мнение.
Далее мы приступили к разработке разделов, которые более широко бы раскрывали направления деятельности ассоциации. Были разработаны страницы:
• Кадровый резерв,
• История развития,
• Ключевые концепции,
• Страница «О нас», со вложенными разделами «Правовой совет», «Комитеты и рабочие группы»,
• Страница о международной деятельности ассоциации,
• Страница с видеоархивом записей прямых эфиров ассоциации,
• Регуляторная гильотина,
• Отдельный раздел с часто задаваемыми вопросами (FAQ) для упрощения взаимодействия с потенциальными участниками и снижения нагрузки на службу поддержки.
• Кадровый резерв,
• История развития,
• Ключевые концепции,
• Страница «О нас», со вложенными разделами «Правовой совет», «Комитеты и рабочие группы»,
• Страница о международной деятельности ассоциации,
• Страница с видеоархивом записей прямых эфиров ассоциации,
• Регуляторная гильотина,
• Отдельный раздел с часто задаваемыми вопросами (FAQ) для упрощения взаимодействия с потенциальными участниками и снижения нагрузки на службу поддержки.
Корпоративный портал
Разработка корпоративного портала потребовала детального погружения в бизнес-процессы клиента: необходимо было удовлетворить все потребности, при этом оставить пространство для будущих апдейтов и усложнений.
Личный кабинет предполагал наличие нескольких ролей:
• Неподтвержденный пользователь,
• Подтвержденный пользователь,
• Участник ассоциации без прав администрирования,
• Участник ассоциации с правами администрирования,
• Администратор,
Для различных категорий ролей были доступны отличающиеся разделы в личном кабинете, которые открывались бы по итогам изменения прав пользователя.
Изменение ролей предполагалось как через автоматическую регистрацию, так и через изменение прав пользователя администратором после прохождения проверки.
В минимальной версии пользователю открывалось БИО профиля и базовые функции, вроде календаря трансляций, подписки на обновления.
Расширенные права доступа предоставляли возможность:
• Записи на обучения и курсы,
• Получения сертификатов после завершения обучения,
• Использования внутренних услуг для членов ассоциации, включая юридические консультации, доступ к базе знаний и экспертной поддержке.
Мы также предусмотрели возможность внедрения системы уведомлений и оповещений для напоминаний о предстоящих мероприятиях или изменениях в профиле. Это значительно повышает вовлеченность пользователей и удобство пользования порталом.
Личный кабинет предполагал наличие нескольких ролей:
• Неподтвержденный пользователь,
• Подтвержденный пользователь,
• Участник ассоциации без прав администрирования,
• Участник ассоциации с правами администрирования,
• Администратор,
Для различных категорий ролей были доступны отличающиеся разделы в личном кабинете, которые открывались бы по итогам изменения прав пользователя.
Изменение ролей предполагалось как через автоматическую регистрацию, так и через изменение прав пользователя администратором после прохождения проверки.
В минимальной версии пользователю открывалось БИО профиля и базовые функции, вроде календаря трансляций, подписки на обновления.
Расширенные права доступа предоставляли возможность:
• Записи на обучения и курсы,
• Получения сертификатов после завершения обучения,
• Использования внутренних услуг для членов ассоциации, включая юридические консультации, доступ к базе знаний и экспертной поддержке.
Мы также предусмотрели возможность внедрения системы уведомлений и оповещений для напоминаний о предстоящих мероприятиях или изменениях в профиле. Это значительно повышает вовлеченность пользователей и удобство пользования порталом.
Маркетплейс
Встроенный магазин задумывался для реализации:
• Учебных курсов ассоциации,
• Литературы и методических материалов,
• Сопутствующей продукции, востребованной в профессиональной среде.
Магазин был построен на классической схеме:
• Карточка товара с изображением, подробным описанием, ценой,
• Возможность оставлять отзывы,
• Система рекомендаций аналогичных товаров,
• Фильтры и сортировка товаров для быстрого поиска нужной позиции.
Клиент отказался от онлайн оплаты на сайте, а переводил покупку на заявку с менеджером. Сделано это было чтобы избежать возможности отправки редких или штучных изданий или курсов неспециалистам. Мы также предусмотрели возможность будущего подключения онлайн-оплаты при изменении бизнес-модели клиента.
• Учебных курсов ассоциации,
• Литературы и методических материалов,
• Сопутствующей продукции, востребованной в профессиональной среде.
Магазин был построен на классической схеме:
• Карточка товара с изображением, подробным описанием, ценой,
• Возможность оставлять отзывы,
• Система рекомендаций аналогичных товаров,
• Фильтры и сортировка товаров для быстрого поиска нужной позиции.
Клиент отказался от онлайн оплаты на сайте, а переводил покупку на заявку с менеджером. Сделано это было чтобы избежать возможности отправки редких или штучных изданий или курсов неспециалистам. Мы также предусмотрели возможность будущего подключения онлайн-оплаты при изменении бизнес-модели клиента.
Адаптивный дизайн
Адаптация сайта под различные устройства является неотъемлемой частью процесса. При адаптации мы не урезаем функционал десктопной версии, мы только перекомпановываем функциональные блоки.
Вывод
В результате проделанной работы мы создали комплексный и продуманный портал, который:
• Учитывает потребности различных категорий пользователей благодаря гибкой системе ролей,
• Включает функциональный маркетплейс с возможностью развития и масштабирования,
• Имеет адаптивный дизайн для корректного отображения на любых устройствах,
• Отличается удобной навигацией и понятной структурой, что особенно важно для участников ассоциации,
• Подготовлен к интеграции с внешними сервисами (CRM, мессенджеры, рассылки) для автоматизации процессов и повышения качества обслуживания,
• Оптимизирован для поисковых систем для увеличения трафика и узнаваемости ассоциации в интернете.
Таким образом, мы не просто реализовали задачу клиента, но и создали платформу с мощным потенциалом для дальнейшего развития и улучшения пользовательского опыта.
• Учитывает потребности различных категорий пользователей благодаря гибкой системе ролей,
• Включает функциональный маркетплейс с возможностью развития и масштабирования,
• Имеет адаптивный дизайн для корректного отображения на любых устройствах,
• Отличается удобной навигацией и понятной структурой, что особенно важно для участников ассоциации,
• Подготовлен к интеграции с внешними сервисами (CRM, мессенджеры, рассылки) для автоматизации процессов и повышения качества обслуживания,
• Оптимизирован для поисковых систем для увеличения трафика и узнаваемости ассоциации в интернете.
Таким образом, мы не просто реализовали задачу клиента, но и создали платформу с мощным потенциалом для дальнейшего развития и улучшения пользовательского опыта.
Есть проект?