Kind Connect - Responsive Web Design
.png)
.png)
UX/UI Designer -Concept Project
Currently Ongoing | Remote
Canva | Figma
.png)
Overview:
KInd Connect is a conceptual app and responsive web platform designed to connect nonprofits with volunteers seeking opportunities to give back. Many organizations struggle to reach willing volunteers, while individuals often find it hard to discover relevant opportunities. This concept bridges that gap with a user-friendly, engaging experience.

.png)
Goals & Objectives:
-
Simplify the process of finding and signing up for volunteer opportunities
-
Help nonprofits effectively reach and manage volunteers
-
Create a modern, intuitive platform that encourages ongoing community engagement
-
Build trust and motivation through streamlined onboarding and clear user flows
Connecting Volunteers and Organizers
User Research
Developed a user persona for a potential volunteer, identifying key pain points and mapping user flows to illustrate their journey when searching for and signing up for opportunities

Cameron is a college Student who needs an easy way to find places to volunteer because he is limited on time and prefers convince.
.jpg)
Volunteer Persona
Host Persona
Designed a detailed user profile for a potential event host, identifying her unique pain points in recruiting volunteers. Developed a tailored user flow that addressed these challenges and streamlined the event-hosting process.
.png)
Amber is a Volunteer Coordinator who needs to find volunteers for upcoming events because she works for a non profit that needs volunteers to remain open
.jpg)
Wireframing
Part 1: Helping Volunteer's Find Opportunities



Home Page
Profile Page
Event Details
Prototyping
Developed clickable prototypes to demonstrate core functionality
Prototyping early to ensure the app functions seamlessly and logically before continuing.
Designing app first before website to ensure smooth look before moving on to web browser!
Someone on the go like Cameron will especially enjoy using an ap!
Transformed: prototype to a functioning high fidelity prototype

Login > Find Event > View Event > RSVP > Confirm > Registered!
Real User testing and feedback
Gathered friends and conducted unmonitored research for feedback of my first prototype. Getting valuable feedback on what I missed and how to make things better for my potential user!
I like the tags, so I can search for what I want. But why is suggested the only option once I go into my profile. Am I able to search using the tags? Or what about being able to favorite ones I want to come back too?
Wait, am I going to get reminders for this event. What if I want to turn off reminders after I put it in my planner? Unnecessary reminders are so annoying.
OK cool I am getting a confirmation before I confirm my RSVP. But what happens if I cannot go anymore. How will I cancel it?
.png)
Implementing Feedback
On Users profile I added tabs for searching via date, location and favorite. I also added a search button so that users can easily search tags
Am I able to search using the tags? Or what about being able to favorite ones I want to come back too?
.png)
Added

Before

.jpg)
.jpg)
Also added easy to find contact info for canceling
Before
Implemented clear cancellation instructions for volunteers, ensuring they can notify hosts if they’re unable to attend. This feature promotes transparent communication while encouraging cancellations only when necessary.
What happens if I cannot go anymore. How will I cancel it?
Designed an opt-in checkbox for event reminders, giving users control over notifications while improving engagement and reducing missed volunteer commitments
What if I want to turn off reminders after I put it in my planner?
.jpg)
.jpg)
Added check marks to easily turn on/off reminders!
.png)
.png)
.png)
Starting with the templates
User profile sign up
Hosting an Event
Event Profile
Please stay tuned as I am continue to work on my Kind Connect UX design!
