top of page
A Collaborative Journey
in elevating the Aspiring Product Manager Club (APMC) website to 700+ engaging site sessions
SITE icon

My role

I joined APMC, as one of the early product designers to redesign the product for its annual product hackathon program, and other services, where I designed, prototyped, and tested the prototype pages, and conditionally worked on increasing site performance, through continuous iterations, as well as my role included to get user requirements from product managers, conduct brainstorming sessions with designers and managers.

Challenges: 

 To re-design the APMC site for annual hackathons and iterate for a better user experience.

Tools used:

Figma, Adobe XD, Notion, and Wix

Team:

5 (3 designers, 2 Product managers)

Time:

5 month [Aug-  Dec 2023]

About APMC

The Aspiring Product Managers Club at Northeastern University is a pioneering hub exclusively devoted to product management. It serves as a vibrant space where members build innovative products, engage in mentorship sessions (such as Northstar and Meteor), and participate in exciting hackathons (like its Product hackathon) and challenges.

Image

First Iteration and Challenges Encountered
1. The design system was still a work in progress and the previous team had yet to do a competitive analysis to better understand needs and interface navigation.
2. The team was sh
ort-staffed and due to time constraints, they had jumped directly to design user flows to high-fidelity clickable frames, so making changes in the final design became a challenge after user testing.
3. Since this club at Northeastern was one of its kind, the user research to understand needs became a challenge and so did designing user flows.
 

Redesigning the site: Using the Design thinking approach

Gathered user feedback, by conducting a survey

Defined goals for redesigning by briefly outlining the project scope and objectives

Brainstormed solutions, by hosting sessions with Designer and managers

Got approvals from managers and iterated on designs

Develop low-fidelity wireframes or prototypes to visualize design concepts.

Built mi-fidelity on Figma, and built Hi-fidelity clickable wireframes

Conducted user acceptance testing using analytics tools like HotJar and observed heatmaps

Iterated on the design based on real-world usage and user feedback

Lo-Fi wireframes 

We first started by drafting user flows to revamp the site wherein I also spearheaded brainstorming sessions with the team to map out the design requirements, user needs, and product objectives to build the wireframes, after which I sat with the design team to craft basic wireframes.

ProtothonTimeline_LoFiDesign
ProtothonTimeline_LoFiDesign

Mid- Fi Wireframes

After getting approval from product managers, designers, and researchers to craft mid-fidelity wireframes, I worked on interactions design and testing the designs. Link to the Figma file 

Landing Page Protothon - Phase 1
Landing Page Protothon - Phase 2
Landing Page Protothon - Phase 2

Hi-Fi Prototype

Post testing, them we went to iterate and craft the final prototype

Website
Website
Website
Website
sa6.jpgWebsite

Usability testing

We utilized data like heatmaps, click rates, bounce rates, to iterate on designs, post testing.

Heatmaps
H3
Data
H2
Data

Impact created

750+

Total sessions

As a design lead, with a team of three designers and four mangers, I managed to achieve more than 750 site sessions

>600

Daily Active Users

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

15%

Bounce rate

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

Mentorship sessions

As a product designer, I was invited to host sessions, to explain 100+ to aspiring product managers and designers the importance of UI/UX in a product, how to design MVP, and how to leverage the Figma tool and simplify its usage. As a mentor, I have shared a list of plugins and resources like Neilson Norman for designing a product and conducting user research.

IMG1
IMG2
IMG
IMG2

Reach out to me

  • Linkedin
  • Outlook Email
  • Gmail
bottom of page