Grigorev Daniil

Grigorev Daniil

Grigorev Daniil

gateway++

gateway++

The client is a startup in the field of mobility and travel.

Role

UI/UX Designer

Scope

UI/UX, Concept, 3D, Animation

Tools

Figma, Rive, CapCut

🎨 My role:

Conducted UX analysis, developed the moodboard and visual foundation, designed interface components, created the conceptual 3D map, and prepared the final mockups.

⚠️ Challenge:

The platform’s main screen was overloaded with functions (transport, hotels, food, events, friends’ and scooters’ map), which complicated perception and made it harder for users to find the right service.

📈 Result:

A consistent interface with a strong visual identity, simplified interaction flow, faster access to the most in-demand features, and increased user value.

🔑 Key Solutions:

Created a design concept with a unique 3D map, redesigned filters and tags for easier personalization, and implemented a dynamic link between category selection and object display.

Context:

Context:

The project was developed for a mobility and travel startup, where the main screen served as a gateway to diverse services, requiring both functional clarity and a distinctive visual identity.

The project was developed for a mobility and travel startup, where the main screen served as a gateway to diverse services, requiring both functional clarity and a distinctive visual identity.

Approach & Process:

Approach & Process:

Started with UX research and analysis of the existing flow, then built a moodboard to define the visual direction. Designed reusable components and interaction patterns, explored concepts through iterations, and finalized the solution with a 3D map and polished high-fidelity mockups.

Started with UX research and analysis of the existing flow, then built a moodboard to define the visual direction. Designed reusable components and interaction patterns, explored concepts through iterations, and finalized the solution with a 3D map and polished high-fidelity mockups.

Experiment with 3D Map:

Experiment with 3D Map:

Tested the use of a custom 3D map as a central visual element to enhance spatial orientation, highlight key services, and differentiate the platform’s identity.

Tested the use of a custom 3D map as a central visual element to enhance spatial orientation, highlight key services, and differentiate the platform’s identity.

Preparation for Final Mockups:

Preparation for Final Mockups:

Refined the visual system, aligned components with the design concept, and polished details to ensure consistency and readiness for delivery.

Refined the visual system, aligned components with the design concept, and polished details to ensure consistency and readiness for delivery.

Interaction Flow & Final Mockups:

Interaction Flow & Final Mockups:

Structured a clear user journey with simplified scenarios, then translated it into high-fidelity mockups that combined functional clarity with a distinctive visual style.

Structured a clear user journey with simplified scenarios, then translated it into high-fidelity mockups that combined functional clarity with a distinctive visual style.

The user opens the map and selects the desired object categories through filters. For convenience, the interface provides the ability to:

The user opens the map and selects the desired object categories through filters. For convenience, the interface provides the ability to:

  • Collapsible bottom tag panel for flexible screen space management

  • All / Hide controls to adjust the amount of displayed information

  • Pinned categories to help users quickly access what matters most

  • Dynamic connection between map and tags: selected filters are instantly reflected on the map

  • Collapsible bottom tag panel for flexible screen space management

  • All / Hide controls to adjust the amount of displayed information

  • Pinned categories to help users quickly access what matters most

  • Dynamic connection between map and tags: selected filters are instantly reflected on the map

👤 User Value:

Faster and more intuitive navigation, personalized control over displayed content, and a smoother experience in accessing the platform’s key services.

📈 Product Value:

A scalable interface solution that improves service discoverability, strengthens brand differentiation through a unique visual identity, and increases user engagement by combining clarity, flexibility, and personalization.

Outcome:

Outcome:

A project where design goes beyond visually enhancing the map — it solves real user tasks by making object search simpler, faster, and more personalized.

A project where design goes beyond visually enhancing the map — it solves real user tasks by making object search simpler, faster, and more personalized.

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