Рубитех - Рефмодель 3.0

1. Вводная задача от заказчика, проблематика, цели

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

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

- недостатки навигации — пользователи сталкивались с трудностями при поиске нужных продуктов и решений;

- слабая интерактивность — отсутствие инструментов кастомизации решений и удобных фильтров;

- потеря критически важных функций — часть запланированных возможностей версии 2.1 не была реализована из-за сжатых сроков;

- неоптимизированный пользовательский путь — посетители испытывали сложности с поиском информации, оценкой решений и взаимодействием с платформой.

Цели проекта:

Rubytech и enDesign поставили перед собой задачу полного редизайна и функционального улучшения референсной модели с учётом современных требований к UX/UI и интерактивности. Основные задачи:

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

2. развитие модульности и визуальной метафоры, отражающей принцип построения IT-ландшафта;

3. внедрение новых интерактивных механизмов для удобства работы пользователей.

4. оптимизация референсной модели под потребности бизнеса и государственных заказчиков, включая критическую IT-инфраструктуру (КИИ).

2. Описание реализации кейса и творческого пути по поиску оптимального решения

2.1 Концепция и визуальное решение

Одной из ключевых идей нового дизайна стало использование модульной системы, которая перекликается с логикой построения импортонезависимого IT-ландшафта. Эта концепция легла в основу всего UX/UI:

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

- интуитивная навигация: система многоуровневого погружения, позволяющая пользователям поступательно исследовать IT-решения без перегрузки информацией;

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

2.2 Улучшение пользовательского пути

Референсная модель была переработана с акцентом на удобство взаимодействия. В ходе проекта были созданы или дополнены:

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

- интерактивные фильтры: поиск продуктов по рейтингу, происхождению, включенности в реестр РФ.

- возможность сортировки решений и продуктов по разным параметрам.

- новая система «Избранное»: теперь пользователи могут добавлять решения и продукты, редактировать их и настраивать под себя.

- фильтрация по категориям: вычислительная инфраструктура, ПО, сервисы и др.

- конструктор IT-ландшафта: позволяет создавать кастомизированные конфигурации решений, комбинируя разные продукты.

- визуальная карта решений с аналитическими инструментами.

2.3 Интерактивность и анимации

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

- контекстные кнопки: система адаптивных элементов, подстраивающихся под текущий контент.

- анимации и микроинтеракции: помогают пользователям легче ориентироваться в сложной системе.

- разделение страниц на эмоциональные и технические: эмоциональные страницы (главная, консалтинг) используют секвенционные анимации и сторителлинг. Технические страницы (решения, справочник) ориентированы на строгую системность и минимализм.

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

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

- Среднее количество уникальных пользователей в месяц: 10 000+.

- Увеличение глубины просмотра страниц и времени пребывания на сайте.

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

4. Заключение

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

Факторы, делающие этот кейс уникальным:

Инновационность UX/UI: комплексный редизайн с модульной структурой, каскадным погружением и гибкой интерактивностью.

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

Практическая ценность: сокращение времени поиска и выбора решений, повышение вовлеченности пользователей, улучшение аналитики.

Сочетание технологий и дизайна: грамотное объединение функционала, анимации и строгой логики, делающее платформу удобной и понятной.

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