My Roll

As a vital member of our team, I played a pivotal role as a UX/UI designer, contributing my expertise to enhance user experience and interface design; concurrently, I took on the responsibility of serving as the interactive designer for the creation of this non-profit website, ensuring a seamless blend of functionality and aesthetics

Tools Used

The tools used to mockup up this website

figma logo photoshop logo illustrator icon

About The Project

BCK United is a nonprofit focused on empowering young leaders to bring positive change and build a healthy, inclusive community in Baldwin City, Kansas. This non-profit organization wants to expand their reach by building a website that can provide helpful resources, hold events and activities, and provide a place for the users to learn and join in their cause.

Solution

Our team has created a website that specifically targets adolescents and young adults in the greater community of Baldwin City, KS. Through the research and design process we decided that there should be five user-friendly pathways for a better experience.

phones

Design process

clouds

Scope of work

Research

clouds

Interviews

Our team setup a meeting with the two owners of BCK United and conducted in person interviews on what they liked and how they felt about BCK United. We wanted to get as much feed back as we could about the potential website design and what kind of features they would want.

Our team decided that designing for the high school kids would be the right move as they would be the highest amount of visitors and traffic on the website.

"I really feel more connected to the community, it feels good to contribute and be involved in different ways. We were doing the 988 chalk project and after I saw some kids walk up and smile looking at the artwork. It made me happy to see that "

"as cheesy as it sounds the friends I’ve made and the impact it’s had on mine and others lives. The zine that we made was the biggest project that I got to take part in after we had finished it. I ended up taking about 100 to my therapy office. All of them ended up being taken by people that needed the help in about a month. "

Affinity Mapping

User Persona

Ben Winfield

AGE

17 Years Old

JOB

School Student

CITY

Baldwin, KS

Ben is a senior in high school. He is getting ready to graduate and start his life in college. Over the years he has become more aware of people around him and enjoys trying to help other kids in the community with mental health and creating a safe place. While in school, he started getting more involved in community events and trying to find other like minded people like himself. Ben has really enjoyed getting to know his fellow students and their different thoughts and feelings towards each other. He likes to reference the Dolly Parton quote, “The way I see it, if you want the rainbow, you gotta put up with the rain.”

Prioritization Matrix

Prototyping

clouds

User Flow

Low Fidelity Mockups

Our team made many mockups and user tested the various versions to come up with a solution we felt was best for our clients needs.

Style Guide

Typography

Ubuntu H1 128pt

Ubuntu H2 70pt

Ubuntu H3 50pt

Ubuntu body copy 14pt

Event Poster

Color Pallet

#F9963E

We chose this because it invokes a warm, fun, exciting, and playful feel.

#A4DEFF

Our client wanted a sky blue that has a calm, reinsuring and peaceful element.

#3461E5

Bold solid color to provide a grounded feeling and an accent color for the website.

Join Us
Join us

Design and Color Iterations

Final Design

Press here view prototype

Final Thoughts

I had a lot of fun and work put into this project. As someone learning UX/UI design and interaction design this project gave me a nice real world project to work on. I plan on doing more interaction design on the next project and hope to continue to develop this site for BCK United in the future when needs arise.

Future Ideas

AI Bots
Mental Health Chat Service
Upload more personalized photos
Online moderated forum & chat feature that is bullying free