ux/ui design for Girl Talk, a non-profit

project
  • One-week design challenge for design agency Clutch + time I later spent on iteration of UI details. We were asked to design an interaction for a client of theirs, Girl Talk.
my main roles
  • Research synthesis
  • Wireframing
  • Ideation
  • Facilitating
team members
  • Kaustubh Barde & Prashanth Narayanan

client details & prompt

Girl Talk is an international, non-profit peer-to-peer mentoring program in which high school girls help middle school girls build confidence and leadership skills. They engaged Clutch, an experience strategy & design agency, to help them uncover pain points and understand the ideal experience participants want from them.

Clutch conducted extensive research and handed their findings to us, challenging us to find an opportunity space for a desired interaction, craft a solution, and create a pitch deck for Girl Talk. We needed to design something that would help Girl Talk generate excitement among potential donors.


research synthesis

We began by adapting Google Sprint practices to plan the week. We then set a long-term goal and drew a rough user journey based on how the organization currently runs to help lay out the information and identify breakdowns and unmet needs.

how might we post-its

We voted on our "How Might We's" to efficiently identify areas of common interest.

After poring through the research, we knew this was a complex space with many stakeholders, all with different roles, motivations, needs, and levels of involvement. Above all, the research highlighted the desire for connections among participants, which could come in many forms:

  • Leader to leader (a high school mentor is called a “Leader”)
  • Advisor to parent
  • Middle school girl to leader
  • Leader to Girl Talk alumna
  • Girl Talk chapter to Girl Talk chapter

We used "How Might We's" to work through the complexities and make connections. This activity put us in a mindset to find opportunities, and after mapping the possibilities, doing early ideation, and interviewing Clutch, we decided that a high-level approach of connecting chapters with chapters would be our focus, with leader-to-leader and leader-alumni connections as a secondary area.


"There is a strong desire to connect chapters with other chapters around the world, especially in their area. They hope to plan in person activities, community service, and other events between the chapters. This could help show the individual Girl Talk chapter that they are part of a national organization, not just their group." —Clutch Executive Summary


insights

  1. Through the research provided to us, we identified a huge desire to connect from leaders and alumni alike.
  2. The leaders want to hear about the success stories and activities of other chapters. They would also like to connect with other likeminded leaders and to hear from alumni about life after girl talk.
  3. Alumni are willing to help eager leaders, but have limited time to do so.
design goal

We want to help Girl Talk leaders connect with other leaders and alumni to foster a feeling of being a part of a larger organization. These connections can help with the planning of Girl Talk sessions and consequently help develop leadership skills amongst the Girl Talk leaders.

ideation

exemplars

We hunted for designs that are successful at connecting people and groups, such as Pokemon Go, Harry Potter communities, and Creative Morning; these provided inspiration for some initial ideas. Although we moved away from gamification elements after iteration, the exemplars did inspire us to have an element of chapter branding in our design to help chapters foster unique identities while still connecting with others.

timed sketching sessions

We worked efficiently by giving ourselves 10-15 minutes to sketch individually; we then shared our concepts and had quick critiques to refine our design and bring together complementary concepts.

checking in with stakeholders

Maintaining a line of communication with the researchers at Clutch was crucial to our success. They provided astute feedback on our concepts, and discussing our designs with them and asking further questions about the research ensured that we weren't acting on assumptions.

design strategy


chapter-to-chapter

By providing unique identities, our design fosters a sense of belonging amongst current and past members of a chapter—and these chapters can find others nearby and across the nation or globe to take advantage of being part of a global organization. Monthly Inspirational Themes encourage this outreach.


leader-to-leader

Our design is a platform in which leaders can find other like-minded leaders based on personal interests and collaborate with them to facilitate mutual growth.


leader-to-alumni

Our design allows time-strapped alumni to pass on knowledge to eager leaders based on their convenience, whether through quick advice, a blog post, or a live-streaming “Ask Me Anything” session— allowing leaders to grow on a personal and professional level.

design overview

Themes GIF
themes

Themes are monthly topics chosen by Girl Talk Headquarters in Atlanta, Ga. that serve as inspiration for meeting sessions and various activities across all the chapters.

Themes set a common goal that chapters can work toward through networking and collaboration.

Themes GIF
connections

Users can connect to leaders and alumni for advice, to collaborate, and to network and socialize in general.

Through the themes, they are encouraged to reach out to each other; users can post a request for collaboration, labeled by a “link” icon.

Themes GIF
posts

Leaders are encouraged to post the outcomes of their meetings in various media forms (photos, videos, audio podcasts, etc.) to the application to inspire others.

Themes GIF
"ask me anything" sessions

AMA sessions with alumni of the program are conducted at the alumni’s convenience. Learning from alumni could help leaders build their leadership abilities and develop their skills immensely.


wireframes

wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe
wireframe