Connect Tutors Redesign

Connect Tutors is a non-profit that partnered with Develop for Good to get help with redesigning their website. I led the wireframing and prototyping.

role
product designer
timeline
10 weeks (~50hrs)
tools
Figma, FigJam,
Wix, Notion
team
1 PM, 4 Product Designers + Me

GOAL

the goal of this redesign was to help Connect Tutors increase their student registrations, tutor applications & donations

As a team, we analyzed the current website and had difficulty navigating. The sub-nav categories didn’t make sense (and had no visible hover indication) and we found it hard to find the relevant information, such as how to get involved.

So the challenge became, how might we make information on the Connect Tutors website more accessible and easier to navigate ?

THE SOLUTION

our redesign improved the accessibility of relevant information for students, their parents & prospective tutors

Check out the live site at connectutors.org

ACHIEVING OUR GOALS

we also established trust & humanized the donation process

the process

CONTEXT

Connect Tutors is a non-profit that supports equitable access to free and remote application essay tutoring for college application essays

THE PROBLEM

the current website was hard to navigate due to confusing language and an unclear information architecture

COMPETITIVE ANALYSIS

we looked at similar non-profits & found that the ease of access to info established trust and credibility.

I also liked the idea of having testimonials, a news section, a contact us page and a footer with links to the relevant information.

USER INTERVIEWS + TESTING

we interviewed 4 high school students + 2 parents & then observed them navigating the site

They were confused about the sign-up process, the exact tutoring services provided and the credibility of the tutors

EMPATHY MAPS + USER JOURNEY

we also created empathy maps + mapped out the user journey to empathize & understand the user perspective.

In addition to the user interviews we did, we also related our college application experiences to help us remember the perspective of the anxious high school student!

PERSONAS

we then established 3 personas, varying the amount of knowledge they had of the college application process

We had 1 parent and 2 students: Out of her Depths Olivia, Nervous Newbie Nate and Kind of Knows Kate

IDEATING

we paper prototyped the layout of each page & established our information architecture to make the information easy to find

Ensuring that the relevant information was easy to find was our #1 priority.

STYLE GUIDE

Connect Tutors wanted their website to be fun & friendly to students

We maintained Connect Tutors’ color palette and chose fonts and icons that would make the website engaging to students & their parents

PROTOTYPING

through usability testing and meetings with the client, we refined our wireframe

We made a lot of iterations on the color!

LEARNINGS

learning how to communicate with a client

This was my first team working as a product designer on a project and also my first time working in just a team of product designers! Through this experience, I learnt how to go through the entire design process from start to finish and I learnt so much from my team members and their prior design experiences!

This experience also taught me about how to communicate with a client and how to take feedback. As a designer, it was hard for me to separate myself from the design, so this experience taught me how to take feedback from the client not as a criticism of me and my vision, but as constructive feedback that will help serve our end goal of helping the client.

Credits to The Noun Project for the icons!