GET IN TOUCH.

Drop me a line about freelance inquiries, speaking opportunities, or if you simply want to chat. I'd love to hear from you! // hello@fionayeung.com

SOCIAL

· twitter
· instagram
· linkedin

Name *
Name
http://
           

123 Street Avenue, City Town, 99999

(123) 555-6789

email@address.com

 

You can set your address, phone number, email and site description in the settings tab.
Link to read me page with more information.

loco-web.png

Loco

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. 

You can view the Loco prototype here, and visit my process site here.

PROBLEM
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. 

SOLUTION
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. 

PRIME OBJECTIVE
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.

LOGO

 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. 

LO-FIDELITY WIREFRAMES

HI-FIDELITY SCREENS

Onboarding

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. 

1_onboard2.png

Discover

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. 

User Profile

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.  

7-itinerary.png

App Site

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, InboxPaper 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.