PrepInsta Search functionality
Introducing search functionality to the blog based website improving content discoverability and user engagement
Introducing search functionality to the blog based website improving content discoverability and user engagement
My role
My role
Product Designer
Product
Designer
Team
Team
1 PM, 1 PD, 2+ engineers
1 PM, 1 PD,
2+ engineers
Timeline
Timeline
2 weeks
2 weeks
Status
Status
Live
Live
Impact Metric
Impact Metric
2%↑ Increase
2%↑ Increase
User Engagement
User Engagement
2%↓ Decrease
2%↓ Decrease
Bounce Rate
Bounce Rate
Why do we need search functionality?
Why do we need search functionality?
Lets’ start with the background of why PrepInsta website needed this feature
Lets’ start with the background of why PrepInsta website needed this feature
PrepInsta is a tech placement preparation platform offering study material, exam platforms, coding, upskilling, and interview prep. Despite strong SEO and high organic traffic, most visitors landed on a single blog and exited quickly. With no search feature, users couldn’t explore related content—resulting in low engagement and missed opportunities, despite having extensive study resources.
PrepInsta is a tech placement preparation platform offering study material, exam platforms, coding, upskilling, and interview prep. Despite strong SEO and high organic traffic, most visitors landed on a single blog and exited quickly. With no search feature, users couldn’t explore related content—resulting in low engagement and missed opportunities, despite having extensive study resources.
Discovered Pain Points
Discovered Pain Points
Problem Statement
Problem Statement
Users face difficulty in finding relevant content on the PrepInsta website, leading to high bounce rates and poor engagement.
Users face difficulty in finding relevant content on the PrepInsta website, leading to high bounce rates and poor engagement.
Solution
Solution
Implementing an intuitive search functionality to help users easily find content, improving navigation, reducing bounce rates, and boosting engagement.
Implementing an intuitive search functionality to help users easily find content, improving navigation, reducing bounce rates, and boosting engagement.
Researching and studying competitor’s
Researching and studying competitor’s
To design an efficient, user-friendly search feature, I conducted a competitive analysis of direct and indirect competitors. By studying common patterns, edge cases, and best practices across multiple platforms, I identified key insights to create a highly functional and effective search experience.
To design an efficient, user-friendly search feature, I conducted a competitive analysis of direct and indirect competitors. By studying common patterns, edge cases, and best practices across multiple platforms, I identified key insights to create a highly functional and effective search experience.
Challenges faced
Challenges faced
We had few technical limitations which had to be kept in mind while designing
We had few technical limitations which had to be kept in mind while designing
Brainstorming
Brainstorming
Since search plays such as huge role in making our website's user experience better we as a team of manager, product designers and stake holder did a brainstorming session and collected innovation ideas.
Since search plays such as huge role in making our website's user experience better we as a team of manager, product designers and stake holder did a brainstorming session and collected innovation ideas.
To improve content discovery and user experience , decided to add Trending pages and Popular searches on the search pop up.
To improve content discovery and user experience , decided to add Trending pages and Popular searches on the search pop up.
Popular pages:
Right now, popular searches are sourced from the most visited pages over the past 6 months. Moving forward, we plan to make this dynamic—automatically updating based on real-time engagement and traffic.
Right now, popular searches are sourced from the most visited pages over the past 6 months. Moving forward, we plan to make this dynamic—automatically updating based on real-time engagement and traffic.
Trending Pages:
Reflect real-time interest and activity, guiding users toward timely or widely discussed topics. This creates a sense of freshness and keeps the platform dynamic.
Reflect real-time interest and activity, guiding users toward timely or widely discussed topics. This creates a sense of freshness and keeps the platform dynamic.
After navigating all tech and business constraints, we arrived at a refined solution. Here are the final designs.
After navigating all tech and business constraints, we arrived at a refined solution. Here are the final designs.
Final Designs
Final Designs
Website Design
Website Design
Empty search popup
Typing screen state
Loading screen state
Keyword searched state
No search result state
Empty search popup
Typing screen state
Loading screen state
Keyword searched state
No search result state
Mobile Design
Mobile Design
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Paste your design here
Future Scope
Next, we’ll add support for PrepInsta Prime video courses, enabling users to access subscription-based learning directly from search. We also plan to launch an advanced results page with filters for broader, more precise search.
Next, we’ll add support for PrepInsta Prime video courses, enabling users to access subscription-based learning directly from search. We also plan to launch an advanced results page with filters for broader, more precise search.
If you read the whole case study and reached till here I am really thankful to you. Hope you have a great day ahead!
If you read the whole case study and reached till here I am really thankful to you. Hope you have a great day ahead!