Skip to content
A pair of sleek mobile devices rendered in precise three-dimensional presentation occupy the central compositional field, their metallic edges catching simulated light with photorealistic specular hig
Ziqi Liu's Navi Road Trip App Interface presents three mobile screens arranged in horizontal sequence against a pristine white background, each device rendered with meticulous attention to contemporar
A landscape-oriented tablet interface establishing an expansive 16:9 horizontal canvas displays a sophisticated automotive navigation system distinguished by its comprehensive integration of driving i
Ziqi Liu's Navi Road Trip App Interface demonstrates sophisticated compositional architecture through the systematic deployment of two mobile device screens positioned in horizontal alignment against
Ziqi Liu's Navi Road Trip App Interface presents a dual-screen mobile application design captured in portrait orientation, displaying two distinct but interconnected user experience states that reveal

Ziqi Liu

Iron Interface, Interaction and User Experience Design · 2025

Navi Road Trip App Interface

by Ziqi Liu

  • A' Design Award 2025 Iron Winner in Interface, Interaction and User Experience Design
  • Awarded April 15, 2025
  • CLIENT: Ziqi Liu
  • Estimated Number of Design Views: 10,674
  • Verification code F4BC752885 · Verify this award
Email this page to a friend

Get a Badge

About Navi Road Trip App Interface

Navi is a mobile application interface designed for planning and guiding road trips. Navi creates a custom itinerary from the travel details and preferences entered by the traveler. The mobile application acts as a central hub and synchronizes with an autonomous electric car and smart goggles. The smart goggles provide augmented reality navigation and information overlays. Real time data allows Navi to adapt routes and to send alerts about interesting places nearby. All bookings are managed in one place to reduce planning effort.

Ziqi Liu's Navi Road Trip App Interface exemplifies contemporary digital product design's evolution toward clarity, systematic thinking, and experiential richness within carefully constrained visual vocabularies, positioning itself within the broader trajectory of mobile application interface design that has progressively moved from skeuomorphic representation toward flat, content-forward architectures emphasizing typographic hierarchy, generous spatial breathing, and restrained chromatic systems, the interface demonstrates accomplished implementation of modular card-based design patterns that have emerged as standard practice for organizing diverse content types while maintaining visual coherence and scannable information architecture, with each content module employing consistent corner radii, padding systems, and tonal relationships that suggest mature design system thinking rather than ad-hoc compositional decisions, the chromatic sophistication evident in the carefully calibrated teal that serves as primary brand color achieves successful balance between visual distinctiveness necessary for recognition and restraint necessary for sustained usability, avoiding the chromatic oversaturation that can fatigue users during extended interaction sessions, while the selective deployment of warm coral accent color provides effective visual punctuation at moments requiring user attention or action without overwhelming the overall cool temperature palette, the typographic system demonstrates clear hierarchical thinking with varied weights and sizes creating immediately comprehensible information layers that guide eye movement and comprehension through the complex information ecosystem a travel planning application necessarily encompasses, the integration of photographic landscape imagery introduces emotional dimensionality and aspirational quality that elevates the interface beyond purely functional transaction toward experiential engagement, suggesting the application facilitates not merely navigation but meaningful connection with destinations and journey experiences, the date selection component visible in the upper register employs clear affordance signaling through combination of color state change and geometric consistency, making temporal navigation immediately comprehensible, while the destination card displaying "Trip to Joshua Tree" combines textual information with atmospheric visual reference and practical data including temperature readings, demonstrating the interface's success in synthesizing informational and experiential content streams, the modular ticket or itinerary components visible in the lower sections employ consistent iconic language pairing simple geometric symbols with clear labeling to represent different journey elements or points of interest, reflecting accessibility-conscious design thinking that provides multiple parallel information channels rather than relying exclusively on visual or textual communication, the bottom navigation bar follows established mobile platform conventions with clear iconographic representation of primary application sections, suggesting the designer has made considered decisions about when to honor platform expectations for reduced cognitive friction versus when to introduce distinctive branded patterns, the overall spatial organization reflects sophisticated understanding of mobile screen constraints and thumb-reach ergonomics, with primary interactive elements positioned within comfortable access zones while preserving clear visual breathing that prevents accidental activation, how does this interface balance systematic design thinking necessary for scalable digital products with experiential warmth necessary for travel applications that must inspire and facilitate meaningful journeys rather than merely execute functional tasks, and what might extended interaction with this carefully considered visual and organizational system reveal about the relationship between restraint and richness in contemporary interface design?

