top of page

Kind Connect - Responsive Web Design

Untitled design (25).png
Untitled design (26).png

UX/UI Designer -Concept Project

Currently Ongoing | Remote

Canva | Figma  

Your paragraph text (3).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.

Untitled design (27).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

User Persona.png

Cameron is a college Student who needs an easy way to find places to volunteer because he is limited on time and prefers convince. 

User Journey Map (1).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.

User Persona (1).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

User Journey Map (2).jpg

Wireframing

Part 1: Helping Volunteer's Find Opportunities

Event posting.png
Profile Page.png
Home Page.png

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

Volunteer App Mockup.png

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?

Untitled design (24).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?

Profile page -Cameron (2).png

Added

Profile page -Cameron.png

Before

Popup RSVP Confirmation.jpg
Popup RSVP Confirmation (2).jpg
GOING Tab (1).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?

GOING Tab (1).jpg
Popup RSVP Confirmation (2).jpg

Added check marks to easily turn on/off reminders!

Completed Volunteer User Flow

Set flow

  1. Log in 

  2. More Info

  3. RSVP

  4. Confirm

  5. Going!

Volunteer app FLow.png

Next up: Design flow for Event Host

Untitled design (30).png
Untitled design (29).png
Untitled design (31).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! 

ethan-hu-_rciagvp-rk-unsplash.jpg

Coming Soon

© 2025Arletta Designs. All rights reserved.

Always Learning

bottom of page