Revamping the Events and Careers Portal by Improving the Information Architecture and UI to Increase the Conversion Rates and Decrease the Bounce Rates

Revamping the Events and Careers Portal by Improving the Information Architecture and UI to Increase the Conversion Rates and Decrease the Bounce Rates

Collaborated with a team of 5, to attract potential customers to purchase event passes and offer internships to students across Delhi University.

Collaborated with a team of 5, to attract potential customers to purchase event passes and offer internships to students across Delhi University.

What is INGLU

What is INGLU

INGLU is a youth community and student startup based in India. Known for organizing events across the Delhi University and empowering young individuals by providing internship.

INGLU is a youth community and student startup based in India. Known for organizing events across the Delhi University and empowering young individuals by providing internship.

DURATION

DURATION

2 Months

2 Months

RESPONSIBILITIES

RESPONSIBILITIES

UX Design, UX Research

UX Design, UX Research

UX Design, UX Research

TOOLS

TOOLS

TOOLS

Figma

Figma

Impact of the design

14%

14%

Event Engagement

28%

28%

Bounce Rates

21%

21%

Conversion Rate

Impact our
design made

11%

Task completion rate

6%

Task completion time

What is the problem

What is the problem

Due to a lack of user-friendly UI and comprehensive information architecture, users struggle to find relevant information. This has led to an increased bounce rate, negatively impacting event attendance and reducing internship applications.

Due to a lack of user-friendly UI and comprehensive information architecture, users struggle to find relevant information. This has led to an increased bounce rate, negatively impacting event attendance and reducing internship applications.

ABOUT INGLU

What is INGLU

Why was the re-design needed?

Why was the re-design needed?

To find out what was wrong with the previous website, I decided to kick things off with a Heuristic Evaluation to understand the current landscape.

To find out what was wrong with the previous website, I decided to kick things off with a Heuristic Evaluation to understand the current landscape.

To summarize:

  • Inadequate feedback

  • Confusing design elements

  • Lack of back buttons

  • Frequent dead ends

To summarize:

  • Inadequate feedback

  • Confusing design elements

  • Lack of back buttons

  • Frequent dead ends

To summarize:

  • Inadequate feedback

  • Confusing design elements

  • Lack of back buttons

  • Frequent dead ends


  • Insufficient prompts

  • No search function

  • Cluttered and outdated

  • Missing key information


  • Insufficient prompts

  • No search function

  • Cluttered and outdated

  • Missing key information

What I delivered

What I delivered

There were plethora of usability problems in the website but I decided to focus more on the Career and the events page

There were plethora of usability problems in the website but I decided to focus more on the Career and the events page

CHECKHIGH-FIDELITY PROTOTYPE

CHECKHIGH-FIDELITY PROTOTYPE

CHECKHIGH-FIDELITY PROTOTYPE

17%

NEW HIRES

NEW HIRES

NEW HIRES

14%

EVENT ENGAGEMENT

14%

EVENT
ENGAGEMENT

EVENT
ENGAGEMENT

Users couldn't find relevant info.

Why were users unhappy with the previous website?

Why were users unhappy with the previous website?

Why were users unhappy with the previous website?

The event cards shows just images and no details. There are no categories or search options, making it hard to find events I’m interested in!

The event cards shows just images and no details. There are no categories or search options, making it hard to find events I’m interested in!

The event cards shows just images and no details. There are no categories or search options, making it hard to find events I’m interested in!

I want to apply for an internship, but the career page lacks a proper job description. I can't even see what positions are offered.

I want to apply for an internship, but the career page lacks a proper job description. I can't even see what positions are offered.

I want to apply for an internship, but the career page lacks a proper job description. I can't even see what positions are offered.

PROBLEM STATEMENT

Users couldn't find relevant info.

HOW MIGHT WE

help users find the events and internships they’re looking for?

HOW WE SOLVED THE PROBLEM

HOW MIGHT WE

My team and I brainstormed how to deliver relevant information to users. For career enthusiasts, this meant detailed internships, and for event-goers, pertinent events. Initially, we considered using only cards without a search bar and categorization, thinking it would suffice with few listings. However, I realized users needed more autonomy. Ultimately, we decided to provide categorizing along with a search bar for sorting and filtering.

STEP 1: What information to display?

I asked users what they needed, and they wanted all the information at a glance.

Users just wanted access to all the information they need
Users just wanted access to all the information they need. So this is what I proposed...
So this is what I proposed...

In the new design, I included all the information and introduced new sections to further enhance the experience.

STEP 1: What information to display?

I asked users what they needed, and they wanted all the information at a glance.

STEP 2: How to display the information?

Despite the abundance of information, I prioritized cards for their ability to enhance the experience by conveying crucial information at a glance.

STEP 2: How to display the information?

Despite the abundance of information, I prioritized cards for their ability to enhance the experience by conveying crucial information at a glance.

CAREERS

We chose design C because…

A

❌ Visual Hierarchy

  • Equal weightage

✅ Information Clarity

B

✅ Visual Hierarchy

❌ Information Clarity

  • Cognitive load is high

C

✅ Visual Hierarchy

✅ Information Clarity

EVENTS

We chose design A because it's clear, action button pops, and has just the right white space.

What else I worked on?

I also worked on home and about page.8 out of 10 found this to be better than the previous version!

I also worked on home and about page. 8 out of 10 found this to be better than the previous version!

CHECKHIGH-FIDELITY PROTOTYPE

CHECKHIGH-FIDELITY PROTOTYPE

CHECKHIGH-FIDELITY PROTOTYPE

10/10

found it
better

ADDITIONAL

What else I worked on?

80%

Found it better

Retrospective Analysis

Lessons Learned

Lessons Learned

Lessons Learned

This project underscored the value of user-centered design and iterative testing. Think-aloud tests and heuristic evaluations offered key insights into user behavior and interaction with design elements, aiding prototype refinement.

Could Have Done Differently

Could Have Done Differently

Could Have Done Differently

Looking back, integrating A/B testing earlier could have offered quantitative user preference data and improved iterations. Proactively simplifying the registration process, especially the health concerns section, could have boosted user onboarding.

Next Steps

Next Steps

Next Steps

After user tests, we’ll refine the chip design addressing alignment, margins, and metrics. We’ll conduct A/B testing for these changes and new features. Our priority is a design that caters to users with diverse health conditions, with further tests to validate any adjustments.

WHAT I GAINED

Retrospective Analysis

Open to new positions. Let’s work together!

...✨ Fueled by caffeine, late nights, and lots of music @ 2024

Open to new positions. Let’s work together!

...✨ Fueled by caffeine, late nights, and lots of music @ 2024