ЗСД — Личный кабинет — Вход В Skipp обращаются разные клиенты: госучреждения, корпорации, предприниматели. Бывают случаи, когда продукт легко описать одной строчкой. А иногда мы берём неделю, чтобы просто погрузиться в контекст и разобраться, над чем предстоит работать.
В статье расскажем о том, как создали интерфейс и дизайн для проектного офиса платформы «РОСИНФРА», оператором которой выступает Национальный Центр ГЧП (входит в группу ВЭБ. РФ). Описать этот продукт одной строчкой почти нереально: это сервис внутри сервиса, который помогает запускать инфраструктурные проекты на принципах государственно-частного партнёрства (ГЧП).
На платформе «РОСИНФРА» началась разработка проектного офиса —системы подготовки и управления проектами ГЧП, у которой практически нет аналогов в мире. Благодаря проектному офису, представители бизнеса и государства смогут вместе развивать инфраструктуру по всей стране, взаимодействуя при этом на удобной и технологичной платформе прямо в браузере.
Чтобы помочь спроектировать сложный продукт:
— В Skipp собрали команду из двух продуктовых дизайнеров с релевантным опытом и экспертизой.
— Дизайнеры за неделю погрузились в контекст: созванивались с заказчиком каждый день, смотрели онлайн-курсы, вели визуальные конспекты Figma.
— Проектирование начали с пользовательских ролей и постарались максимально упростить систему: в итоге ролей всего две.
— Создали три подробные USM и 200 экранов прототипов. Перевели в интерфейс сотни шаблонов документов и excel-таблиц, чтобы пользователю было проще создавать необходимую проектную документацию на каждом этапе.
— Подготовили дизайн. На макеты ушло всего четыре недели, потому что прототипы проработали максимально детально.
Что такое «РОСИНФРА»
Государство заинтересовано в том, чтобы инфраструктурные проекты, например, строительство дорог или школ, финансировались не только из бюджета, но и за счёт частных инвестиций. Когда в инфраструктуру вкладывается бизнес, государство тратит меньше денег, делит риски с инвестором, проект тщательнее контролируется и может стать эффективнее. Совместные проекты называются государственно-частным партнёрством. Примеров ГЧП-проекта достаточно много, наиболее известные — платная трасса М-11 «Москва — Санкт-Петербург» и аэропорт «Пулково».
Для совместных проектов государства и бизнеса есть юридические институты и правила. Чтобы инициировать проект, нужно проделать кропотливую работу с документами, обосновать экономическую привлекательность, найти партнёров и инвесторов. Со старта партнёрства и до самого конца в проекте много бюрократии, постоянно нужны юристы, финансовые консультанты и технические эксперты.
Чтобы упростить работу в таких проектах, ВЭБ и Национальный Центр ГЧП создали «РОСИНФРА». Это цифровая платформа, на которой представители государства и бизнеса вместе запускают инфраструктурные инициативы.
«РОСИНФРА» состоит из нескольких сервисов. Например, представители бизнеса могут посмотреть, какие проекты в регионе ищут частные инвестиции. А представители государства — получить помощь экспертов и консультантов в онлайн-формате. На платформе есть сервис «ГЧП-Академия» с образовательным контентом, а также крупнейшие базы проектов, аналитики и других полезных материалов.
По итогам запуска всех сервисов появилось понимание в необходимости создания на их базе единого проектного офиса, который обеспечит применение всех возможностей платформы для комплексного сопровождения проекта: от формирования идеи до привлечения финансирования.
Референсов не было, поэтому начали с нуля
Проектный офис для инициатив ГЧП — сложный продукт для дизайнеров, потому что референсов в мире практически нет. В идеале система должна быть интуитивной и простой для пользователя, как Trello или Todoist. Но при этом в ней будут работать не с краткосрочными задачами, а с проектами на 10–15 лет.
Вторая сложность состоит в том, что на каждом этапе в проекте ГЧП кроме бизнеса и государства участвуют и другие специалисты, в том числе эксперты «РОСИНФРА». В начале погружения команда выделила много пользовательских ролей: модераторы, эксперты, профильные специалисты. Но постепенно дизайнерам удалось упростить структуру ролей вместе с заказчиком. В итоге пришли к тому, что в проектном офисе будет всего два вида участников:
Сначала все люди являются обычными пользователями. Чтобы стать экспертом, пользователь заходит в личный кабинет, заполняет анкету и отправляет её на модерацию в «РОСИНФРА». Если организация даёт пользователю право быть экспертом на платформе, ему открывается дополнительный функционал — экспертный офис.
Эксперт тоже может создать проект. Когда он выходит из экспертного офиса, то становится обычным пользователем.
На этапе проектирования даже в самых сложных продуктах мы стараемся помочь заказчику сделать прозрачную и масштабируемую систему: с ней будет легче работать в будущем. Снижение количества пользовательских ролей до двух как раз помогает упростить сервис: чем меньше в системе ролей, тем проще её спроектировать.
Подобрали команду опытных UX-дизайнеров
Cрок: 3 дня
На стороне «РОСИНФРА» в проект подключили продакт-оунера и проджект-менеджера. Они выступали в качестве центра компетенций по ГЧП и вели продуктовую работу: определяли, какие задачи будут возникать у пользователей и какие функции нужны проектному офису в первую очередь.
У команды платформы не хватало компетенций по пользовательскому опыту, интерфейсам и дизайну. Поэтому в Skipp подобрали на проект двух продуктовых дизайнеров: Надю и Андрея. У них был релевантный опыт проектирования и развитые компетенции в интерфейсах, USM и прототипировании.
Подготовили дизайн
Cрок: четыре недели
Последний этап проекта — дизайн. У команды было важное ограничение: платформа «РОСИНФРА» уже была запущена, поэтому проектный офис нужно было сделать визуально похожим на существующие сервисы.
Дизайнеры ориентировались на макеты сайта, которые передал заказчик, но основную часть интерфейсных элементов отрисовали с нуля. Например, в личном кабинете пользователя в проектном офисе предусмотрен дэшборд, которого нет в других сервисах сайта. Его нарисовали, придерживаясь фирменного стиля.
Из-за высокой детализации прототипов на этапе дизайна не осталось концептуальных задач: структура страниц, набор элементов и их поведение уже были согласованы. Дизайнерам оставалось привести в порядок цвета и формы, аккуратно расположить контент и добавить мобильную версию.
Детализированный прототип экономит время на дизайне: они отличаются формами и цветом, но структура идентичная.
Прототип // Skipp
Дизайн // Skipp
За первую неделю освоили принципы ГЧП
Cрок: 70% за первую неделю, но погружение шло весь проект
Основная задача на этапе погружения — разобраться в принципах ГЧП и в устройстве проектов, понять каждый этап и логику. Главный инструмент погружения — общение с клиентом. Первую неделю дизайнеры общались с заказчиком каждый день по паре часов.
Кроме звонков дизайнеры изучали тему с помощью образовательного контента из «ГЧП-Академии». Они посмотрели около 20 видео, в которых эксперты платформы «РОСИНФРА» объясняли принципы партнёрства, этапы и специфику проектов.
Конспекты звонков, инсайты с онлайн-курса «ГЧП-Академии» и остальную важную информацию по проекту собирали в Figma. Это позволило сразу визуализировать этапы проекта, готовить схемы, наглядно обобщать идеи.
Пример конспекта дизайнеров из Figma // Skipp
Как мы собирали платформу
Понимая, что свободный доступ к информации — это один из ключевых шагов к успешному проекту, мы решили, что нужно собрать единую базу знаний, агрегировать накопленный опыт в этой сфере и различные аналитические материалы, которые могут пригодиться участникам как с частной, так и с публичной стороны.
В 2014 году Центр заключил соглашение с Минэкономразвития России о создании Единой информационной системы ГЧП в России. Уже через год была опубликована первая в стране открытая база, включающая данные о 500 проектах ГЧП. К работе постепенно присоединялись и регионы, которые стали подавать данные о своих проектах. Для повышения открытости сферы мы стали добавлять сведения о запускаемых конкурсах.
На основе собранных данных в 2014 году впервые был рассчитан рейтинг регионов по уровню развития государственно-частного партнерства. Пятерку лидеров тогда сформировали Санкт-Петербург, Татарстан, Новосибирская, Свердловская и Нижегородская области.
Но на этом работа с системой не остановилась. К 2017 году была агрегирована информация по проектам ГЧП с общим объемом инвестиций более 1 трлн рублей. Кроме того, был сформирован пул экспертов, системно собирались и обрабатывались решения судов и ФАС в сфере ГЧП. В 2018 году была запущена программа сбора инвестиционных предложений регионов и разработана методика их оценки.
В итоге при поддержке ВЭБ. РФ к Петербургскому международному экономическому форуму — 2019 в тестовом режиме была запущена цифровая платформа «РОСИНФРА».
В чём задача проектного офиса «РОСИНФРА»
Проектный офис — это рабочее пространство, в котором ведут подготовку проектов ГЧП. Проектный офис должен стать цифровой копией реального процесса: раньше команда Национального Центра ГЧП вручную помогала государственным органам запускать инициативы и искать инвесторов, а теперь это нужно перенести в онлайн и автоматизировать.
Сервис должен помочь пользователю поэтапно готовить проект ГЧП. Например, формировать первичные документы, необходимые для создания проектной инициативы. Также в проектный офис будут подключаться эксперты для блиц-оценки: они изучат, подходит ли проект для реализации по ГЧП, подскажут, что нужно доработать. В сервисе можно будет создать дорожную карту, выбрать подходящие меры поддержки, найти инвесторов, вместе с консультантами разработать финансовую и юридическую модель и так далее.
Команда платформы «РОСИНФРА» обратилась в Skipp, чтобы спроектировать новый сервис. Нужно было разобраться, как перенести многоэтапный бюрократизированный процесс в онлайн, а затем подготовить дизайн, который соответствовал бы стилю «РОСИНФРА».
Что собой представляет сейчас платформа «РОСИНФРА»
Сегодня «РОСИНФРА» — это гибкая цифровая экосистема с различными сервисами для подготовки и реализации инфраструктурных проектов на принципах государственно-частного партнерства.
На платформе консолидированы данные о более чем 4 тыс. проектах, представлены инвестиционные предложения и цифровые паспорта регионов, собрана документация по различным вопросам, сформирован экспертный пул из ведущих специалистов (более 100 экспертов), заведены профили компаний и банков, а также реализован образовательный сервис для повышения квалификации участников рынка.
Функционал платформы позволяет структурировать проекты, управлять и контролировать их реализацию на протяжении всего жизненного цикла, привлекать инвесторов и партнеров.
Главным техническим решением является цифровой проектный офис — пространство для сборки и управления проектами. Сформировать основные параметры проектов можно с помощью типовых шаблонов и подсказок, на их основании автоматически генерируется дорожная карта, которая учитывает отраслевую специфику и основывается на аналогичных успешных кейсах. По сути, инициатор проекта получает инструмент для управления подготовкой проекта. Кроме того, для совместной работы над проектом можно сформировать проектную команду из числа интересантов — органов власти, экспертов, банков и потенциальных инвесторов. При необходимости инициаторы проектов могут запросить независимую экспертизу, чтобы выявить слабые стороны и возможные риски. И все это в онлайн-режиме.
В дальнейшем мы планируем запустить единое хранилище документов, функционал для управления портфелем проектов, конструктор типовых соглашений и возможность подачи заявки на привлечение финансирования.
Что дает использование каждого из сервисов платформы, расскажем в следующих материалах.
Помогли доработать USM и подготовили 200 экранов прототипов
Cрок: основу USM создали за неделю, прототипы — за два месяца
USM бесплатного пользователя // Skipp
После USM дизайнеры взялись за прототипы и начали с личного кабинета пользователя, а затем перешли к функционалу для эксперта. В итоге подготовили прототипы в Figma для всех экранов обеих групп пользователей, их получилось около 200.
Если сроки проекта позволяют, в Skipp стараются готовить детализированные прототипы. Чем сложнее продукт, тем больше он выиграет от подробного прототипа. Разработчикам будет проще оценить задачу и подобрать технологии. Заказчик сможет дать обратную связь на визуальную составляющую ещё до работы над дизайном, что поможет сформировать ожидания. Наконец, дизайнерам нужно будет меньше додумывать на следующем этапе, если прототипы будут подробными.
Прототипы тестировали так: во время звонка с заказчиком кто-то из команды или со стороны платформы «РОСИНФРА» ставил себя на место представителя целевой аудитории и проходил по всем этапам. Например, представляли, как себя будет вести чиновник из муниципалитета, который хочет создать проект, или инвестиционный аналитик в крупной компании, который оценивает и сравнивает проекты в разных регионах.
Самая сложная задача на этапе проектирования — перевод проектных документов в интерфейс. Например, чтобы проектный офис мог генерировать документы, для пользователя нужно создать анкету. Вопросы для анкеты заказчик передал в виде Excel-таблиц. Их нужно было сделать интерактивными:
Кусок таблицы в Excel // Skipp
превращается в интерфейс:
Интерфейс анкеты // Skipp
Как мы пришли к созданию платформы для запуска проектов ГЧП
Участники инфраструктурных проектов часто сталкиваются с типовыми проблемами при их подготовке. Платформа «РОСИНФРА» позволяет не только перевести в цифровой вид большинство процессов, но и привлечь партнеров, инвесторов и экспертизу.