I was responsible for redesign the UX/UI of the app, building a new design library, and working with the developer for implementation. I conduct a UX audit and redesigned the the user flow for easier searching of dates and cities, reducing the time it took to book.
Letscape offers hotel+flight combos for weekend getaways directly from Berlin. Their goal was to launch a marketing campaign but before doing so, it needed a visual face lift and improved user experience towards searching and booking a trip.
Ali Hasan - Owner, Lead Developer
4 Weeks
Letscape targets Berliners seeking weekend getaways. The app leverages Skyscanner’s API to provide travel and accommodation data, with the primary business goal of increasing hotel and flight bookings. Before investing in marketing, the app required a facelift and UX enhancements.
The Redesign
Initially, Letscape aimed to launch a marketing campaign to secure funding. However, before doing so, they needed to update their outdated visual design and improve the confusing UX, which was causing high drop-off rates. The goal of the redesign was to enhance user retention and collect emails and data to support their funding efforts.
previous Design
Quote from client
“Because I am the only one working with the app and there are lots of things to do, the minimum effort-max outcome is the best and the most efficient (solution).”
I approached finding any issues with a usability heuristic and then a usability test with 7 participants who met the criteria of:
- Travellers who use mobile apps or websites to search and book trips.
- Individuals with a budget for leisure travel.
- People with minimal constraints or responsibilities (e.g., not caring for children or family members).
Images on the ‘weekend selection’ screen were assumed to be travel destination and not dates.
Users struggled to find their preferred city, especially Madrid or Lisbon. Searching took longer and caused frustration as they had to scroll through the entire list.
When searching by date, participants struggled because the list was sorted by price (low to high). This made it hard to find the right date, and only 2/7 completed the task. Additionally, they were frustrated when the "package" price didn’t match expectations.
3/7 Users tap “when do you want to go” expecting to have a calendar pop up or select certain dates
4/7 Participants we’re really frustrated with the 8-27 second loading time for the hotel+flight results.
Confused if the price is per night or total night! User quotes “it’s misleading” therefore not trusting the app.
Unclear booking navigation. 4/7 Participant attempt to book a hotel through the ‘hotel information pop-up’ screen. 2/7 Attempted to book through searching for another hotel.
All participants preferred to book the ‘package deal’ in one-go, rather than going to a third party site (which required further steps and log-in in some cases).
1. Designed a clear introduction screen to highlight key product features.
2. Implemented a splash screen to indicate loading and guide users on navigating flight and hotel options (e.g., swiping through choices).
3. Display essential details, including pricing per stay, total cost, number of passengers, and clear flight and hotel information.
Use case:
Selecting a destination
A first time user, scrolls down to view the trips, and finds a trip to Paris that is convenient and affordable.
UX Solutions
1. Added a date selection dropdown by month, allowing users to focus on relevant options without being overwhelmed by other months.
2. Destination cards display the cheapest available combinations when searching by month.
3. Each card includes the city, country, an inviting image, and a "From Price" to indicate the starting cost.
4. The weekend selection list is initially sorted by the earliest date (Friday–Sunday), with an option to sort by the lowest price.Users can edit the number of passengers if they change their mind.
Use case:
Selecting a destination
User searches based on month, and then city.
UX Solutions
1. Added a search bar for users who want to find trips based on a specific city, catering to those with a destination in mind.
2.Displayed relevant hotel information based on available API data.
3.Enhanced destination cards with clear city images to create a stronger emotional appeal. Improved card design to showcase prices, baggage inclusion, and total cost.
Use case:
Search by city
A person interested in traveling to Barcelona, unsure when but exploring their options.
I explored several design variations and presented to other designers for feedback and critiques. Some of the ideas were discarded, other were kept or build upon.
While heuristic evaluations can uncover design flaws, usability testing with real users provided deeper insights into user frustration and drop-off points. Observing user interactions highlighted problems that were not initially apparent (i.e. missing Hotel+Flight information), validating the need for data-driven design decisions.
Working within limitations (such as budget, branding absence, time constraint and technical constraints) elicit creative yet simple problem-solving. This project highlighted the importance of designing practical solutions that work within existing capabilities while still pushing for improvements.
The process of refining user flows, gathering feedback, and making incremental changes demonstrated the value of an iterative approach. Presenting wireframes, collecting feedback, and making improvements based on client and user insights helped create a design that was both functional and user-friendly.
Conducting a competitive analysis helped identify industry standards and best practices, ensuring that the redesign didn’t just fix existing issues but also positioned Letscape competitively. This reinforced the idea that understanding the broader market landscape is crucial—not just for differentiation, but also for meeting user expectations effectively.
