Redesigning the Website for a User-Centric Experience by Improving Information Architecture and User Interface for better Engagement

Redesigning the Website for a User-Centric

and User Interface for better Engagement

As part of my internship, I collaborated with INGLU and led a team of 5, to attract potential customers to purchase event passes and offer internships to students across Delhi University.

As part of my internship, I collaborated with INGLU and led a team of 5, to attract potential customers to purchase event passes and offer internships to students across Delhi University.

ABOUT INGLU

ABOUT INGLU

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

Product Design, UX Research

Product Design, UX Research

Product Design, UX Research

TOOLS

TOOLS

Figma

Figma

Impact my

Impact my

design made

design made

After diving into the final results of our usability testing, here’s the fun part - our discoveries!

After diving into the final results of our usability testing, here’s the fun part - our discoveries!

23%

23%

Increase in
website engagement

Increase in
website engagement

28%

28%

Reduction in
Bounce rates

Reduction in
Bounce rates

21%

21%

increase in
conversion rate

increase in
conversion rate

Impact my
design made

23%

Increase in website engagement

28%

Reduction in bounce rates

21%

Increase in conversion rate

PROBLEM

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

DEFINING THE PROBLEM

DEFINING THE PROBLEM

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

SOLUTION

SOLUTION

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

19%

NEW HIRES

NEW HIRES

NEW HIRES

14%

EVENT ENGAGEMENT

14%

EVENT
ENGAGEMENT

EVENT
ENGAGEMENT

PROBLEM INVESTIGATION

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!

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 WE SOLVED THE PROBLEM

HOW MIGHT WE

help users find the events and internships

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

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.

ADDITIONAL

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

80%

found it
better

ADDITIONAL

What else I worked on?

80%

Found it better

WHAT I GAINED

Retrospective Analysis

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

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

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

Got a interesting concept brewing in your head?

Spill the beans and let's make the magic happen!

Got a interesting concept brewing in your head?

Spill the beans and let's make the magic happen!

Back to Top

Back to Top

Back to Top