Community Connection

A website to get you and your businesses connected to local volunteer events.


Project Background

Community Connection is a website that gets you connected to local and virtual volunteering events and creates transparency on what you are expected to do at each event. Community connection wants people to get excited about volunteering their time to improve their community. This site is targeted at younger people who may be more apprehensive about volunteering, while also feeling familiar to people who regularly volunteer. The site also shows the accessibility accommodations and languages spoken at each event to make it more welcoming to a more diverse set of people from different backgrounds.

My Role

UX designer designing an app for Floral Focus from conception to delivery. My responsibilities included conducting interviews and competitive audits creating empathy maps, digital wire framing, creating and refining userflows, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, and iterating on designs.

Project Duration

December 2022 to February 2023


The Problem

Most users want to be able to participate in local events that improve their community, but many are apprehensive about signing up because they do not know what they are going to be doing and how it makes an impact.

The Goal

Design a website to connect users to local community events, allow them to choose the roles they are going to be doing and clearly understand their impact.

Challenges

  1. Design a cohesive interface for familiar and unfamiliar users

  2. Allow users to choose their roles in each event.

  3. Connect small businesses with volunteering events to make a larger impact on the community.


Wire Framing

Digital wireframes were made to gather initial research from participants.


User Research

I created personas based on different types of users that may take part in this service. I conducted unmoderated usability studies to develop themes and actionable insights to iterate on designs. Conducted interviews with participants to uncover specific pain points to improve upon.

Research Pain Points

  1. Language Options: many users can speak multiple languages which can help organizations that need to help people of all different backgrounds.

  2. Accessibility: platforms for volunteering events don’t typically list accessibility accommodations the languages spoken at events.

  3. The ability to choose more than one role at an event.


Personas



High Fidelity Prototype

Link to Prototype


Key Takeaways

The iterative design process allows me to make improvements on the website based on honest feedback. It’s important to remain friendly but neutral when conducting interviews because you want to make sure the information is honest. I also found some challenges when creating consistency in each page and I feel we can continue to iterate on this design to create an even more aesthetically pleasing yet efficient design.

Next steps are to take these initial designs and translate them into mobile friendly designs built for users on the go.