Grigorev Daniil

gateway++

gateway++

Клиент — это стартап в области мобильности и путешествий.

Роль

Дизайнер UI/UX

Сфера

UI/UX, Concept, 3D, Animation

Инструменты

Figma, Rive, CapCut

🎨 Моя роль:

Провели UX-анализ, разработали мудборд и визуальную основу, спроектировали интерфейсные компоненты, создали концептуальную 3D-карту и подготовили финальные макеты.

⚠️ Задача:

Главный экран платформы был перегружен функциями (транспорт, отели, еда, мероприятия, карты друзей и самокатов), что усложняло восприятие и затрудняло пользователям поиск нужной услуги.

📈 Результат:

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

🔑 Ключевые решения:

Создан дизайн-концепт с уникальной 3D картой, переработаны фильтры и теги для облегченной персонализации и реализована динамическая связь между выбором категории и отображением объекта.

Контекст:

Контекст:

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

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

Подход и процесс:

Подход и процесс:

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

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

Эксперимент с 3D-картой:

Эксперимент с 3D-картой:

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

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

Подготовка финальных макетов:

Подготовка финальных макетов:

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

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

Сценарии взаимодействия и финальные макеты:

Сценарии взаимодействия и финальные макеты:

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

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

Пользователь открывает карту и выбирает нужные категории объектов через фильтры. Для удобства интерфейс предоставляет возможность:

Пользователь открывает карту и выбирает нужные категории объектов через фильтры. Для удобства интерфейс предоставляет возможность:

  • Складная нижняя панель тегов для гибкого управления экранным пространством

  • Все / Скрыть элементы управления для настройки объёма отображаемой информации

  • Закреплённые категории, чтобы помочь пользователям быстро получить доступ к самому важному

  • Динамическая связь между картой и тегами: выбранные фильтры мгновенно отображаются на карте

  • Складная нижняя панель тегов для гибкого управления экранным пространством

  • Все / Скрыть элементы управления для настройки объёма отображаемой информации

  • Закреплённые категории, чтобы помочь пользователям быстро получить доступ к самому важному

  • Динамическая связь между картой и тегами: выбранные фильтры мгновенно отображаются на карте

👤 Пользовательская ценность:

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

📈 Продуктовая ценность:

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

Результат:

Результат:

Проект, где дизайн выходит за рамки визуального улучшения карты — он решает реальные задачи пользователей, делая поиск объектов проще, быстрее и более персонализированным.

Проект, где дизайн выходит за рамки визуального улучшения карты — он решает реальные задачи пользователей, делая поиск объектов проще, быстрее и более персонализированным.

Create a free website with Framer, the website builder loved by startups, designers and agencies.