Loco is a concept app that connect travellers with local guides for tours or custom itineraries. Imagine travelling to a new city and being able to meet local people that are eager to share their culture and stories with you.
This is an individual school project that involves app analyses, user flow, wireframes, visual mocks, prototypes (Marvel/Origami), and an app website completed in 12 weeks. Thank you to the Facebook design team (Andy Chung, Vivian Wang, and Brandon Walkin) for partnering with my class for weekly critiques and support.
Travellers have to know somebody local, book a tour guide, or be lucky enough to bump into a local that offers to show them around in order to fully experience a new place they're visiting.
Loco bridges the gap between travellers and locals so that they can truly understand the culture and places they visit opposed to only seeing tourist spots created and moulded for them.
The primary goal of this app is to provide locals with an opportunity to share their culture and home to travellers while they benefit by seeing the genuine and real homesteads and culture, instead of tourist creations. An additional goal is to create relationships between locals and tourists from around the world, helping people connect with each other.
Loco isn’t a typical travel guide app where you can see recommendations and hotspots, but more so it focuses on the connection between the locals and travellers.
I've decided on the name 'Loco'. I chose this name because of it's simple and sounds like the word 'local'. I chose to go with a balloon as my product icon because to me, balloons represent curiousity, fun, and being 'up in the air'. Balloons go where the wind takes them. I want my brand to have these similar characteristics. I also think a balloon is a unique visual representation instead of the typical location pin, map, or plane icons.
User onboarding is the user’s initial experience with your brand and product. It spans from the moment someone starts to sign up for your product, until the moment they realize how your product is going to improve their life. I wanted to ensure that users understand what Loco does, how it will benefit them, and ultimately show them how to use the app.
Let's say you're planning to visit Toronto. Simply search for the city and add filters to browse a list of potential locals that can show you around. Instead of showing a grid of popular photos and spots, I chose to focus on local profiles so that the traveller can learn more about the guide making it easier to find a match, instead of only learning about a hotspot.
There are three tabs in the user profile page; About, Spots, and either Request or Tour. If you're on your own profile, it will show your upcoming/pending tours, and if you're viewing someone else's profile, it will be a request form instead.
Communication between Travellers and Locals
If a tour is confirmed, the conversation will have the trip details on who the travellers and guide are, as well as easy access to the itinerary all located in the pinned tab at the top of the screen. This tab can be collapsed to allow more real-estate space.
My final vision for Loco is a straight-forward one-page site where the user learns about what Loco is. I used the pagepiling script and have the different features shown in separate sections. Instead of implementing videos, I decided to create a few gif animations to help demonstrate some of the interactions for Loco. Check out the app site here. Please give it a few seconds for the script to load properly!
When creating this site, I was really inspired by the new Google Calendar app site, Inbox, Paper by 53, and Facebook Paper. Although mine looks quite different from theirs due to my coding ability, I'd love to be able to learn how to create prototypes, and app sites like that.