Pla:ngo — инновационное SaaS-решение с фокусом на UX

Pla:ngo является SaaS-решением для поддержки, управления и оптимизации сотрудничества между общественными организациями, социальными предпринимателями и корпорациями. Деятельность платформы направлена на успешную реализацию программ ESG и создание положительного влияния. Также платформа помогает находить партнеров, способствует масштабному и эффективному межсекторальному сотрудничеству, обеспечивая прозрачные и надежные партнерские решения.

Мы работали над проектом Plango около полугода. Несмотря на имеющиеся старые макеты, мы решили не использовать их. Вместо этого, мы полностью переработали логику, навигацию и создали новый дизайн. Из предыдущей стилистики оставили только цветовую гамму, адаптировав ее под современные требования и новый подход.

Делимся тем, что сделано, как это работает и почему это важно дальше.

Environmental, Social, and Corporate Governance, ESG — это совокупность характеристик управления компанией, при котором достигается привлечение этой компании к решению экологических, социальных и управленческих проблем.

Вызовы

Создать функциональное SaaS-решение с эстетическим и современным дизайном.
Адаптировать и пересмотреть предыдущие дизайнерские разработки, чтобы они соответствовали новым стандартам.

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

Исследование

Стартовали проект с исследования предметной области и анализа конкурентов на основе собранных данных. Это позволило нашей команде разработать детальный сценарий пользовательского взаимодействия (user flow) и карту сайта.

Этапы дизайна

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

Основные функции платформы включают поиск партнеров, улучшенную навигацию, создание проектов в сотрудничестве с некоммерческими организациями, поиск сотрудников и общение с партнерами через функцию сообщений прямо на платформе.

Регистрация

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

Анкетирование

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

Профиль организации

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

Страница проекта

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

Цвета и стиль

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

Интегрированный чат для коммуникации

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

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

Универсальная адаптивность

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

Статусная навигация

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

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

Отзыв компании AboveBits

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

Просмотреть отзыв на Clutch.co

Результат сотрудничества

AboveBits (USA) — Международная команда. Веб-разработка, мобильная разработка
700+ реализованных проектов. 15 лет на мировом рынке. С 2006 года Above Bits является командой, к которой обращаются за веб-дизайном в Шарлотте, штат Северная Каролина, выполнив более 1 000 проектов со вкусом и изяществом.

Revend Group (Украина) — веб-дизайн агентство, которое специализируется на усилении и повышении экспертизы дизайн-команд за короткий срок (outsourcing). Деятельность компании включает дизайн веб-сайтов, мобильных приложений, SaaS, CRM, ERP, интернет-магазинов и других продуктов, способствующих росту наших клиентов.
В результате мы создали новое, яркое SaaS-решение с улучшенной навигацией и интерактивными элементами. Оно эффективно вовлекает пользователей во взаимодействие с платформой. Благодаря оптимизации система работает быстро, доступна для всех категорий пользователей и удобна в управлении контентом.