04

Travel App

04

Travel App

04

Travel App

Role:

User Research

UI/UX Designer

Team:

INFO 3450: Human-Computer Interaction

Timeline:

February 2024 - May 2024

Overview

In our Human-Computer Interaction class, we designed a travel planning app that makes trip planning easy and personalized. Through user interviews, journey mapping, and iterative prototypes, we developed a final design with a GPT-style voice assistant offering real-time, tailored recommendations via text and audio.

Problem

Planning trips often means managing multiple platforms, which can be stressful and time-consuming. Users need a streamlined solution that consolidates travel options with personalized recommendations for a more immersive experience.

Solution

Our app simplifies the travel planning process by integrating a voice assistant that delivers tailored travel suggestions based on user input. Given the requirement to design only three screens, we focused on creating a concise, intuitive experience, iterating to refine usability with user feedback.

Overview

In our Human-Computer Interaction class, we designed a travel planning app that makes trip planning easy and personalized. Through user interviews, journey mapping, and iterative prototypes, we developed a final design with a GPT-style voice assistant offering real-time, tailored recommendations via text and audio.

Problem

Planning trips often means managing multiple platforms, which can be stressful and time-consuming. Users need a streamlined solution that consolidates travel options with personalized recommendations for a more immersive experience.

Solution

Our app simplifies the travel planning process by integrating a voice assistant that delivers tailored travel suggestions based on user input. Given the requirement to design only three screens, we focused on creating a concise, intuitive experience, iterating to refine usability with user feedback.

Analysis

Two rounds of user interviews and POV analysis reveals key insights: desires for streamlined planning, cultural immersion, and affordability, shaping features for personalized, stress-free travel.

Algoinvest Portfolio Page

Algoinvest Performance Page

Insight

The initial evaluation reveals that the platform overwhelms users with too much information, hindering navigation and focus. Streamlining content and improving access to key features is essential, while a consistent branding approach is needed to enhance user trust and credibility.

Ideating Solutions

I am refining high-fidelity prototypes while showcasing the logo I designed for Algoinvest to ensure a cohesive, user-centered experience. Key contributions include:

  • Streamlined Navigation: An optimized page hierarchy that enhances user flows and simplifies access to platform features

  • Visual Design Enhancements: Polished layouts with refined typography and a cohesive color scheme to improve readability and build trust.

  • Logo - The Algowave: A design with three ascending bars symbolizing market fluctuations and growth, reflecting AlgoInvest’s mission to guide investors with clarity and data-driven insights.

Logo Ideas

Logo Ideas

  • Explore Page: A streamlined flowchart that combines fund relationships and performance metrics, providing clear overviews and detailed insights.

Low-Fidelity Sketch

Mid-Fidelity Prototype

High-Fidelity Prototype

The Final Design

The final design begins with a restructured navigation system that improves user flow and accessibility across the platform. By refining the hierarchy and optimizing transitions between key sections—Dashboard, Explore, Funds, and Philosophy—I’ve ensured that users can easily navigate through the platform without friction, providing a smoother and more intuitive experience.

New Logo Design

The Algowave logo captures the essence of market fluctuations and growth through minimalistic iconography. The three ascending bars symbolize the waves of the stock market, reflecting AlgoLink’s mission to guide investors steadily toward financial success with a clear, data-driven approach.

Enhanced Explore Page

The final design unifies the Portfolio and Performance pages into a centralized Explore hub, creating a seamless experience for users. By streamlining navigation and focusing on interactive data visualizations, the redesign makes fund performance and diversification metrics more accessible.

  • Initial State: Default view with minimal interaction.

  • Expanded State: Fully selected and detailed state.

Improved Interactive Data Visualizations

Building on the previous design, significant enhancements were made to the following elements:

  • Performance Graph:

    Expanded interactivity with more granular timeframes and asset-specific filters, empowering users to analyze performance trends over various periods effectively.

  • Performance Graph:

    Expanded interactivity with more granular timeframes and asset-specific filters, empowering users to analyze performance trends over various periods effectively.

  • Correlation Heatmap:

    Refined color coding and tooltip integration to improve usability and clarity, helping users better identify diversification opportunities.

  • Correlation Heatmap:

    Refined color coding and tooltip integration to improve usability and clarity, helping users better identify diversification opportunities.

  • Performance Table:

    Reorganized key financial metrics, such as returns, volatility, and Sharpe ratios, into an intuitive layout for easier comparison and decision-making.

  • Performance Table:

    Reorganized key financial metrics, such as returns, volatility, and Sharpe ratios, into an intuitive layout for easier comparison and decision-making.

These updates maintain the functionality of the original tools while elevating the user experience with improved usability and design coherence.

Conclusion

The app effectively combines personalized recommendations with an easy-to-use interface, addressing common travel planning pain points in a limited three-screen format. This focused approach enabled us to deliver the most impactful, streamlined features to create a stress-free planning experience.

Reflection + Future Trajectory

This project emphasized the importance of listening to user feedback and iterating on design. Moving forward, I plan to incorporate these principles into future work, focusing on intuitive, user-centered solutions.