The Perfect Food Guide App for Your Taste

Feeling confused about finding new restaurants? The newly designed app brings you the smartest search experience! With features like "Today's Hot Picks" and "Food Radar," you can quickly find your favorite restaurants and stay updated with the latest trends and nearby dining options.

Role

UIUX Designer
Team Leader

Role

UIUX Designer
Team Leader

Role

UIUX Designer
Team Leader

Duration

3 months

Duration

3 months

Duration

3 months

Objective

Enhance the user experience of the product app

Objective

Enhance the user experience of the product app

Objective

Enhance the user experience of the product app

Project Overview

Team Goal

Redesign the search experience of the AiFoodie app for food enthusiasts looking for new restaurants by restructuring the product architecture and integrating diverse restaurant information.

Role and Deliverables

Collaborating with two team members, I was primarily responsible for the UX and UI design process and deliverables from the homepage to the search results page. Additionally, I took on the role of team leader in the later stages, planning and tracking project progress.

Project Challenges

The team members came from non-UX and UI backgrounds, and we had to deliver a user-valuable MVP product within three months with limited resources.

Project Background

Seven years ago, AiFoodie was created to address users' needs for discovering new restaurants. At that time, people preferred reading reviews and articles to choose restaurants. However, with technological advancements and the rise of social media, people now tend to search for appetizing restaurant photos on their small screens.

Currently, the AiFoodie app offers key features such as review exploration, restaurant search, and restaurant pages to quickly provide integrated restaurant information. However, there is a subtle gap between users' actual experiences and the features the AiFoodie app currently provides.

User Research

In the early stages of the project, we conducted interviews with 12 users. Here are the key insights from these interviews:

🤨

Users felt overwhelmed by the way information was presented on the Ishiji homepage and restaurant introduction pages.

🥲

Users found it time-consuming to learn how to use the dual-column search box and the slight differences in main product features.

😫

Overall, users did not consider Ishiji their first choice for finding restaurants, as they felt the current visual style and information presentation did not match the tools they typically use.

😱

The experience of finding restaurants felt clunky. Users found it inefficient to locate the restaurants they wanted to try. They appreciated the feature of locating nearby restaurants and the professional reviews that helped them understand the restaurants better, but overall, the app struggled to meet their needs for discovering new dining options.

Users are accustomed to search tools that primarily display images with supporting text. This approach makes food enthusiasts eager to visit the restaurants immediately.

Persona

Customer Journey

HMW (How Might We)

😀

How might we enable Lily to efficiently discover new and untried dining options through authentic and objective reviews, given the importance of maintaining her personal brand on social media?

Project Goals

We conducted multiple online workshops to discuss user personas, design assumptions, project objectives, and the prioritization of problems to be solved. This ensured that every team member was aligned with the design goals for the upcoming three months.

Our Assumptions

By optimizing the interface and visual design, and reorganizing the product's information architecture, we can help users more efficiently find their ideal restaurants.

Our Assumptions

By optimizing the interface and visual design, and reorganizing the product's information architecture, we can help users more efficiently find their ideal restaurants.

Our Assumptions

By optimizing the interface and visual design, and reorganizing the product's information architecture, we can help users more efficiently find their ideal restaurants.

Challenges and Design

Given our non-UX and UI backgrounds, we had only three months for this project, requiring us to make many trade-offs and prioritize design elements within a limited timeframe and resources to ensure we could deliver a valuable MVP product.

Challenges and Design

Given our non-UX and UI backgrounds, we had only three months for this project, requiring us to make many trade-offs and prioritize design elements within a limited timeframe and resources to ensure we could deliver a valuable MVP product.

Challenges and Design

Given our non-UX and UI backgrounds, we had only three months for this project, requiring us to make many trade-offs and prioritize design elements within a limited timeframe and resources to ensure we could deliver a valuable MVP product.

Your Ultimate Food Butler

We personified this project's product as the "Ultimate Food Butler." As a dedicated butler, it can provide diverse restaurant recommendations in any situation. It knows all the details about the restaurants its owner wants to know and thoughtfully offers useful discount vouchers to save money for the owner.

Your Ultimate Food Butler

We personified this project's product as the "Ultimate Food Butler." As a dedicated butler, it can provide diverse restaurant recommendations in any situation. It knows all the details about the restaurants its owner wants to know and thoughtfully offers useful discount vouchers to save money for the owner.

Your Ultimate Food Butler

We personified this project's product as the "Ultimate Food Butler." As a dedicated butler, it can provide diverse restaurant recommendations in any situation. It knows all the details about the restaurants its owner wants to know and thoughtfully offers useful discount vouchers to save money for the owner.

Prototype High-Fidelity Prototypes

Design Deliverables

Onboarding Process

Through onboarding illustrations and explanations, users can quickly understand the core features of the product and get up to speed on their first use.

Onboarding Process

Through onboarding illustrations and explanations, users can quickly understand the core features of the product and get up to speed on their first use.

Onboarding Process

Through onboarding illustrations and explanations, users can quickly understand the core features of the product and get up to speed on their first use.

Homepage

We restructured the homepage's functionality, bringing to the forefront content that was previously buried but of high interest to users, such as newly opened restaurants and discount vouchers hidden in restaurant reviews. This information is now presented in a diverse format with images as the primary focus and text as a supplement.

Homepage

We restructured the homepage's functionality, bringing to the forefront content that was previously buried but of high interest to users, such as newly opened restaurants and discount vouchers hidden in restaurant reviews. This information is now presented in a diverse format with images as the primary focus and text as a supplement.

Homepage

