Tripxoxo

TripXOXO: Making Holiday Planning Easier With UI & UX Design Solutions

The case study illustrates how UI/UX design solutions from Yellow Slice helped TripXOXO's users to plan their vacations on the go with a user-friendly app.

  • Client

    TripXOXO by travel port

  • Task

    Product and Web Design

  • Services

    UI & UX design

PROCESS

About TripXOXO

TripXOXO is a subsidiary of travel port and offers online vacation planning and booking services to its users. It offers activities, trips, and attractions to more than 190 countries across the globe.The service provider offers personalized travel experiences to its users by partnering with businesses within their domain.

Problem Statement

Design an app that will allow its users to plan their vacations on the go using their service and offers.

Designing the Solution

The client wanted us to create the app in a way that the users will be able to find their personalized activities easily on the app.

SOAK

Our first goal was to understand the end-users of the app and their pain points to locate their goals and expectations from the app. For that, our team builds a user persona based on our findings.

User Persona

trip-persona

THINK

Based on our understanding of user goals, we came up with sitemaps that depicted the user flow.

Tripxoxo website sitemap
Tripxoxo brand taskflow

Wireframes

Once the flow was decided, we started working on wireframes to structurize our designs.

Tripxoxo brand UI

Products Screen

Tripxoxo mobile UI

Results Screen

Tripxoxo brand mobile UI

Filter Results Screen

Icons

We designed different sets of icons for Android and iOS platforms to keep them aligned with the mobile interface.

Tripxoxo website icons

EXECUTE

Using the UI elements we created, we wanted to make sure that the app gives off the holiday experience. The dynamic overlays helped us achieve that.

UI Screens

With dynamic overlays and edge-to-edge design, the UI promised a lot more than just exploring the locations and activities. The experience was enhanced with the interaction that helped users filter their search by emotions and experiences.

Tripxoxo mobile view

Home Screen

Tripxoxo website mobile view

Products Screen

Tripxoxo brand mobile view

Results Screen

Mobile Screen Tripxoxo booking

Filter Results Screen

Animations

Tripxoxo mobile gif view

Results

The app allows its users to filter their search based on emotional and activity filters. This ensures that the users would find just what they want without spending too much time scrolling through the list of options that are irrelevant to their needs.

The colorful UI with image overlays connects the users to the place they are looking for.

Want us to design an app for your brand? Let’s discuss the details over a quick call. Schedule a consultation with us to know how we can help your brand speak through our designs.

Follow us on Instagram and LinkedIn for more updates on our services.

Contact Us
X