Kates Club – Lilly Mittenthal

Project Brief

About: Kate's Club is a non-profit that helps kids who have lost a parent or guardian learn to cope and grieve in healthy ways.

Problem: Kate's Club heavily depends on its volunteers, but on the previous website, the 6-page form wasn't easily accessible. Volunteers had to download a form and take it to headquarters, or e-mail it in order to apply.

Solution: Make the website and the volunteer process more user-friendly and intuitive.

Problem: Kate's Club heavily depends its volunteers, but on the previous website, the 6-page form wasn't easily accessible. Volunteers had to download a form and take it to headquarters, or e-mail it in order to apply.

Solution: Make the website and the volunteer process more user friendly and intuitive.

Contributions: User Flows, Research Wireframing, Prototyping, Visual Design

Software: Sketch, Photoshop, Illustrator, Invision, After Effects

Contributions: User Flows, Research Wireframing, Prototyping, Visual Design

Software: Sketch, Photoshop, Illustrator, Invision, After Effects

Research

I began by visiting Kate’s Club and becoming a volunteer so that I could get a first-hand look at how Kate’s Club functioned. This accomplished two things: it allowed me to empathize with the mission of the organization, and gave me the opportunity to speak to other volunteers and donors in their element to collect user data.

I began by visiting Kate's Club and becoming a volunteer myself so I could get a first hand look at how Kate's Club functions. This would accomplish two important things: allow me to empathize better with the mission of the organization, and have the opportunity to speak to actual volunteers and donors in their natural element to collect user data.

Volunteer Quotes:

"I wish the donation process was a bit more personable."

"Our current website really doesn't showcase how wonderful this place truly is."

"This volunteer process is draining. I wanted to give up as soon as I saw the 6 page download."

Currently

I found the current layout for the Kate’s Club site to be unclear, hard to navigate, and not user-friendly. I think, in order to improve the image of the organization, increase functionality, and make the site more user-friendly, certain steps had to be taken. It would help to make each of the tabs more definitive and concise. The volunteer process is also extremely lengthy, and far too difficult. To fix that, I made the application shorter, and online only.

Sketches

Wireframes & Initial Testing

This is what my initial wire frames looked like. The idea for the Kate's Kibbitz page is that the user would be able to swipe left and swipe right on specific volunteer events. I thought this would make the volunteer process a bit more fun and engaging, but it ended up doing the opposite. When I started user testing, a lot of the questioning was on that specific page. So, I decided to scratch it completely and start over with the online volunteer process.

Brand Identity

The logo seemed a bit dated, so, to better represent Kate’s Club, I rebranded. The new logo is much stronger, but still has a sense of playfulness and energy. In order to ensure the brand still felt familiar, I kept the yellow and blue, changed the font to something a little more modern, and used simple and clean styling.

The logo seemed a little dated so to better represent this amazing non-profit I rebranded. The new logo is stronger and wiser but still playful and energetic. To make sure the brand still felt familiar I decided to keep the yellow and blue while using strong modern fonts and simple clean styling in order to let Kate's Club's web page speak for itself.

Currently

Now