We restructured the homepage's functionality, bringing to the forefront content that was previously buried but of high interest to users, such as newly opened restaurants and discount vouchers hidden in restaurant reviews. This information is now presented in a diverse format with images as the primary focus and text as a supplement.

Restaurant Search Page

We introduced "Today's Hot Picks" to highlight trending restaurants and added "Food Radar" for easy location-based searches. User feedback prompted us to simplify the dual-column search to a single column, which may be implemented in the future based on demand.

Restaurant Search Page

We introduced "Today's Hot Picks" to highlight trending restaurants and added "Food Radar" for easy location-based searches. User feedback prompted us to simplify the dual-column search to a single column, which may be implemented in the future based on demand.

Restaurant Search Page

We introduced "Today's Hot Picks" to highlight trending restaurants and added "Food Radar" for easy location-based searches. User feedback prompted us to simplify the dual-column search to a single column, which may be implemented in the future based on demand.

Restaurant Introduction Page

We redesigned the visual and informational architecture of the restaurant introduction pages to enhance readability and allow users to efficiently evaluate overall restaurant metrics. By prioritizing visuals and informational hierarchy based on user insights and adding visual breathing space, we created a more user-friendly layout.

Restaurant Introduction Page

We redesigned the visual and informational architecture of the restaurant introduction pages to enhance readability and allow users to efficiently evaluate overall restaurant metrics. By prioritizing visuals and informational hierarchy based on user insights and adding visual breathing space, we created a more user-friendly layout.

Restaurant Introduction Page

We redesigned the visual and informational architecture of the restaurant introduction pages to enhance readability and allow users to efficiently evaluate overall restaurant metrics. By prioritizing visuals and informational hierarchy based on user insights and adding visual breathing space, we created a more user-friendly layout.

Increasing Voucher Visibility

Users can find related discounts in four different areas. We believe that increasing the visibility of vouchers will raise both the redemption rate and user engagement. This, in turn, can cultivate a habit of users looking for deals on AiFoodie. As the redemption rate increases, we can negotiate better deals with partners like FunNow.

Increasing Voucher Visibility

Users can find related discounts in four different areas. We believe that increasing the visibility of vouchers will raise both the redemption rate and user engagement. This, in turn, can cultivate a habit of users looking for deals on AiFoodie. As the redemption rate increases, we can negotiate better deals with partners like FunNow.

Increasing Voucher Visibility

Users can find related discounts in four different areas. We believe that increasing the visibility of vouchers will raise both the redemption rate and user engagement. This, in turn, can cultivate a habit of users looking for deals on AiFoodie. As the redemption rate increases, we can negotiate better deals with partners like FunNow.

Project Results

More Attractive Homepage

Users voted the most interesting topics as follows: 60% new openings, 50% weekly rankings, food columns, and Food Radar. They indicated that these engaging topics would increase their willingness to explore more.

More Attractive Homepage

Users voted the most interesting topics as follows: 60% new openings, 50% weekly rankings, food columns, and Food Radar. They indicated that these engaging topics would increase their willingness to explore more.

More Attractive Homepage

Users voted the most interesting topics as follows: 60% new openings, 50% weekly rankings, food columns, and Food Radar. They indicated that these engaging topics would increase their willingness to explore more.

90% Successful Coupon Redemption Rate

Users could quickly find discount offers on the homepage and search pages, stating that coupons significantly influence their decision to visit restaurants. They are also willing to return to iFoodie regularly to browse for more coupons.

90% Successful Coupon Redemption Rate

Users could quickly find discount offers on the homepage and search pages, stating that coupons significantly influence their decision to visit restaurants. They are also willing to return to iFoodie regularly to browse for more coupons.

90% Successful Coupon Redemption Rate

Users could quickly find discount offers on the homepage and search pages, stating that coupons significantly influence their decision to visit restaurants. They are also willing to return to iFoodie regularly to browse for more coupons.

155 Seconds Average Stay Time

Users praised the clear, image-centric restaurant pages, leading to longer visits and more exploration. Maze data confirms that users enjoy discovering hidden gem restaurants on the revamped iFoodie.

155 Seconds Average Stay Time

Users praised the clear, image-centric restaurant pages, leading to longer visits and more exploration. Maze data confirms that users enjoy discovering hidden gem restaurants on the revamped iFoodie.

155 Seconds Average Stay Time

Users praised the clear, image-centric restaurant pages, leading to longer visits and more exploration. Maze data confirms that users enjoy discovering hidden gem restaurants on the revamped iFoodie.

My Learnings

In this project, as the team leader, I learned how to effectively manage project progress and coordinate team collaboration. Initially, the team members came from different backgrounds and lacked experience in UX and UI design. I developed a detailed project plan and timeline, and regularly held project meetings to ensure that each member was clear about their tasks and deadlines. Additionally, I utilized Agile development methods, conducting iterative design and continuous feedback to ensure the project could adapt to changes flexibly.

To motivate team members, I emphasized the achievement of goals and celebrated small successes at each stage. I actively listened to and encouraged everyone's ideas and opinions, fostering an open and collaborative work environment. I also provided resources and training to help team members improve their UX/UI skills, ultimately enabling them to confidently complete design tasks.

Regarding user testing, I used the remote testing tool Maze to conduct A/B tests and usability tests, collecting a large amount of user feedback and behavioral data. I analyzed this data to identify key user pain points and needs, and iterated on the design based on these insights. For example, I simplified the dual-column search box into a single column, enhancing the search efficiency for users.

Through this project, I not only improved my project management and team collaboration skills but also deepened my understanding of user experience design. I mastered more professional tools and methods, and these experiences and knowledge will have a profound impact on my future design work.