beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png
beachsandcopysfw.png

Yelp Travel


 

SCROLL DOWN

Yelp Travel


 

Yelp Travel is an all-purpose travel planning and management solution for tablets.

 

The Yelp Travel clickable prototype can be found here, or you can take a walkthrough just by scrolling down.

bostonyelpmaponipadsfw.png

Overview

 We built a a Travel tablet app for Yelp.

 

Challenge

Yelp has already conquered the local restaurant review scene in the U.S. In order to continue foster they need to reach out to new businesses internationally. Yelp wants to expand their product offering with new travel features to streamline user travel experience. Yelp wants to be smarter overall by learning user preferences and tailoring search results. All this will help incentivize Yelp account creation and help them grow their community.

Therefore, Yelp needs a native Travel app for the tablet. 

 

Solution

Yelp Travel app helps create a dynamic itinerary. It's an all-purpose solution for pre, during and post travel needs. We believe it would assist Yelp big way in adding value to its international offerings, providing more reviews and traffic, enlarging communities and helping grow other businesses.


Yelp Travel2.png
 

Persona and User Story

Grace is a Yelp Elite reviewer who sells medical equipment to surgical centers and was just told that her company has expanded sales to the East Coast. So next week she has her first business trip to Boston where she's never been before.

User Flow

User Flow

Grace is excited about the new Yelp Travel. She has signed in with her Yelp account, set her preferences and started creating her first itinerary.

The system is smart. It knows where her hotel and convention center are located so it can make suggestions for restaurants, attractions, and entertainment. Grace has already booked visits to Boston Commons and Fenway Park, the home of Red Sox! 

The app even knows her favorite dining options, but this time she wants to find a great place based on her friends' reviews.

Grace finds her friendsreviews on Boston restaurants several ways on the app. E.g. by going Row 32 – 57 reviews.

She loves what she sees. Let me get positively surprised by what my friends have eaten here – Ill go to Row 34!

Row 34 gets added to Graces itinerary, and the system also shows it on the Boston map.

There are other ways of scrolling through friends reviews, too.

You can go look at the Global view, click Boston that has 156 Grace's friends' reviews and go from there.

Grace is super happy with her Yelp Travel profile. 

Yelp Travel profile also serves as an archive for her past itineraries. Grace is sure shes going to love Row 34 and write a great review herself to serve her community in the future, respectively. And all that is going to archived as "Grace's past trips".

 

Try out the clickable prototype yourself here, either on laptop or preferably (app to be downloaded from the site) on iPad, to find out all the fancy ways you can add bookings, attractions and entertainment to your itinerary!

 

A 1-page in-depth description of our solution and what it means to the user and business alike can be found here.

Also, you can click the image below to find an article at LocalVox about 5 Fascinating Yelp facts that helped us focus our user need analysis.

 

With Yelp Travel, we followed a strictly user-centered design process.

Comparative and Competitive Analysis

Comparative and Competitive Analysis

Feature Priorities

Feature Priorities

Flow Chart (click to get a bigger picture)

Flow Chart (click to get a bigger picture)

 

We reiterated and redesigned the app several times after feedback from users.

1st design iteration and user feedback

1st design iteration and user feedback

Changes made

Changes made

 
rating-xxlsfw.png
 
rating-xxlsfw.png
 
rating-xxlsfw.png

This was a group project, with teammates Robby Choate and Kristy Kelly.

 

My contributions were User Need Analysis, Persona and Concept Creation & Iteration, Sketching, Wireframing, Prototyping and User Testing.

beachsandcopysfw.png

Tongal Voting


Tongal Voting


Tongal Voting is the state-of-the-art Mobile Voting app.

 

Learn more about Tongal Voting, please let us walk you through it.

Or you can try out the clickable prototype (on desktop, works with mouse) right away here.

 

 

 

Overview

We helped Tongal, a new, disruptive advertising studio connecting businesses with the creative community, to crowdsource ideas for Tongal’s video projects with a new native iOS app and vote on them.

 

Challenge

Tongal wants to launch a native iOS app that allows their community of ideators and content contributors to engage in the idea selection and voting process. Up to this point, they've kept the selection process in house, but are now ready to put that power in the hands of their community.

 Tongal had worked with 2 ""mobile voting"" concepts (5-star rating system and swipe voting) but wanted blue sky thinking from us that would pass the two existing models.

