Heading


Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary Summary

Impact
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.
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.
Success metrics

Increase Seller Retention

Boost Product Uploads

Reduce Product Mismatch Errors

Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview Overview

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.
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.

Success Metrics
40% rise
in micro-influencers joining the platform within the initial three months.
25% increase
in successful brand-influencer collaborations within six months post-landing page launch.
Show me how

Quick Scoop
Team

Shivani Mehta
UX Designer

Chinmay Yadav
Full-stack Developer



challenges
Limited understanding of the sales industry
Creating this app was a challenge due to my limited understanding of the intricacies of the sales industry and loan management.
Time management for interviews and testing
The users' full-time commitments at the showroom made it challenging to schedule tests and interviews without disrupting their daily operations.
Challenging age group targeting
Inquiring about people's age felt uncomfortable, and the showrooms predominantly catered to a younger demographic.
Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive Deep Dive

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.
1. User Interviews
In the course of my research, I conducted in-depth interviews with a diverse group of five sales professionals, encompassing both male and female individuals. These interviews were carried out at a nearby car selling facility, and the participants shared valuable insights and experiences related to their roles and the car sales industry.
How do you manage and track car sales leads at present?
How do you maintain communication and follow up with potential customers effectively in your experience?
How do you manage and organize customer information and data in your approach?
How valuable would it be for you to have an app that integrates smoothly with your current sales tools and systems?
Have you used any sales management apps before? If yes, what did you like or find challenging about them?
What additional features or functionalities could enhance your ability to manage car sales efficiently?
2. Interview insights
A majority of our users, specifically 4 out of 5, embark on their journey with the app because they share a genuine interest in cars and the automotive industry. For them, acquiring a tool that enables easy communication and understanding in the world of cars is a valuable benefit when they explore the vast automotive landscape. Below are some interesting insights gathered from the interview:
Expressed frustration
in managing loan-related tasks due to the inefficiency of juggling multiple tools and systems.
Expressed desire for learning
by gaining access to essential tools and resources in handling challenges during car sales.
Prioritized goal-setting feature
enabling them to define and track their sales targets seamlessly for improved performance in car sales.
2. user persona
Using the insights gathered from my research and user interviews, I developed an assumptive persona. This persona includes a detailed user background story, highlights the frustrations they commonly encounter, and outlines their goals. Creating this persona has been instrumental in gaining a deeper understanding of the prospective users of the car sales app.
- 42
- Delhi
- Interested in Fashion, beauty & lifestyle
I love helping customers find their dream cars, but the paperwork can be overwhelming. I need a solution that simplifies the administrative tasks and keeps me informed about the latest models and pricing.
Pain points
Fierce Competition
Faces pressure to meet sales targets in a competitive market.
Tedious paper-work
Struggles with tedious and time-consuming paperwork.
Lack of resources
Encounters challenges in finding efficient tools and resources to support sales efforts.
Goals
Goal-setting feature
Increase car sales and commissions by setting sales targets.
Access to resources
Seek tools and resources that can make his sales process more efficient.
Serve customers
Access to detailed car information, pricing, and features to answer customer inquiries.
Anaya Sharma
- Influencer
- Delhi
- Interested in Fashion, beauty & lifestyle
- Influencer
- Delhi
- Interested in Fashion, beauty & lifestyle
As a Gen Z Micro Influencer, I strive to connect with relevant brands directly, without any middlemen, and have greater control over brand collaborations. My primary goal is to increase my visibility and gain access to exclusive deals and promotions that align with my values and interests. Therefore, I am looking for a user-friendly platform that offers a seamless experience, making it easy for me to understand and navigate.
Pain points
Obstacles due to middlemen and irrelevant brand collaborations
Lack of visibility and recognition as a micro influencer
Difficulty in understanding and navigating complex technology and features
Goals
Increase visibility & connect with relevant brands directly
Increase visibility & connect with relevant brands directly
Increase visibility & connect with relevant brands directly

4. Competitor Analysis
For the competitor analysis, I conducted an in-depth review of the internal applications used by below mentioned car selling companies. My analysis involved visiting their physical office locations and examining the features and functionalities of these apps. While I couldn't capture screenshots due to privacy concerns and adherence to company protocols, I carefully assessed the capabilities of these apps. This analysis served as valuable inspiration for incorporating similar, and possibly improved, features into my own car sales app.
Language options
Empowering users with the ability to select their preferred language enhances their comfort and ease of navigation within the app. It broadens the app's accessibility.
Gamification
Gamification adds an element of fun and competition to apps, boosting user engagement and motivation. It encourages users to achieve goals, and interact enjoyably with the app
Color coding & Labels
Color coding and labels in interface design streamline user interaction by providing visual cues and clear descriptions, improving usability and user understanding.
Onboarding Screens
Onboarding screens are introductory screens that guide users through its features and functionalities, helping them become familiar with the app's interface and purpose.
5. User Journey Flow
.png)
1. wireframes
Once I had all the required data and structure of the app, it was time to go digital and sketch the layout of the app.
User Onboarding Flow
The flow consisted of 3 onboarding screens to familiarise themselves with the app and then proceed to register/login.