Press Kit

Unique Properties
Navi is an AI-driven system enhancing road trips with autonomous electric vehicles and augmented reality. It offers seamless itinerary customization, real-time adaptability, and spontaneous exploration alerts. Unique features include machine learning for continuous refinement, centralized booking management, and immersive AR guides, ensuring a personalized, efficient, and engaging travel experience. Navi revolutionizes and simplifies road travel for everyone.
Dimensions & Packaging
Navi's interface is designed to be highly responsive, with key technical specifications including AI-driven itinerary customization and real-time data integration. The mobile app acts as a central hub, synchronizing with an autonomous car and smart goggles. The smart goggles provide AR navigation and information overlays. The system supports various screen resolutions to ensure compatibility across different devices. The project leverages cloud computing for data processing and storage, ensuring seamless and efficient performance.
Tags
Travel planning, Autonomous vehicles, AR, AI-driven, Smart goggles, Road trips, Itinerary customization, Mobile app
Production Technology
The interface design of Navi was realized using user-centered design principles, involving wireframing and prototyping with Sketch and Figma. Iterative testing ensured optimal usability. The app employs AI for itinerary customization, real-time data integration, and AR for navigation. Responsive layouts support various devices. Agile methodologies facilitated development. Cloud computing handles data processing and storage. Keywords: User-centered design, Wireframing, Prototyping, Iterative testing, Sketch, Figma, Responsive layouts, Agile methodologies, AI integration, Real-time data.
Design Challenge
The hardest part of designing NAVI was predicting future technology trends and integrating them into a cohesive system. The challenge involved understanding the potential of AI and autonomous vehicles while considering user preferences. Interviews with experts revealed technological limitations and possibilities. Historical research highlighted how travel planning evolved, guiding the design. Socially, ensuring user acceptance of autonomous tech was crucial. Overcoming these obstacles required balancing innovation with practicality.
Project Duration
The Navi project started in January and finished in March 2024 in Los Angeles.
Operation Flow
Navi is simple to use: input your travel details and preferences, and it creates a custom itinerary. The autonomous car drives you while smart goggles provide augmented reality guides and alerts about interesting spots nearby. Navi adapts to changes with real-time updates and alternative routes. It manages all bookings in one place, making your trip stress-free. Using AI and real-time data, Navi ensures a smooth, enjoyable, and personalized road trip experience, outperforming traditional planners.
Research
The research for NAVI involved qualitative and historical methods to explore emerging technologies for future travel. Objectives included understanding AI, AR, and autonomous vehicles. Data was collected through expert interviews and user feedback. Historical research traced travel planning evolution. Insights revealed key advancements and pain points, guiding NAVI's design to offer seamless, adaptive, and enjoyable road trips. NAVI aims to transform travel by integrating cutting-edge technologies and real-time adaptability.
Inspiration
The inspiration for Navi stemmed from the desire to enhance road travel by reducing planning stress and maximizing enjoyment. Observing the trend of AI, autonomous vehicles, and augmented reality transforming industries, I envisioned a system that integrates these technologies to personalize and streamline travel experiences. Extensive research into user preferences and technological advancements guided Navi's development, ensuring it meets the needs of modern travelers.

Colors of Navi Road Trip App Interface

Get Navi Road Trip App Interface

UI/UX and Digital Design Services

We specialize in creating user-centered digital experiences that solve real-world problems. From mobile apps to web interfaces, our research-driven approach combines Eastern simplicity with Western innovation. Recognized internationally for intuitive, meaningful design solutions.

G0E2 Shop

Related Designs

View All

Good Design Deserves Great Recognition

Nominate Your Work for the A' Design Award.

Nominate