Redesigning
APMC Website

Redesigning
APMC Website

Redesigning
APMC Website

Grew active user base to 800+ by spearheading UX enhancements, cutting bounce rates, and mentoring 100+ members on UI/UX and MVP design.

Link to the official website

Role

As a Design Lead, I guided designers and product managers to align on a shared vision and strategy.

Time Taken

3 months ( May 2023- Jul 2023)

Team

Product designer, Product manger, UX Researchers

Contributions

Quantitative Usability Testing, Solution Sketching, Iterations, and Heuristic evaluation

Impact Created

Total Site Sessions reached

Total Site Sessions reached

700+

700+

As a design lead, leading designers and PMs, we achieved this in span of 3 months

Daily Active Users

>600

>600

Currently,after the success of the product hakathon, we have nearly 800 active users

Bounce Rate

15%

15%

The bounce rate, was reduced significantly, due to constant updates, and iterations

About APMC

About APMC

About APMC

The Aspiring Product Managers Club at Northeastern University is a hub dedicated to product management where members actively build innovative products, participate in mentorship sessions such as Northstar and Meteor, and engage in exciting hackathons and challenges, including a month-long Product Hackathon.

The Aspiring Product Managers Club at Northeastern University is a hub dedicated to product management where members actively build innovative products, participate in mentorship sessions such as Northstar and Meteor, and engage in exciting hackathons and challenges, including a month-long Product Hackathon.

The Aspiring Product Managers Club at Northeastern University is a hub dedicated to product management where members actively build innovative products, participate in mentorship sessions such as Northstar and Meteor, and engage in exciting hackathons and challenges, including a month-long Product Hackathon.

Heuristic Evaluation

Heuristic Evaluation

I conducted a Heuristic Evaluation of the website, identifying key usability issues based on the ten heuristic principles. I then led a team discussion to align on actionable recommendations for improvement.

Link to the hi-fidelity prototype used for heuristic evaluation is attached here

The program section highlights initiatives but lacks clear CTAs, potentially leading to missed user engagement

Include clear, actionable buttons for each program, such as "Join Now," "Learn More," or "Register," can easily take users to the next step

The "Upcoming Events" section shows "No upcoming events," with no guidance or alternative actions, leading to a poor user experience.

Add a message like "Check back soon" or links to past events to keep users engaged when no events are scheduled

The "Read our Story" button doesn't clearly indicate what action it will lead to or why it's important for potential members.

Replace with a more specific and action-oriented CTA such as "Learn How to Join APMC"

Inconsistent Information Density Principle: Aesthetic and minimalist design

Balance the information presentation by adding concise bullet points or icons to summarize key benefits in the upper section

Next Steps??

Next Steps??

We sat as a team, where I pitched in my inputs on the heuristic evaluation to further sketch solutions

Sketching Solutions

Sketching Solutions

I led brainstorming sessions to define design requirements and user needs, then collaborated with the team to draft user flows and develop wireframes for the site revamp.

Usability Testing using Hotjar Analyrics

Usability Testing using Hotjar Analyrics

Usability Testing using Hotjar Analyrics

After sketching the solution, my team, including UI designers, proceeded with redesigning by converting the wireframes into high-fidelity prototypes. The updated design was then launched. Following the launch, I conducted usability testing, capturing live data using tools like Hotjar analytics to analyze heatmaps, click rates, and rage clicks, helping us understand user response to the new site for feedback and future iterations.

I studied the heat maps to understand user behavior on home page

I studied the heat maps to understand user behavior on home page

I further went to study some other crucial data such as Click rates, bounce rates and rage clicks for furthur iteration on the product

I further went to study some other crucial data such as Click rates, bounce rates and rage clicks for furthur iteration on the product

Mentoring Sessions

Mentoring Sessions

Mentoring Sessions

As a product designer, I hosted sessions for 100+ aspiring product managers and designers, explaining the importance of UI/UX, how to design MVPs, how to use and collaborate with cross-functional teams using Figma. As a mentor, I also shared essential plugins within Figma and resources like Nielsen Norman for product design and user research.