Add New Customer Flow
After logging into the app, the user lands on the homepage where they get the option to add a new customer. The customer's persona, finance and car details are added by the user. Once they submit the details they are navigated to the "Cars" page to browse a suitable car.

Add follow-up Flow
The customer's tab in the navigation bar opens up a list of all the customers where the user has the option to add or edit their follow-ups.

Loan eligibility Flow
Users can navigate to the loan tab to check theloan eligibility of their customers by adding their PAN number.

2. Usability testing
Following the creation of wireframes, I opted to conduct usability testing to gain insights into user behavior and identify pain points in the design.
1. We engaged the same 5 participants from the UX research for usability testing, ensuring alignment with our target user group.
2. The usability testing took the form of moderated sessions, in the user's showrooms at their convenience.
3. Participants were assigned 6 tasks mentioned below, and I observed and recorded their actions and behaviors while maintaining periodic communication with them throughout the process.
Onboarding process
Explore the onboarding screens and register as a new user.
Navigate to Learning resources
Check out the "Learning Resources" available in the app.
Add a new customer
Go ahead and try to add a new customer.
*Customer details were provided in the task sheet*
Check loan eligibility
After adding the customer, check if the customer is eligible for a loan.
Add a new follow-up
Add a follow-up for the new customer for their new car.
*Car details were provided in the task sheet*
Update follow-up status
Go to your follow-ups and update the status the recent follow-up to "Mark as done".
2. Usability Findings
Following the usability tests, I collected the data and organized various user behaviors on sticky notes. Each participant was assigned a different color, and emojis were used to indicate their emotional state, showing whether they were happy or frustrated during the tasks.
3. Problem areas
Faced language barrier
During the onboarding process, users encountered language barriers that hindered their ability to register on the app.
Found it difficult to navigate
Users couldn't find the "Learning Resources" option easily. It wasn't discoverable
Unable to save and navigate
Users were frustrated with the missing "save details" option and unclear navigation while adding a new customer, leading to process disruption.
Information & flow mismatch
Found information and flow mismatch while checking loan eligibility of a customer
Missing 'Add Follow-up' in 'Follow-up' Tab
Users experienced difficulty locating the "Add Follow-up" option within the "Follow-up" tab, leading to confusion and hindered task completion.
Unaware of swipe gestures
Didn't know about the swipe gesture to update the status of the follow-up. Feature didn't work well with the users
1. Design decision #1
The absence of a language selection option on the onboarding screens, where users initially land, posed challenges for non-English speakers. To address this and make the app more accessible, I introduced an additional screen before the onboarding screens, enabling users to choose their preferred language for a more user-friendly and comfortable experience.

2. Design decision #2
Users encountered difficulty in locating the "Learning resources" option, which was a crucial feature. To enhance user accessibility, I introduced a new section on the homepage labeled "Featured resources" with a "View all" button, streamlining the user journey and making the feature more easily accessible.

3. Design decision #3
Difficulty in saving details and navigating between the "Personal, Car, and Finances" sections posed challenges for users during the information input process. To address this, I implemented two floating buttons: a secondary "Back" button and a primary "Save and Next" button. This feature enables users to save their details and navigate between sections effortlessly.

4. Design decision #4
After gathering accurate information from users during the usability testing, I decided to revamp the "Check Loan Eligibility" flow. This re-design involves creating forms with necessary input fields and prioritizing user actions.

5. Design decision #5
The revised design of this page includes the addition of a "+" button, facilitating the easy creation of new follow-ups within the directory.

6. Design decision #6
Due to underwhelming performance, I replaced the swipe gesture for deleting follow-ups with a 3-dot menu, offering users distinct options to effortlessly edit the status of their follow-ups.

Other screens
2. Style Guide
The selection of fonts and colors was meticulously made through research and user testing, ensuring they resonate with individuals aged 40-50

Interactive elements & mockups

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.
Feedbacks Feedbacks Feedbacks Feedbacks Feedbacks Feedbacks Feedbacks Feedbacks Feedbacks Feedbacks

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.
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.
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?
Introducing Buyer's perspective
Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions Solutions
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
Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges Challenges

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

More Work More Work More Work More Work More Work More Work More Work More Work More Work More Work More Work More Work More Work More Work More Work