Product Design

Mercatus

As a UX designer, Mercatus was the first company where I got to work with a dedicated design team, and it made such a difference being able to share and exchange ideas. Here I was given countless opportunities to learn and contribute on design, from end to end product design cycle, design system, to collaborate closely with stakeholders and experiencing the excitement of launching a product.

✨Highlights

  • Lead designer in building & managing a design system

  • Contributed to a major app redesign for grocers across America

  • Improved the website’s shopping experience

  • Refined design hand off experience for engineers

  • Compliant with WCAG2.1 when designing

  • Delivered high-quality visuals for product marketing

Mercatus is a fully integrated SaaS eCommerce platform used by 100s of grocery stores globally serving millions of customer.

We powered the web and react native mobile apps, fulfill online orders for pickup and delivery, personalize rewards and loyalty offers, and ultimately achieve omni-channel profitability.

Year

2021 - 2024

Platforms

Web, Mobile (iOS, Android), Console

Design Showcase

All-New Shop Landing

Configurable rows for the retailer

Enhanced Order Summary

Detailed information can be shown

Refreshed Product Details

with a more structured layout to show all essential information

with a more structured layout to show all essential information

Single Page Checkout Process

Single Page Checkout Process

for speedy payment

for speedy payment

UX Research

Leveraging Data

It is important to leverage data to understand the user behaviour. We relay on Google Analytics and Hotjar to analyze user interactions, identify bounce rate and track key performance indicators like Cart Abandonment Rate.

User Interviews

To validate our ideas, we conduct user testing through the platform like UserTesting. These sessions allows us to gather direct feedback, identity pain points, and refine our solutions based on real feedback, before we start coding the feature.

Baymard Institute

Baymard Institute is a UX research institute that provides best practices guidelines, and it is used by 29,000+ UX professionals in big tech companies. We reference Baymard’s UX insights when we solution.

App Store Reviews

App Store reviews are checked regularly to find opportunities and misses. Thanks to the user who spent time writing the reviews, our team were able to gather and ship those small but meaningful updates.

Market Validation

Over the last 12 months (2024), the final results across our clients are surprisingly good.

4.6 Stars

Avg App Rating

-24%

Cart abandonment
rate across retailers

+87%

Online Sales

Every months there are millions of users who use the App for every day grocery shopping, where we also receive a lot of compliments from our end users.

“Love your app. Use it all the time.”

“Very easy to use app”

“App makes it easy to find everything. Ordering online was a breeze!”

“Brand is an exceptional UI/UX designer whose unique skill set significantly enhanced our team’s collaboration with technical teams. His methodical and patient approach fostered trust and consistently delivered high-quality outcomes.”

– Yuhiro Chavez, Head of Product Design @Mercatus

Let’s Chat ✨

Thank you for stopping by! Here’s how you can reach out to me.

yuyiqi.brand@gmail.com

Email Copied

Let’s Chat ✨

Thank you for stopping by! Here’s how you can reach out to me.

yuyiqi.brand@gmail.com

Email Copied

Let’s Chat ✨

Thank you for stopping by! Here’s how you can reach out to me.

yuyiqi.brand@gmail.com

Email Copied