[vc_row full_width="stretch_row_content"][vc_column width="1/6"][/vc_column][vc_column width="2/3" offset="vc_hidden-sm vc_hidden-xs"][vc_single_image image="2083" img_size="full" alignment="center" css_animation="bottom-to-top" css=".vc_custom_1496809579192{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}"][vc_empty_space height="60px"][/vc_column][vc_column width="1/6"][/vc_column][/vc_row][vc_row full_width="stretch_row_content_no_spaces"][vc_column offset="vc_hidden-lg vc_hidden-md"][vc_single_image image="2083" img_size="full" alignment="center" css_animation="bottom-to-top" css=".vc_custom_1496809579192{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}"][vc_empty_space height="60px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_column_text css_animation="bottom-to-top"]

Explore + Eat The Best

[/vc_column_text][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

Talace is a platform that showing customers the top dishes at every restaurant—without leafing through a million ratings to find out. Combined with pictures of food and pricing, Talace makes your dining experience simple.

[/vc_column_text][/vc_column][vc_column width="1/6"][/vc_column][vc_column reveal_effect="" offset="vc_hidden-xs"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="30px"][vc_column_text css_animation="bottom-to-top"]

Context

[/vc_column_text][vc_single_image image="2115" img_size="full" add_caption="yes" alignment="center" css_animation="bottom-to-top" css=".vc_custom_1497400560656{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}"][vc_empty_space height="40px"][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

Background

When I first join the team, Talace has already released several months. The original product was a mobile ordering and rewards platform for restaurants. By observing consumers' interaction with the app and getting feedbacks on their frustrations, the team realized information like a restaurant’s dishes pictures, best items, and pricings, were not as accessible as it should be for customers.

[/vc_column_text][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

My Role

As the only designer at the time, I was responsible for helping conceptualize, research, map out the user flow, create wireframes, design the user interface, and ensure the brand language has carried out consistently throughout the design.

[/vc_column_text][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

Challenges and Limitation

1. Unclear on audience's needs
2. Undefined product scope
3. Already established brand language

[/vc_column_text][/vc_column][vc_column width="1/6"][/vc_column][vc_column reveal_effect="" offset="vc_hidden-xs"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="30px"][vc_column_text css_animation="bottom-to-top" el_class="p2"]

Process

[/vc_column_text][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

We employed IDEO Design Thinking process for the project:

[/vc_column_text][vc_single_image image="2136" img_size="full" alignment="center" css_animation="bottom-to-top" css=".vc_custom_1499483319176{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}"][/vc_column][vc_column width="1/6"][/vc_column][vc_column offset="vc_hidden-xs"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="60px"][vc_column_text css_animation="bottom-to-top" el_class="p2"]

Understanding Our Audience

[/vc_column_text][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

My team interviewed/surveyed 100 people in Gainesville, FL area. The participants are ranging from college students to full-time professionals. My colleagues asked them about their dining experience to understand their various needs. They also gave each participant a brief description of the app's general concept to see if they are interested in downloading it and the likeliness they are going to take advantage of the features the app has to offer.

[/vc_column_text][/vc_column][vc_column width="1/6"][/vc_column][vc_column][vc_single_image image="2219" img_size="full" alignment="center" style="vc_box_shadow" css_animation="bottom-to-top"][/vc_column][vc_column offset="vc_hidden-xs"][vc_empty_space height="30px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="60px"][vc_column_text css_animation="bottom-to-top" el_class="p2"]

Research Findings

[/vc_column_text][vc_column_text css_animation="bottom-to-top" el_class=".p2"]

Based on our research, we generated three key findings:

[/vc_column_text][vc_empty_space height="20px"][vc_single_image image="2168" img_size="full" alignment="center" css_animation="bottom-to-top" css=".vc_custom_1498423821334{margin-top: 0px !important;margin-right: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;}"][/vc_column][vc_column width="1/6"][/vc_column][vc_column offset="vc_hidden-xs"][vc_empty_space height="40px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="60px"][vc_column_text]

Ideate Solutions

[/vc_column_text][vc_column_text]

According to our research findings, the main problem we should focus on is:

Help customers decide what to eat, and where to eat.

 

To simplify the process the app helps customers pick the food by popularity, ingredients, community recommendation (friends, chef, and server), and price range. It only shows the top 10 menu items at nearby restaurants and customers can see actual pictures and prices of those items as well.

[/vc_column_text][/vc_column][vc_column width="1/6"][/vc_column][vc_column][vc_single_image image="2182" img_size="full" add_caption="yes" alignment="center" css_animation="bottom-to-top"][/vc_column][vc_column offset="vc_hidden-xs"][vc_empty_space height="40px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_column_text]

With the logic flow in mind, I started to sketch out the user interface of the major screens:

[/vc_column_text][vc_single_image image="2188" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_single_image image="2199" img_size="full" add_caption="yes" alignment="center" css_animation="bottom-to-top"][/vc_column][vc_column width="1/6"][/vc_column][vc_column reveal_effect="" offset="vc_hidden-xs"][vc_empty_space height="40px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="30px"][vc_column_text]

Prototype

[/vc_column_text][vc_empty_space height="10px"][vc_single_image image="2231" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_column_text]

We quickly gathered peer feedbacks after our first round prototype. The most frequent problems people raised were:
  • The top area already occupied by the account button and the map/list view button. Where will the filter button be located for the latter version?
  • Customers prefer to see what’s the popular item first, then going to the detail. The current design only shows one item once someone clicks on the restaurant page; it will increase the workload for users which our app should avoid.
  • Search by location function seems overlapped with the map view function. The search feature should also allow customers to search by restaurant name, cuisine type, or food type.

[/vc_column_text][/vc_column][vc_column width="1/6"][/vc_column][vc_column reveal_effect="" offset="vc_hidden-xs"][vc_empty_space height="40px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_empty_space height="40px"][vc_column_text]

Iteration

[/vc_column_text][vc_single_image image="2242" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_single_image image="2243" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_single_image image="2244" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_single_image image="2245" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_single_image image="2246" img_size="full" alignment="center" css_animation="bottom-to-top"][vc_single_image image="2247" img_size="full" alignment="center" css_animation="bottom-to-top"][/vc_column][vc_column width="1/6"][/vc_column][/vc_row][vc_row][vc_column offset="vc_hidden-sm vc_hidden-xs"][vc_empty_space height="40px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="1/3"][vc_empty_space height="40px"][vc_column_text]

Interactive Prototype & Final product

[/vc_column_text][vc_column_text css_animation="bottom-to-top"]

The current version only supports access within Gainesville, FL area. Checkout the Talace app on App Store here.

[/vc_column_text][/vc_column][vc_column width="1/3"][vc_empty_space height="40px"][vc_raw_html]JTNDZGl2JTIwYWxpZ24lM0QlMjJjZW50ZXIlMjIlM0UlM0NpZnJhbWUlMjBzcmMlM0QlMjJodHRwcyUzQSUyRiUyRm1hcnZlbGFwcC5jb20lMkYzMjMzNDcxJTNGZW1iJTNEMSUyMiUyMHdpZHRoJTNEJTIyNDUyJTIyJTIwaGVpZ2h0JTNEJTIyOTAxJTIyJTIwYWxsb3dUcmFuc3BhcmVuY3klM0QlMjJ0cnVlJTIyJTIwZnJhbWVib3JkZXIlM0QlMjIwJTIyJTNFJTNDJTJGaWZyYW1lJTNFJTNDJTJGZGl2JTNF[/vc_raw_html][/vc_column][vc_column width="1/6"][/vc_column][/vc_row][vc_row][vc_column][vc_empty_space height="50px"][/vc_column][/vc_row][vc_row][vc_column width="1/6"][/vc_column][vc_column width="2/3"][vc_column_text css_animation="bottom-to-top"]

Promo Page UI Design

[/vc_column_text][vc_empty_space height="30px"][vc_single_image image="2257" img_size="full" alignment="center" style="vc_box_shadow" css_animation="bottom-to-top"][/vc_column][vc_column width="1/6"][/vc_column][/vc_row][vc_row][vc_column][lab_portfolio_items category_filter="no" portfolio_type="type-2" columns="6" reveal_effect="slidenfade" portfolio_spacing="no" pagination_type="endless" endless_auto_reveal="yes"][/vc_column][/vc_row]