Search Bar Optimization for GIVA Jewelry App
Design Timeline
1 month
Including BE& FE
Team members
4
Product, Design, Dev
Role
Product Designer
Problem
How can we drive higher engagement with the search bar and improve gold jewellery discoverability to increase conversions on the GIVA app?
Final outcome
Increased search engagement and improved gold jewellery visibility led to higher conversions, enhancing the overall experience.
Impact
0.25 mil
User Adoption after redesign
22%
Increase in Gold Products Purchase
Understanding user base of GIVA
Users typically fall into two categories:
High-intent shoppers
Those who know exactly what they want and use search to find it (High intent, low cognitive load user)
Explorative shoppers
Those who browse without a specific item in mind, often engaging with curated suggestions (low intent, high cognitive load).
How bad is the problem ?
Less than 3 in 10 users
Getting to the Cause of the Problem
To understand why users were not engaging with search and why gold products lacked visibility, we conducted:
12 + Usability Studies
Funnel Data Analysis
UX audit of 10+ E-commerce apps
What’s Not Working with the Flow Today?
Understanding current search behavior
We analyzed key metrics to understand user behavior around search and navigation we found some interesting takeaways
What we learnt from other products?
We compared search and gold jewellery discoverability across 10+ jewellery and e-commerce platforms to analyze best practices.
💎 How leading platforms highlight premium jewelry categories ?
🔎 What kind of search UI/UX patterns improve discoverability ?
📊 How competitors drive engagement using auto-suggestions, trending searches, and category highlights ?
Problem #1 - Low engagement with the search bar
Addressing High-Intent and Explorative Shopper Needs
High-intent shoppers
Irrelevant recent searches, no predictive suggestions, text-only display, no quick filters or CTA, no typo handling
Explorative shoppers
No visual or curated discovery, text-heavy suggestions, no style/occasion-based sections, decision fatigue, lack of playful guidance
Problem #2 - Poor visibility of gold products
Despite Premium Status, Gold Jewelry Lacks Visibility, Negatively Affecting Conversions
First Steps
How do we make it possible to show "most relevant search out for the user"?
Those who know exactly what they want and use search to find it.
Search should be directive than explorartory
Users are more likely to search for jewellery type or metal rather then jewellery name in catalogue.
Macro level: Creating scalable component for the search page
Macro level: Creating scalable component for gold product visibility
Quickly Find your loved products
Time consuming and lengthy decision making
Quick and personalised search
OLD EXPERIENCE
NEW EXPERIENCE
Filtering made easy
No filter discovery
Easy to digest Filtering
OLD EXPERIENCE
NEW EXPERIENCE
Built for Quick Recognition…
By introducing changes in current design, we aimed to :
🔍
Enable Quick Find
Personalized Search & Better Discovery Implemented
🎉
Enhance UX
Intuitive & Efficient Search Achieved
⚡
Streamline Search
Easy Filtering & Clear Status Integrated
Learnings
🗂️ Project Planning
This project required careful coordination because the design had to be completed in just 1.5 months, and the scope kept changing. Since development was happening at the same time, I planned my timelines carefully to keep stakeholders informed.
📊 Data-Driven Decision-Making
Throughout this project, I became proficient in understanding business metrics, using them to inform and guide my design decisions.
© 2025 Framer, Inc.