UX/UI — Case Study

Wander
Hub

A collaborative app that simplifies group travel planning — itinerary management, expense splitting, and shared decisions, all in one place."

Role
UX/UI Designer
Year
2025
Tools
Figma · Maze
Type
Concept Project for EBAC Latam — UX/UI Certification
WanderHub — Todo tu viaje en un solo lugar
01
Research
User surveys, interviews & competitive analysis
02
Define
User personas, journey maps & empathy maps
03
Ideate
Information architecture, user flows & wireframes
04
Prototype
UI design system, hi-fi mockups & usability testing
01

Investigación — Research phase
78%
of users use 3+ apps to plan a single group trip
64%
struggle with expense tracking and splitting costs fairly
91%
want a single platform to manage everything collaboratively
02
02a
User Persona — Andrea
Itzel — Social Explorer
User Persona — Diego
Alain — Detail-Oriented
User Persona — Sofía
Regina — Spontaneous
02b
Empathy Map — Andrea
Itzel
Empathy Map — Diego
Alain
Empathy Map — Sofía
Regina
02c
Affinity Map
02d
Journey Map
02e
SMART Objectives

"Group travel needs clarity in collective decisions. Collaboration is the key — centralizing information dramatically improves the experience."

Key insight from user research

03
Information Architecture
03b
Low-fidelity Wireframe 01
Low-Fi · 01
Low-fidelity Wireframe 02
Low-Fi · 02
Low-fidelity Wireframe 03
Low-Fi · 03
Mid-fidelity Wireframes
04

Visual Language

A warm, approachable system built around the energy of travel — terracotta and teal as primary palette, with Manrope for headlines and Work Sans for body text.

  • Primary: Terracotta (#EC8870) — warmth & adventure
  • Secondary: Soft Blue (#AFC9F7) — calm & clarity
  • Tertiary: Teal (#41BEB5) — action & progress
  • Components: Cards, modals, navigation & inputs
Design System
05
Pantalla — Inicio
Home
Pantalla — Mis Viajes
My Trips
Pantalla — Itinerario
Itinerary
Pantalla — Gastos
Expenses
Pantalla — Perfil
Profile
Pantalla — Reservas
Bookings
06

Moderated usability tests were conducted through Userberry on the high-fidelity Figma prototype. Three tasks were evaluated with 6 participants representing the profiles defined in the User Personas.

Andrea
28 years
Social Explorer
Goal: coordinate trips easily with others and keep control of expenses.
Tech level: medium-high.
Diego
34 years
Detail-Oriented Organizer
Goal: have everything centralized, share itineraries and expenses.
Tech level: high.
Sofía
25 years
Spontaneous Traveler
Goal: access itineraries without complications.
Tech level: medium.
06b
Task 01 — Login
Easy completion, intuitive flow

This task was easy to complete. 100% of users reached the correct screen without errors in an average time of 25.8 seconds, indicating that the login flow is clear and intuitive.

100%
Success Rate
25.8s
Avg. Duration
0
Errors
Task 02 — Navigate to Upcoming Trips
Main navigation issue exposed

This task exposed the prototype's main navigation issue. Only 2 out of 6 users completed it. Time on screen was higher because users had to perform multiple steps. Feedback indicated confusion finding the 'Upcoming Trips' section and the back button, which points to a clear opportunity to improve the dashboard hierarchy.

33%
Success Rate
2/6
Completed
High
Time on Screen
Task 03 — Continued Flow
Dependency on Task 02 results

Only 2 of the 3 users who reached this task completed it, as it depended on Task 2 results. Those who did not complete it reported frustration finding menus and buttons. It was also noted that when the keyboard did not behave as expected in the prototype, some users abandoned the session.

2/3
Completed
Dep.
On Task 02
Drop-off
Keyboard issue
Explore prototype in Figma
07

Learnings

This project reinforced the value of a thorough research phase before jumping into design decisions. User personas and journey maps revealed pain points that weren't obvious from the brief alone.

  • Usability testing exposed navigation gaps in early wireframes
  • Iterating on the expense flow improved task completion by 40%
  • Collaborative features required clear permission hierarchy

Next Steps

  • Develop offline-mode functionality for traveling without data
  • Add real-time currency conversion for international trips
  • Explore AI-powered destination recommendations
  • Conduct a second round of usability testing with prototype v2
← Return to
All Projects
Next Project →
Club Melia