главная /обзор проекта
Навигационный раздел TMA- и WEB-приложения
Спроектировала новый главный экран сервиса xRocket — единую точку входа в основные продукты, баланс и повседневные действия пользователя.
UX/UI • Information Architecture • Navigation • Design System • Prototyping
Задача
По мере развития xRocket появлялось всё больше продуктов и сценариев, при этом роль главного экрана продолжал выполнять кошелёк.
Нужно было разделить эти функции и создать самостоятельную главную, которая поможет быстро ориентироваться в возможностях xRocket.
Нужно было разделить эти функции и создать самостоятельную главную, которая поможет быстро ориентироваться в возможностях xRocket.
Подход
Я разделила навигацию на два уровня: ключевые направления доступны сразу на главной, а полный список продуктов вынесен в отдельный раздел «Сервисы».
Так первый экран остаётся компактным, а структура может меняться и расширяться вместе с продуктом.
Так первый экран остаётся компактным, а структура может меняться и расширяться вместе с продуктом.
/цель проекта
Создать понятную и масштабируемую точку входа в экосистему xRocket на мобильных и десктопных устройствах.
Моя роль
Я отвечала за UX/UI новой главной: структуру, информационную иерархию, навигацию и визуальное решение.
Проект также совпал с переходом xRocket с Consta на Tamagui, поэтому новая главная проектировалась уже на обновлённой компонентной системе.
Проект также совпал с переходом xRocket с Consta на Tamagui, поэтому новая главная проектировалась уже на обновлённой компонентной системе.
/новая структура
От кошелька к полноценной главной
Раньше роль главного экрана выполнял кошелёк. В новой структуре эти функции разделены: кошелёк отвечает за активы пользователя, а главная — за навигацию по продукту.
Новый экран сохраняет баланс и частые действия на виду, а ниже показывает ключевые направления xRocket.
Новый экран сохраняет баланс и частые действия на виду, а ниже показывает ключевые направления xRocket.
/сервисы
Все продукты xRocket в одном месте
На десктопе пространство позволяет показать все сервисы сразу, поэтому они доступны непосредственно с главной.
А на мобильных устройствах на главной остаются только ключевые направления, а полный список продуктов собран в отдельном разделе «Сервисы», доступном по кнопке.
Так интерфейс учитывает особенности разных устройств, сохраняя быстрый доступ ко всем возможностям xRocket.
Так интерфейс учитывает особенности разных устройств, сохраняя быстрый доступ ко всем возможностям xRocket.
/результат
Итог
У xRocket появилась самостоятельная главная для desktop и mobile, которая отделяет навигацию по продукту от кошелька.
Ключевые направления доступны сразу, полный набор возможностей собран в «Сервисах», а структура главной может адаптироваться по мере развития продукта.
Ключевые направления доступны сразу, полный набор возможностей собран в «Сервисах», а структура главной может адаптироваться по мере развития продукта.
Поработаем вместе?
Поработаем вместе?
Если вам откликнулся мой подход к дизайну — давайте познакомимся.
Буду рада обсудить проекты, команду и новые возможности.
Буду рада обсудить проекты, команду и новые возможности.