Swiping on iOS is hot, but the convention of online rating is tapping stars. Swiping isn't very granular. With swipe the vote is typically  just "hot or not". How to gather big data as with tapping stars on the scale of 1-5 but still keep the interaction sexy as with swiping?

 

Solution

The real challenge with designing the Tongal Mobile App app were incentives, rating modes and interaction styles. As the app solution is very much about crowdsourcing, extensive user research and testing was required in order to understand the division of opinions in the community between tap voting and swipe voting.

Tongal Voting app maintains both the heat of swiping and granularity of tapping by introducing a "sharp swipe": swipe up to the #star you want to vote for.

Tongal Mobile Voting gives the voter all the comfort and ease of swiping, adds character and perks to the voting while simultaneously securing big user data for the business. 

We did competitive and comparative analysis, we created personas, figured out user stories with our first design iterations. We did a lot of user testing with all our iterations.

   Rachel Park from our team is about to start working with test user Jason.

 

Rachel Park from our team is about to start working with test user Jason.

After extensive user testing, we felt we'd come up with the right solution. 

A snippet of our annotated user flow (click to enlarge).

A snippet of our annotated user flow (click to enlarge).

How does Tongal Voting work? Let’s have a look. - Or, you can jump straight to the clickable prototype here.


Tracy is an aspiring film director in Los Angeles, and an active ideator in the Tongal community. Tongal wants to motivate and incentivize people like Tracy to actively continue providing feedback and ideas for businesses – and one day, be one of the filmmakers working for them!

Tracy can choose from the project list which idea to vote on and how to rate it.

9.png

Tracy can swipe or tap the stars, however you want to do it. As there was no clear winner amongst test users as to the interaction style, swipe or tap, we created a “sharp swipe”: you can swipe up to the fourth star to give 4 stars!

The “sharp swipe” is smart because it also maintains the granularity of the rating which is important for the stats. 

                                                                                             Tracy can also tag the concept. 

It’s fun and again, gives more info to the analytics.

 

 

 

 

 

And Tracy gets her little perks for voting.

Tongal Voting app is fun to use and gives good big data for Tongal and the brand. Tracy is excited!

Find out more yourself - try out the clickable prototype here. Behind the link you can also download the app to your own iPhone to get an even more authentic Tongal Voting experience!

 

We follofed meticulously the proven user-centered design process.

   Task analysis

 

Task analysis

A round of sketching iterations (click to enlarge)

A round of sketching iterations (click to enlarge)

   Annotated User Flow sketch

 

Annotated User Flow sketch

   User Testing

 

User Testing

 

A 1-pager of the solution, how it came about and its added values for the user and business alike can be found here.

 

 
starsfw.png

 

This was a group project with teammates Chelsea Hassler and Rachel ParkI conducted User Need Analysis, Competitive and Comparative Analysis, created Personas, co-operated and iterated on the Concept, did Sketching, Wireframing, Prototyping and User Testing.

 

Tongal’s Head of Product and UX, Scott McDowell appreciated our work and referred to it in his post at LinkedIn Pulse. 

beachsandcopysfw.png

Westwood Experience


Westwood Experience


Overview

Westwood Experience is location-based narrative experience in the Westwood area of Los Angeles, CA.

Should you prefer an easy, cinematic walkthrough of the project, a 5-minute video of Westwood Experience can be found here. Otherwise, please continue scrolling down.

 

Challenge

There is no proper long native narrative format for a smartphone. Nokia wanted to promote sales and use of smartphone in entertainment by developing a storytelling format that utilizes the most advanced features of a high-end smartphone and streamlines and enhances user experience in a specific environment with AR affects.

 

Solution

Built a seamless but hybrid experience with a cinematic script and story, video, audio, virtual narrator and computer vision effects that people could follow with their cellphones and get excited on the streets of Westwood.

 

 

Some details of the experience

The virtual guide took participants on a tour in Westwood, showed them places and told about buildings and landmarks, and how they've changed.

 

Users could align a building they saw to an outline of the actual target on their viewfinder, and...

westwood2.png

...the magic was there!

The buildings and other objects transformed to their early looks of 50 years earlier. The experience provided a time machine, that's how users perceived it!

 

Another example was at the Yamato Restaurant:

The climax of the experience was a 360 degree panorama round the central square of Westwood. The view changed in front of the users' eyes, traveling back in time.

Westwood around 1950:

Test users loved to have the scenery change in front of their eyes just with a click of a button.

 

 

As a recap, a 5-minute video of Westwood Experience can be found here:


An in-depth article about the project can be found here.


Westwood Experience was a research project of Nokia Research Center Hollywood where I worked as Principal Researcher on Entertainment User Experience. 

My contributions in this project were User Research, Concept Co-creation, Sketching and Design, Co-directing, Editing and Production.


beachsandcopysfw.png

True Spirit


True Spirit


Overview: Built an e-commerce website for True Spirit, a fictional school uniform retailer

 

Challenge: Pulling schools and parents together and convincing them of the superiority of one integrated e-commerce solution

 

Design challenge

Design challenge

Concept model

Concept model

Solution: My TrueSpirit Website combines the best of modern internet shopping, freedom to choose and alignment with requirements with easy checkout, and also integrating a bigger business solution

Happy user

Happy user

 

Process: Competitive & Comparative Analysis, User Research, Card Sort, Persona Creation, User Scenarios, User Journeys, User Flows, Sitemap, Sketching, Wireframing, Prototyping, User Testing

 

Process Highlights:

Post-it Sitemap

Post-it Sitemap

Omnigraffle Sitemap

Omnigraffle Sitemap

Reviewed mockups of the clickable prototype

Reviewed mockups of the clickable prototype

 

Sample wireframes:

 

A 1-pager of the design challenge and its full solution from the user and business perspective can be found here

 
 
 
beachsandcopysfw.png

Good Parent


Good Parent


noun_36686.png

Overview: Built a mobile app for Good Parent, a fictional parenting website

 

Challenge: Current mobile parenting tips, random advise at random hours, easily turns into junk mail

 

Solution: Good Parent app offers a customized mobile experience where right pieces of advise come handy when they’re most needed

      Competitive&Comparative Analysis

 

 

Competitive&Comparative Analysis

   User Research Whiteboard

 

User Research Whiteboard

         Storyboarding

 

 

 

Storyboarding

   User Flow Diagram

 

User Flow Diagram

      Final Screens, 1st iteration

 

 

Final Screens, 1st iteration

A 1-page in-depth description of the solution and what it means to the user can be found here.

 

 

Process: Competitive & Comparative Analysis, User Research, Card Sort, Persona Creation, User Scenarios, Storyboards, User Flows, Sitemap, Sketching, Wireframing, Prototyping, User Testing  

 

Final screens: 

 

 

 

 

Clickable prototype can be found here.

 

 
 
 
 
beachsandcopysfw.png

Babybox


Babybox


Overview: Babybox is a kids' outfit provider that curates stylish multi-piece outfits from multiple vendors for parents and families who don't have time to shop out.

Challenge: This is a website design project at General Assembly. My role was UX consultancy – walk through the whole user-centered design process to secure an MVP.

Process: Task analysis, user research, competitive and comparative analysis, persona, user journey, affinity map, sketching in Design Studio, wireframing. 

   UX Design Process

 

UX Design Process

USP features

USP features

   Persona , must-haves, would-like-to-haves, can't-haves. filters.

 

Persona , must-haves, would-like-to-haves, can't-haves. filters.

Clickable Prototype can be found here.

 
 
 
beachsandcopysfw.png

You Phone


You Phone


You
 
 

                                      User studies showed: (a) users want to customize their communications

beachsandcopysfw.png

Mooding


Mooding


 

                

                                                                                 (b) users want to communicate emotions

beachsandcopysfw.png

Expression


Expression


 
 

                                                                                 (c) users want to characterize their communications

beachsandcopysfw.png

Soulful


Soulful


 

                                                                                 (d) users want their phone to understand their mood and context

beachsandcopysfw.png

Small Video Messaging


Small Video Messaging


Story
 
 

                                                                                  (e) users want to tell stories with their phones

beachsandcopysfw.png

My Essentials


My Essentials


 

                                                                                  (f) users want to prioritize their communications

beachsandcopysfw.png

Love


Love


 

                                                                                  (g) users want to communicate deeper emotions

beachsandcopysfw.png

Arting


Arting


 

                                                                                 (h) users want to cherish art and beauty on their mobile device

beachsandcopysfw.png

Augmented Film Experience


Augmented Film Experience


 

                                                                                 (i) users want enhanced experiences on films

 
beachsandcopysfw.png

Please take a second to Get to Know Me Better


Please take a second to Get to Know Me Better