Focusing on innovation, we used generative AI to help users bring their imagination to life and find musical matches effortlessly

See my work
Check my work

Impact

This project had a significant impact on stakeholders and leadership, as they were impressed by the solutions I proposed. My recommendations were well-received, leading to an immediate agreement to implement them in the next quarter.

50%
Faster Upload Times
40%
Increase Seller Satisfaction
85%
Reduction in Errors

Impact

This project had a significant impact on stakeholders and leadership, as they were impressed by the solutions I proposed. My recommendations were well-received, leading to an immediate agreement to implement them in the next quarter.

Read case study
Read Case study

Key Problem

The platform is a comprehensive tool for finding doctors, care facilities, and related services.

However, the Locations landing page lacks distinction from the Find a Doctor page, failing to provide location-specific context or actionable information.

This results in a generic user experience that does not cater to users' unique needs or support seamless navigation.

Read case study
Read Case study

Goals

Read case study
Read Case study

Ensure Clear Navigation and Actionable Content:
Provide clear navigation and straightforward content for users to quickly and easily find the information they need and take next steps
Enhance Local Brand Presence:
Enhance our local brand presence to instill a sense of familiarity and emotionalconnection for our customers.

Success metrics

Read case study
Read Case study

Increase Digital Appointment Bookings

Drive Traffic to Local Ministry Pages

Increase User Engagement

QUICK SCOOP

Team

Shivani Mehta

Facilitator
Editor

Nisheta Gupta

Manager
Editor

Sandra Ye

Administrator
Editor

Hugo He

Editor

Tools Used

Read case study
Read Case study

Quick Scoop

Team

Shivani Mehta

Digital Product Design Intern

Mary Fedorowski

Director of Experience Research & Design

Devin Manternach

Digital Product Design Lead

Tools Used

Prototype Link

Full Page Design

Read case study
Read Case study
Read case study
Read Case study

Product Goal

The primary goal was to bridge the gap between B2B and B2C operations, creating a seamless and transparent process while ensuring secure payments.

To achieve this, it was necessary to deep dive into the user pain points and goals and break them down into smaller, actionable objectives through user interviews.

Read case study
Read Case study

outcomes

Customer satisfaction

After conducting usability tests, the app's design led to an enhanced customer experience. Customers were able to navigate the options seamlessly, resulting in heightened satisfaction and positive interactions.

Acquired Insight into the Sales Process

During the design process, I gained valuable knowledge about the intricacies of the sales process, enabling me to create a more intuitive and effective sales-oriented application.

Focused on Accessibility

Emphasizing accessibility through design choices tailored for users aged 40-50, the app prioritized legibility and ease of use, promoting inclusivity and effortless navigation.

Read case study
Read Case study
Read case study
Read Case study

Shivani is creative and very proactive in her work. She was able to come up with out-of-the-box ideas during design brainstorming sessions and was able to produce design solutions along the same lines. Taking up ownership of a task is a stellar quality she possesses, something that very few professionals have at her level.

Amogh Dalvi

Creative Head, ProCreator

Shivani has a strong understanding of current UI/UX design trends and best practices. Having expertise in web and application design, she produced incredible, creative designs that far exceeded our expectations. It has been a pleasure working with her.

Uday & Sagar

Founder, Test Dojo

outcomes

Customer satisfaction

After conducting usability tests, the app's design led to an enhanced customer experience. Customers were able to navigate the options seamlessly, resulting in heightened satisfaction and positive interactions.

Acquired Insight into the Sales Process

During the design process, I gained valuable knowledge about the intricacies of the sales process, enabling me to create a more intuitive and effective sales-oriented application.

Focused on Accessibility

Emphasizing accessibility through design choices tailored for users aged 40-50, the app prioritized legibility and ease of use, promoting inclusivity and effortless navigation.

Read case study
Read Case study
Read case study
Read Case study

SETTING THE CONTEXT

Beli is a mobile-first platform built to help people track, share, and discover food experiences they love.

As the product matured, new features were shipped fast, but often without alignment across teams.

Designers were creating screens using different styles.

And users were left with an inaccessible experience full of guesswork and inconsistencies.

Developers didn’t always have clear guidelines.

MY ROLE

I contributed as the facilitator and editor of the team - guiding discussions, aligning decisions, and ensuring our design system was clear, consistent, and cohesive across every detail.

WHERE IT ALL BEGAN

