Person
Person
Person
Person

Concept App "Wanderio"

A travel app concept designed to help users dream, plan, and manage their adventures in one place, from wireframe to hi-fi prototype.

UI Design

Timeline

Timeline

Timeline

3 Weeks

3 Weeks

3 Weeks

Tool Used

Tool Used

Tool Used

Figma

Figma

Figma

Project Type

Project Type

Project Type

Group Project (3 people)

Group Project (3 people)

Group Project (3 people)

Introduction

Introduction

Introduction

Wanderio is a travel app that does everything in one place.

Wanderio was a collaborative concept project where I proposed building an all‑in‑one travel platform and helped shape its overall direction. The goal was to create a polished prototype that supports destination exploration, trip planning, and travel management.


Group contribution:

To ensure coverage of the full app, I assigned different sets of pages to each member: 






Member 1: Account and profile management (sign up, log in, my account, profile, manage account), visited and saved places, achievements, country visited, and challenges).





Member 2: Restaurant exploration within Paris (restaurant browse, selected restaurant, planning, saved restaurants), with my guidance and shared design elements to maintain consistency.


My contribution:

I designed the core user flows and destination experiences, including:

  • Intro screen and homepage

  • Search page and destination browsing (wide and compact view)

  • Paris destination with multiple views (overview, flights, reviews & photos)

  • Flight shorting and filtering overlays

  • Planning trip and checklist flows

  • My trip views.

    During designing these screens, I also ensure consistency across teammates work by providing design assets, re-usable components.

Wireframe

Wireframe

Wireframe

We started with wireframes to map out how the entire app should work together.

As a team, we created low‑fidelity wireframes to establish Wanderio’s overall structure and navigation. Each member contributed different sets of pages, from account management to restaurant exploration and destination browsing, so we could cover the full experience. Bringing all the wireframes together helped us align on flow, identify gaps early, and build a shared foundation before moving into high‑fidelity design.

Hi-fi Prototype

Hi-fi Prototype

Hi-fi Prototype

Bringing my assigned flows to life with polished visuals and real interaction.

For the high‑fidelity prototype, I focused on my assigned pages and flows, bringing them to life with polished visuals and interactive elements. Presenting only my prototype work ensures clarity about my individual contributions, while showing how my designs evolved from wireframe into a cohesive, user-ready interface.


Updated views: (13 views & 2 overlays)


All 7 screens from the wireframe were kept, and then I added 6 more screens and 2 overlays. Screens added are:


  • Intro screen

  • Search Paris

  • France Flight view

  • Paris, France Reviews & Photo view

  • My trip Flight

  • Sort & Filter


2 Overlays:

  • Sort overlay

  • Sort by overlay

Reflection

Reflection

Reflection

Wanderio pushed me to grow not just as a designer, but as someone who can guide a team toward a shared vision.

I guided the overall direction of Wanderio, assigned page sets, and helped ensure consistency across the team by providing shared assets and feedback. My own work focused on the core travel flows, while I also helped unify areas designed by others. The experience strengthened my collaboration skills and showed me how to maintain cohesion in a multi‑designer environment. Since the assignment didn’t include research, it also made me appreciate how crucial user insights are. If I were to revisit the project now, I’d bring in structured research and testing to validate the travel flow and make the app more user‑centered.

More Works

2025

More Works

2025

More Works

2025

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