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

Heading

Impact

Read case study
Read Case study
50%

Faster Upload Times

40%

Increase in Seller Satisfaction

85%

Reduction in Upload Errors

Key Problem

Kearlit is a comprehensive platform for the jewelry and stone trade, that aims to streamline online transactions.

The current process for uploading and managing product details is time-consuming and prone to errors, making it difficult for sellers to maintain accuracy and streamline their workflows.

This creates barriers to efficient inventory management and impacts overall sales performance.

Read case study
Read Case study

Goals

Reduce Upload Time and Errors for Single Uploads:
Streamline the upload process to minimize errors and significantly reduce the time required for single uploads, enhancing efficiency and user satisfaction.
Reduce Manual Mismatch Check for Multiple Uploads:
Simplify the process for multiple uploads, reducing the need for manual mismatch checks and ensuring greater accuracy and efficiency.

Read case study
Read Case study

Success metrics

Read case study
Read Case study

Increase Seller Retention

Boost Product Uploads

Reduce Product Mismatch Errors

Designer's Note

Early in my career as a Product Designer, I had the opportunity to collaborate with a jewelry business entrepreneur on designing an e-commerce web platform for their new venture, "Kearlit."

My primary responsibility was to develop a cohesive system that efficiently and securely managed transactions for B2B and B2C operations.

Read case study
Read Case study

About Kearlit

Kearlit is envisioned as a comprehensive platform designed to enable retailers, manufacturers, wholesalers, and individual customers to effortlessly buy and sell stones and jewelry online.

Beyond facilitating transactions, it offers tools for uploading and managing product stock, tracking orders, and providing advanced filtering and browsing capabilities for both sellers and buyers.

Read case study
Read Case study

Quick Scoop

Team

Shivani Mehta

UX Designer

Chinmay Yadav

Full-stack Developer

Tools Used

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
Introducing seller's perspective

Setting the context

For an online jewelry seller, the typical journey starts with:

Kearlit aimed to provide a dynamic platform for sellers to streamline these daily responsibilities, with the goal of maximizing their sales.

Inventory management
Uploading Products
Customer Order tracking

identifying the problem space

I conducted four user interviews with sellers who used different methods to manage their sales. These interviews helped identify critical problem areas that needed to be addressed

Fewer Uploads

Online uploads are tedious and time-consuming resulting in delays and errors, impacting the efficiency of their uploading process

Inventory Inaccuracy

Keeping track of inventory updates manually resulted in inaccurate stock levels, making it hard to know the actual available stock at any given time

Manual Checking Errors

Reliance on manual checking for mismatch entries during bulk uploads can be time-consuming and prone to errors

here's the real question

How might we create a platform for sellers to effectively upload their products in less time, avoid manual mismatch checks, and maintain stock levels, thereby boosting sales and operational efficiency?

Setting the context

Goal 1: Reduce upload time and errors for single uploads

Single uploads

Iteration 1

Scrollable Form

Reduce errors by breaking down of steps

Overwhelming for Users

No Progress Indication

Iteration 2

Expanding Accordions

Divided content into collapsible sections for a less overwhelming experience.

Improved focus on individual sections, reducing errors.

Risk of overlooking unexpanded sections, causing incomplete submissions.

Constant opening and closing of sections can be cumbersome.

Iteration 3

Navigating through tabs

Tabs provided a clearer division of steps, improving navigation.

Users could focus on one tab at a time, reducing errors.

Tabs lacked inherent progress indicators.

Multiple tabs caused confusion and potential accidental slips.

Final Iteration

Progress Stepper

The progress stepper clearly indicates completed and remaining steps.

Breaking down the process reduces cognitive load and errors.

Guides users through a logical sequence, ensuring all necessary information is entered.

Our user testing results proved that new sellers required
50% less time to upload products, thanks to our intuitive and straightforward stepper interface

Goal 2: Reduce manual mismatch check for multiple uploads

Multiple uploads

Interviewees found the manual process of uploading and reviewing product details tedious and error-prone. Competitive analysis helped me redesign it into four streamlined steps for efficiency.

Step 1

Bulk .csv Upload

Sellers begin by uploading their .csv files containing all product details.

Step 2

Column Matching & Validation

To ensure the system reads the data correctly, the seller needs to match their columns with Kearlit's field names. This step is required only for the first upload, and the system remembers these settings for future uploads

This is done via a dropdown menu that shows a match percentage next to each option, helping them make quicker selections

After selecting column names, the system generates a sample value from the .csv file

A "tick" indicates a match; a "cross" shows a mismatch. Unmatched columns are corrected with a replace option

Step 3

Image Upload

Next, sellers upload product images, with the system checking if the image titles match the corresponding .csv titles

The preview of the uploaded files is visible for the user's reference with options to view or delete the file.

Step 4

Image Verification

The system flags titles as "Matched" or "Mismatched" and suggests the correct title name

It provides an option to replace incorrect titles or delete any image altogether

Bonus!!

Track Progress & Schedule Listings

A progress stepper, allows sellers to track their upload process, go back and review entries, and save listings as drafts to complete later.

They can also schedule their listing, with a design inspired by Gmail's scheduling feature.

Automating multiple product uploads ensured seamless accuracy, eliminating mismatches by 30%, and creating a smooth seller experience.

"Less Manual More Auto" - Anonymous User

Complex Design Brief

The brief was to design a simple e-commerce site, but its complexity became clear later.

Stakeholder Management

The client insisted on closely mirroring numerous references, making it challenging to align their preferences.

Fluctuating Deadlines

The project timeline was initially set for 2 months but was cut to 4 weeks due to client demands.

"But as they say, 'All's well that ends well,' and this project ultimately delivered great client satisfaction."

I needed a new website for my business and was fortunate to find Shivani Mehta, a professional UI/UX designer. From the start, her expertise and attention to detail were impressive. She not only understood the latest design trends but also took the time to learn my business goals, offering valuable input to enhance the user experience. The result was a stunning, user-friendly website that exceeded my expectations. She skillfully incorporated my branding, was responsive, and made adjustments to ensure my satisfaction. I highly recommend her to anyone seeking professional, high-quality website design.

- Shivam Agrawal, Founder

Download Resume