Skyline is a personal project designed to help solo travelers learn from the personal experiences of others.
The app aims to help users find inspiration from other solo travelers, plan their trips, and resolve any doubts they may have.
I wanted to create a product for solo travelers, but I had little understanding of their needs, behaviors, how they organize trips, whether they’re interested in traveling with other solo travelers, or their fears while traveling.
I had many unanswered questions, so I knew I needed to conduct thorough UX research to gather enough data and insights to create a truly useful product. The challenge was doing this well within just two weeks.
Survey & Interviews.
I conducted several interviews and a survey with over 100 responses, which helped us pinpoint key areas for improving the user experience and addressing pain points.
We transferred the collected data and created an affinity diagram to group findings based on patterns and relationships.
Survey made with Google Form.
Me doing an affinity diagram.
Insights
After conducting countless user interviews, contextual inquiry and analyzing the gathered data, I was able to categorize the insights into these 3 categories:
Opportunity
Based on the insights gathered, we can develop a feature to optimize employee absence management. Here are a few key opportunities identified:
With the rise in solo travel, a product for solo travelers is increasingly viable.
Struggle to find useful information as flights, itinerary and discover cultural events.
First-hand information is crucial as travelers seek personal experiences from solo travelers.
Problem statement
After analyzed the findings, we could define the following problem:
People who travel alone need a way to learn about the personal experiences of other solo travellers because the want to plan their trips and resolve doubts.
User persona
I introduce you Marina, our User Persona based on the previous research.
Marina is a high school biology teacher who loves solo travel. She's planning her dream trip to the Amazon but lacks advice from others. Frustrated, she struggles to find useful information on flights, itineraries, and local activities through blogs and websites.
User persona’s card.
Prioritize features
It’s time to prioritize app features using the MOSCOW method, categorizing them as must-haves, optional, or out of scope based on Marina’s pain points:
MoSCoW method for prioritize Skyline features.
User story & User flow
Due to time constraints, we focused on two key user needs, captured in these user stories:
I want to look for a trip so that I inspired myself to organise my future destination.
I want to ask questions to other travellers so that I can resolve doubts of my future trip.
MoSCoW method for prioritize Skyline features.
After defining the main user flows, I began visualizing the app’s structure through wireframes. I initially designed key screens on paper, tested them with users, and refined the user flow and interface.
Prototype of Superbelly app craft on paper (Low-fidelity).
I went from paper to digital, designing the wireframes in Sketch. Using these more refined, mid-fidelity wireframes, I focused on testing the grid, scale, and font size.
Home & Search a trip
Trip itinerary
I tested the wireframes on my mobile via InVision, observing user interaction more realistically. This helped identify pain points in user flows and issues with icons, buttons, titles, and sections.
Traveller profile: Trips, Album and Trips saved.
Personal profile, Private messages and Chat.
Brand attributes & Moodboard
We brought together insights from previous stages and named the app Skyline, defining its brand personality. Then, we created a moodboard to set the visual style and tone.
Moodboard of Skyline app.
Colors & Typography
Superbelly’s UI colors.
Superbelly’s font families.
Style tile
My design focused on showcasing destination images, highlighting the essence of each place through colors and shapes. Elements like backgrounds, icons, borders, typography, and brand colors are soft and minimal.
Some Skyline’s UI components.
Discover
Choosing a destination is tough. In the Discover section, you can find the latest trips and popular ones using continent filters.
Each trip is shown on a card with key details: cover image, title, country/continent, owner, travel days, and rating.
Discover section.
Search
If you prefer exploring from a specific place as a city or country, use the Search section to find trips.
Also you can filter them through the filters button (delimiting travel days, select a rating…) or select the cities suggested by the application.
Search section.
Trip: About & Diary
Once you select a trip, explore its details: About (info), Diary (itinerary), Must (tips), and Reviews (comments and ratings).
Trip: About & Diary.
Trip: Must & Reviews
To learn more, check the Must and Review sections.
Trip: Must & Reviews
Profile & Chat
To learn more about the trip owner, visit their profile for info on followers, trips, and countries visited. You can also explore all their shared trips.
A key feature of Skyline is the chat, allowing you to message the owner or any other user with questions about the destination.
Profile & Chat.
Projects where I’ve made an impact, transforming ideas into user-centered solutions and tangible results.