Every good product story starts with a moment of friction.
Ours began when my teammate asked, “Why do the screens of Beli look drastically different?”

With 3 different heading styles, 2 different filter styles and 2 different tabs styles, it is no wonder that a user feels overwhelmed.

Based on the problems identified, we focused on achieving the following business metrics:

Increase Seller Retention
Sellers who find the platform useful and efficient are more likely to continue using it for their business needs
Boost Product Uploads
Frequent uploads broaden the product catalog, appealing to more buyers
Reduce Product Mismatch Errors
Ensuring products are in stock, especially without errors, when customers want to buy them leads to higher sales and customer satisfaction

MOMENT OF TRUTH

That one question turned into an audit. And that audit revealed major inconsistencies that impacted usability and scalability. I led the deconstruction of the Beli's buttons, icons and colors to uncover the inconsistencies.

12+ button styles across screens with inconsistent interaction patterns

Inconsistent tab states and styles impacting usability

Colors that didn’t pass WCAG contrast standards impacting usability

We realized that what seemed like gaps pointed to a deeper pattern, users were guessing, designers had no shared system, and developers were rebuilding the same solutions.

This helped us frame our opportunity for Beli.

OUR SOLUTION

And that’s how YummiBite was born - 100+ reusable, accessible, and consistent components and tokens, built to support everyone from designers to developers to users.

To guide every design decision, we created a set of principles inspired by Beli's mission focusing on ease of use, social engagement and scalability

Simplicity Meets Functionality

Prioritize clear, minimalistic interfaces that reduce cognitive load without compromising usability.

Social and Engaging

Encourage sharing, discovery, and engagement through socially-driven components that connect users with the Beli app and community.

Ever-evolving and Iterative

Create scalable and modular design solutions, allowing for collaboration, customization, and innovation.

Goal 1: Reducing Guesswork and Inconsistencies

We had way too many button styles, so I took ownership of creating a structured library, categorizing them by state, size, and intended use to bring consistency and clarity to the system.

Tabs had inconsistent styles and unclear states, so I helped the team build a robust component library with clear usage rules and defined active states.

Goal 2: Designed for Everyone, Without Eye Strain

We rebuilt our color palette to meet WCAG 2.1 AA standards, and I ensured each decision was validated using Figma plugins and color contrast grids.

USABILITY TESTING

We set a playground to test our design system, realizing the additional need for customizable templates and iterations.

DOCUMENTATION

We made sure every component played by the rules, because devs don’t need guesswork, they need clarity.

My background in computer science helped me bridge the gap between design and dev by writing implementation-friendly documentation

Based on the problems identified, we focused on achieving the following business metrics:

Increase Seller Retention
Sellers who find the platform useful and efficient are more likely to continue using it for their business needs
Boost Product Uploads
Frequent uploads broaden the product catalog, appealing to more buyers
Reduce Product Mismatch Errors
Ensuring products are in stock, especially without errors, when customers want to buy them leads to higher sales and customer satisfaction

PITCHING OUR SYSTEM

Once YummiBite was ready, I helped craft and present a pitch deck to share its story, highlight the problems it solved, and gain stakeholder buy-in for adoption.

OUTCOMES

And that's how YummiBite changed how teams design, build, and scale at Beli.
It gave the structure they were missing, and the confidence to scale with clarity.

Designers now have consistent styles, reusable tokens, and guidance that supports both creativity and clarity.

Beli UI once demanded memorization and trial-and-error.
Now, buttons behave predictably, screens are consistent and the overall experience feels smoother and more accessible.

Without YummiBite, devs were rebuilding layouts repeatedly.
Now, they have tokens, spacing systems, and implementation notes that match the design language.

TEAM CHALLENGE

It was challenging to align on naming for tokens and components, as everyone interpreted things differently. As the facilitator, I guided team discussions and made sure we aligned on decision points during naming conflicts and design handoff.

MY LEARNINGS

As important as it is to create scalable components, it’s equally crucial to structure the design system in a way that’s clear, organized, and easy for the entire team to understand and use, something we realized while documenting it.

Design Systems help teams develop a culture of collaboration, inclusivity, and consistency. It’s like everyone has the same cookbook, so there’s no guessing on how to make the perfect dish every time.

Request Testimonial

- Mary Fedorowski, Director of Design

NEXT STEPS

As next steps, I’d focus on improving accessibility at the component level by creating detailed checklists for designers and developers, and continuing usability testing to ensure the system works well for all users in real-world scenarios.

Download Resume