99 Ranch Market is one of the largest Asian supermarket chains in the United States. They carry a wide variety of products. While having the contract with Alibaba, 99 Ranch Market hired developers from Alibaba to work with the 99 Ranch Min-house designers to build up a grocery shopping mobile app.
OVERVIEW
ROLE
UI Designer
TOOLS
Adobe Xd, Adobe Illustrator
Adobe Photoshop
DATE CREATED
NOVEMBER 2021
GOAL
Create a mobile app that provides simple and functional online shopping experience for customers.
PROBLEM
99 Ranch Market was using a mobile app template provided by the developers. Since the template was used to target Asian customers in Asia, a lot of layouts, design choices and navigations were not user-friendly for 99 Ranch Market’s customers in the United States.
SOLUTION
Adjust design choices, layouts, navigations into a user-friendly mobile app by communicating with the developers to find the middle ground for both sides.
OUTCOME
Fast-paced design process. Delivered high-fidelity prototype in 3 months, new version of App launched on February 2022.
Once we organized the usability issues, we started creating high fidelity prototype on Adobe Xd. Then had meetings internally with the team and also had meetings with other departments before having external meetings with developers to discuss if the new designs and navigations can be implemented to the newer version.
HIGH FIDELITY PROTOTYPE
TOOL: ADOBE XD
VALUABLE EXPERIENCES
We couldn't implement all the changes as we expected, so had to have meetings and talk through the details of the prototype we made with developers. Which means both sides must meet the middle ground to make the improvements.
It is so important to work as a team because it is not just designing the look of the app, but functionalities are important too. For example, the page that has all the numbers (purchase total, tax, shipping, etc.). And my goal was to make it aesthetic, simple, and functional. This means we had to communicate with people from different departments to make the agreement together as a team.
Our department offered discount to other colleagues for those who helped on giving us feedback during the testing process.
What I learned from this was, having AB testing can be very creative. So that way there will be more people to participate the AB testing process.