top of page
![](https://static.wixstatic.com/media/f24198_0517c93cf69747f0a5a52e564b832064~mv2.jpg/v1/fill/w_658,h_438,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/f24198_0517c93cf69747f0a5a52e564b832064~mv2.jpg)
After conducting user testing on the NZ Gong Cha app experience, users found it difficult to navigate drinks and lacked flexibility in ordering. These usability issues prohibits users from using the app. My aim of this project was to improve the user interface based on these problems.
*Not an official Gong Cha app redesign or affiliated with Gong Cha. This project was made for the purpose of my uni assignment.
Gong Cha App Redesign
UX/UI Design (2023)
Project Outline
This project focuses on improving the experience of a site or app; for this project, I’ve chosen Gong Cha as the experience I want to improve on. Following the double diamond method and working closely with users, and gaining their insights helped me find opportunities to improve Gong Cha’s user experience.
Problem Statement
The problem most of the users face is the user interface of the Gong cha app. There is a lack of flexibility and ease of navigation within the app due to non-clickable buttons, lack of visuals, and no search function. These obstacles affect users' experience of ordering drinks on the app, and they would rather order in through Uber or in person than using the app.
Design Approach
I aimed to improve the user experience of the NZ Gong Cha app by discovering and understanding the pain points of the app's current state. Evaluate and test my assumptions of the app to improve the user experience of the Gong Cha application through user testing. Gather and understand user insights to form an opportunity. Iterate and produce an improved design from the existing app.
My solution to improving this app is to add a visual direction for clickable buttons and a visual menu for easier navigation. I also added a search function and scheduled a pick-up time option for flexibility. I measured the success metrics by conducting user testing and based the design's success on user feedback, usage time, and the number of errors occurring.
Research Insights infographic
![A3 gong cha infographic.jpg](https://static.wixstatic.com/media/f24198_1ef076a756ae406aaabbbb2c848ff247~mv2.jpg/v1/fill/w_860,h_1217,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/A3%20gong%20cha%20infographic.jpg)
Final Design
![gongcha mock.png](https://static.wixstatic.com/media/f24198_efc0267c68a44285a18900acbf81f33f~mv2.png/v1/crop/x_401,y_32,w_1031,h_1918/fill/w_228,h_424,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/gongcha%20mock.png)
![gongcha mock 2.png](https://static.wixstatic.com/media/f24198_f26e0d2427db44359c398a0a29f767a9~mv2.png/v1/crop/x_391,y_28,w_1031,h_1922/fill/w_228,h_425,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/gongcha%20mock%202.png)
![gongcha mock 3.png](https://static.wixstatic.com/media/f24198_6fe4cf675d674b5889693b2476fadfc2~mv2.png/v1/crop/x_419,y_0,w_1031,h_1950/fill/w_225,h_425,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/gongcha%20mock%203.png)
![gongcha mock 4.png](https://static.wixstatic.com/media/f24198_a8be1fd9ec064a70a27d64177b31de3b~mv2.png/v1/crop/x_400,y_0,w_1094,h_1950/fill/w_247,h_440,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/gongcha%20mock%204.png)
Highlights Reel
bottom of page