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

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.

Solution

Solution

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.

Challenges faced

Challenges faced

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.

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.

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.

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

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.

If you read the whole case study and reached till here I am really thankful to you. Hope you have a great day ahead!

Thank You!!

Create a free website with Framer, the website builder loved by startups, designers and agencies.