Back to Home

Case Study: OGApharmacy Marketplace & Order Management Redesign

Project Overview

Project Name:

Role:

Timeline:

Team:

Tools Used

OGApharmacy Marketplace & Order Management Redesign

Lead Product Designer

2 weeks

Collaborated with Design and Product Management team (Team of 8)

Figma

Project Brief

I led the redesign of OGApharmacy’s platform, enhancing the user experience across the marketplace, order management, and mobile screens. The redesign improved navigation, product discovery, order tracking, and accessibility for users on both desktop and mobile. The goal was to optimize performance, increase user engagement, and improve conversions.

Problem Statement

User Experience & Navigation Issues

The marketplace lacked proper product categorization, displaying all products at once, which caused slow loading times and poor discovery.
The navigation structure was outdated, relying on a side panel instead of a modern, website-like approach.
Users previously landed on the Manage Orders page instead of the marketplace, adding extra friction to placing orders.

Order Management Issues

The Re-order button was hidden inside an ellipsis menu, making it harder for users to reorder quickly.
The tracking module was cluttered and lacked visual appeal.

Cart and Checkout Issues

The Re-order button was hidden inside an ellipsis menu, making it harder for users to reorder quickly.
The tracking module was cluttered and lacked visual appeal.

Mobile Accessibility Gap

The existing design was primarily desktop-focused, limiting access for users without laptops.

The Goal

To improve user onboarding and navigation by letting users land directly on the marketplace.
To enhance product discovery by introducing a structured product categorization system.
To improve order management and tracking with a cleaner layout and better action visibility.
To introduce cart sorting features for a smoother checkout process.
To design mobile-friendly screens to reach more customers.

My Design Process

Research & Discovery

Analyzed industry-leading e-commerce platforms for best practices in marketplace UI/UX.
Gathered insights from pharmacy users on their pain points with the old platform.

Define: Identifying Key Problems

Too many steps before placing an order.
Slow loading due to displaying all products at once.
Hard-to-find actions in order management.
Lack of sorting options in the cart.
Mobile experience needed improvement.

User Research Process

UI Revamp Design System

Design Execution

Marketplace Redesign

Users now land directly on the marketplace instead of the manage orders page.
Product Categorization Introduced to improve speed and discovery:
Top-selling products, Frequently Ordered, Clearance Sales, All Product Categories for easy sorting "See More" buttons added to prevent clutter while improving visibility.

B. Product Card Revamp

Font changed from Montserrat to Inter for a more marketplace-friendly look.
Layout & tag design improved for better readability and a clean, modern UI.
Space Management: the former card had alot unnecessary spacings, and that was adjusted and made better and neater on the new design.

C. Product Details Page

Space management optimized for a better visual hierarchy.

D. Cart Page Redesign

Sorting Features Added:
All Products, Available, Quote Request Users can now filter products in their cart for better decision-making.

E. Order Management Revamp

Layout optimized to remove unnecessary spaces.
Re-order button made more visible (previously hidden in an ellipsis menu).
Faster re-ordering = better user experience & potential sales increase.

Before Redesign

After Redesign

F. Tracking Module Update

Revamped tracking interface for a more aesthetically pleasing and user-friendly experience.

Before Redesign

After Cart Page Redesign

G. Navigation & Rerouting

Old side menu removed to adopt a modern website-style navigation approach.
Navigation restructured for better usability.

Before Navigation Redesign

After Navigation Redesign

H. Mobile Screens

Mobile-first approach introduced to help users without laptop access.
Touch-friendly UI improvements for a better mobile experience.
Consistent design across desktop & mobile.

Before Redesign

Some Mobile Screens After Redesign

Challenges & Solutions

Challenge 1 :

Platform lag due to all products being displayed at once.

Solution:

Introduced categorized product sections and a "See More" button to optimize performance.

Challenge 2 :

The cart page lacked sorting, making checkout difficult.

Solution:

Added sorting tabs for "All Products," "Available," and "Quote Request" to make filtering easier.

Challenge 3 :

Navigation felt outdated with the old side menu.

Solution:

Removed the side menu and adopted a modern website-style navigation approach.

Challenge 5 :

Limited access for mobile users.

Solution:

Designed mobile-friendly screens to improve usability and expand user reach.

Challenge 6 :

Re-order button was hard to find.

Solution:

Made the Re-order button more visible instead of hiding it in a menu.

Challenge 7 :

Bulky Product Card

Solution:

Made the Product Card less bulky and also improved the call to action.

Results & Impact

Result 1 :

Improved platform speed due to optimized product categorization.

Result 2 :

Increased user engagement with a smoother, more intuitive ordering flow.

Result 3 :

Enhanced conversions by improving product discovery and reducing friction in checkout.

Result 4 :

Improved platform look and feel to be more engaging to the users

My Reflection & Next Steps

Lessons Learned

Structuring product discovery significantly improves user experience.
Small UI changes (like typography) can make a huge difference in readability and aesthetics.
A modernized navigation approach makes a marketplace feel more intuitive and seamless.

What I’d Improve Next

📌 A/B test on different navigation layouts to optimize for even better usability.
📌 Gather more post-launch feedback to iterate on mobile experience.

Before Marketplace Redesign

After Marketplace Redesign

Before Product Card Redesign

After Marketplace Redesign

Before Marketplace Redesign

After Marketplace Redesign

Before Redesign

After Cart Page Redesign

UI Revamp Design System

User Research Process

Project Brief

Problem Statement

User Experience & Navigation Issues

The marketplace lacked proper product categorization, displaying all products at once, which caused slow loading times and poor discovery.
The navigation structure was outdated, relying on a side panel instead of a modern, website-like approach.
Users previously landed on the Manage Orders page instead of the marketplace, adding extra friction to placing orders.

Order Management Issues

The Re-order button was hidden inside an ellipsis menu, making it harder for users to reorder quickly.
The tracking module was cluttered and lacked visual appeal.

Cart and Checkout Issues

The Re-order button was hidden inside an ellipsis menu, making it harder for users to reorder quickly.
The tracking module was cluttered and lacked visual appeal.

Mobile Accessibility Gap

The existing design was primarily desktop-focused, limiting access for users without laptops.

The Goal

To improve user onboarding and navigation by letting users land directly on the marketplace.
To enhance product discovery by introducing a structured product categorization system.
To improve order management and tracking with a cleaner layout and better action visibility.
To introduce cart sorting features for a smoother checkout process.
To design mobile-friendly screens to reach more customers.

My Design Process

Research & Discovery

Analyzed industry-leading e-commerce platforms for best practices in marketplace UI/UX.
Gathered insights from pharmacy users on their pain points with the old platform.

Define: Identifying Key Problems

Too many steps before placing an order.
Slow loading due to displaying all products at once.
Hard-to-find actions in order management.
Lack of sorting options in the cart.
Mobile experience needed improvement.

Project Overview

Project Name:

Role:

Timeline:

Team:

Tools Used

OGApharmacy Marketplace & Order Management Redesign

Lead Product Designer

2 weeks

Collaborated with Design and Product Management team (Team of 8)

Figma

Back to Home