Главное о кейсе
Инвестиционный портал Москвы (investmoscow.ru) — это официальный интернет-ресурс Правительства города Москвы, который служит ключевой цифровой площадкой для инвесторов и бизнеса. Через портал они могут знакомиться с инвестиционными возможностями, получать меры городской поддержки и льготы, участвовать в торгах, подбирать площадки для реализации проектов и оперативно решать возникающие вопросы в онлайн-формате. На портале доступно более 40 электронных услуг и сервисов для инвесторов, промышленников, предпринимателей и горожан.
Функциональными заказчиками портала выступают Департамент инвестиционной и промышленной политики города Москвы (ДИПП), Департамент города Москвы по конкурентной политике (ДКП), а оператором портала является Департамент информационных технологий (ДИТ) города Москвы.
Как проект изменил жизнь пользователей
Портал стал еще удобнее и логичнее для каждой группы пользователей, сохранив при этом свою функциональность и полноту контента.
Инвестор теперь еще удобнее изучать инвестиционные возможности через обновлённую карту и персонализированные сценарии.
Промышленник может эффективнее подбирать площадки благодаря фильтрам, сравнению объектов и интеграции данных о городской инфраструктуре.
Участник торгов может получать более ясный и структурированный доступ к лотам и условиям, что ускоряет процесс подачи заявок.
Город усиливает свои позиции за счёт современного цифрового интерфейса, который соответствует уровню актуальных цифровых сервисов и улучшает восприятие Москвы как технологичного мегаполиса.
Бизнес-задача и ее решение
Задача: провести комплексную модернизацию Инвестиционного портала Москвы, повысить его удобство и эффективность для разных аудиторий.
Вызовы:
- сохранить узнаваемость бренда и официальный статус;
- переработать архитектуру при огромном объёме контента;
- учесть потребности разных ЦА: инвесторы, промышленники, участники торгов;
- добавить динамику и современный UX в городской сервис.
Решение:
1) Провели аналитику и тесты фокус-групп, на базе которых построили новую архитектуру.
2) Создали модульную дизайн-систему, масштабируемую на разделы и сервисы.
3) Разработали персонализированные разделы для разных ЦА.
Переработали дизайн и логику интерактивной инвестиционной карты и 3D-баннер для главной страницы.
4) Обновили визуальный язык: сдержанный, но с современными анимациями и динамикой.
Крафт (мастерство), реализация, технические детали
- 3D-баннер для главной страницы. В Blender создана динамичная визуализация с комплексом Москва-Сити, которая используется как баннер, интегрирована через glTF/glb. Она заменяет стандартные статичные изображения, добавляет выразительности первой странице портала.
- Обновленная Инвестиционная карта. В одном интерфейсе собраны данные о площадках, лотах, представленных на городских торгах, инфраструктуре и деловом окружении в разных районах города. Пользователь может фильтровать объекты по параметрам, сравнивать их между собой и сразу переходить к подаче заявки на использование выбранного объекта.
- Модульная дизайн-система на основе типовых страниц. Портал построен по принципу конструктора: был создан набор типовых страниц и блоков для разных смысловых разделов (главная, каталог, инвесткарта, сервисы). Это позволяет быстро собирать новые разделы из готовых компонентов и масштабировать платформу, не прибегая к полной переработке дизайна и кода.
- Современный UX. Использование Lottie-анимаций обеспечило плавный пользовательский опыт, а фронтенд на
Vue.js вывел интерфейсы на уровень актуальных digital-сервисов.
Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком
Технологическая сложность проекта заключалась в том, чтобы объединить потребности разных аудиторий — инвесторов, участников торгов, промышленников — в едином ресурсе. В ходе исследований мы обнаружили, что разные аудитории мыслят разными бизнес-категориями, а не просто ищут информацию в разных разделах. Это опровергло изначальную гипотезу о создании единого усложненного интерфейса и привело нас к решению о разработке персонализированных разделов-«ворот» для каждой целевой аудитории.
Внедренный нами рабочий процесс, при котором прототипы от аналитиков и дизайнеров проходили быстрое тестирование до передачи в разработку, позволил проверять гипотезы на ранних этапах. Это сэкономило сотни часов разработки и помогло сохранить фокус на пользовательском опыте.
На всех этапах проекта велось плотное взаимодействие с Департаментом инвестиционной и промышленной политики, Департаментом по конкурентной политике и Департаментом информационных технологий города Москвы города Москвы. Были проведены рабочие сессии с ведущими сотрудниками, в ходе которых детализировались требования, согласовывались приоритеты и фиксировались ожидания от модернизации портала. Такой диалог позволил точно выверить баланс между официальным статусом ресурса, требованиями к его функциональности и необходимостью создания современного, удобного пользовательского опыта, соответствующего лучшим практикам цифровых сервисов.
Скриншоты