BCK United Case Study
Non-profit design from ground up. Working closely with Zapier Developer to launch.

Baldwin City United (BCK United) is focused on fostering a healthy, inclusive community by empowering young leaders in Baldwin City, Kansas. I spearheaded this project and collaborated with a team. Together with BCK's stakeholders and members, we worked towards our goals. This ongoing project includes close work with the developer to launch the website.

CLIENT
ROLE
SKILLS
BCK United
UX/UI Designer
User Interviews, Color Theory, Wireframing, Collaboration, Client Relations.
Challenge
BCK has a real challenge in reaching its community, sharing its mission, and growing its impact. Without an online platform, BCK struggles to connect with the community and bridge the gap between existing members and those who might want to join.
Expand community impact
Introduce website to potential members
Provide resources that support mission
Lack of online presence
Solution
Target Audience
Research & Design
Friendly User Flows
Engagement Strategy
Entry for new members
Immediate online presence
Long-Term Growth
Our team crafted a website targeting adolescents and young adults in Baldwin City, KS. We designed five user flows, prioritizing user needs. The homepage features a captivating hero section and CTA button to foster youth and community engagement. This not only addresses the immediate online presence requirement but also positions BCK for sustained growth by fostering inclusivity and connection through events and resource sharing.
LEARNED
Design
Users need to feel a sense of belonging and connection within the community.
Added button tags in hero of a large resource page to increase direction to specific categories.
Hamburger menu with delightful animation was as successful as traditional navigation within tested youth.
ANALYSIS
Stats
83% included a donation page
50% hosted events
Minimum of 3 socials
4 out of 5 included testimonials
100% included photos of members.
All included mission/about in hero section.
DETAILS
Design
Included student artwork in hero section to represent inclusivity and youthfulness.
Many mock ups and color theory to integrate client requests of sky blue, earth and rainbow elements.
Used orange as an optimistic and uplifting, warm, social, welcoming, cheerful and assertive color as our primary button.
Business Interviews
I conducted stakeholder interviews to understand the needs of mentors aiming to engage the community and attract new members. This approach helped us align the design with their goals for effective communication and growth.
Member Interviews
I interviewed existing and Alumni members to understand their goals of connecting with peers and reaching those in need. This gave insight into potential new users and shaped our design choices.
Market Review
Analyzing similar non-profits helped us set benchmarks for performance and strategy, improving BCK United's online impact and user experience
Empathy Map
We combined insights from stakeholders, members, and the community using affinity mapping, focusing on a persona who champions inclusivity and support. This aligns new user and stakeholder needs for our empathy map.
Journey Map
UX Scenario Ben's friend confided in him about his mental health struggles, so Ben suggested he spend time with the BCK United community. His friend felt welcomed and was eager to meet like-minded people. When Ben later noticed his friend feeling down, he found it difficult to locate information about future events and resources. Fortunately, the BCK United website offered a schedule of events and coping resources for his friend to use.
Ben Winfield
17 year old, He/Him, BCK Member and Ally
User Testing
After wire framing each group member user tested a specific page. I did user testing on the Resources page.
Browse BCK Zine
Clickable Zine
Users immediately scrolled down the resource page and found the zine but struggled browsing the clickable booklet. We added tags and buttons to make this process more user friendly.
Access Resource Page
Multiple avenues
Resources were not immediately visible to the users on the main page so many users accessed the hamburger button or scrolled down the home page. We made sure to include links to the resources page from both locations.
Share BCK Zine
Share Button
Initially included only the word “share” as a button was difficult to find prior to adding a primary button color we also included a share icon as well included valuable information to explain what the Zine was to further increase conversion rates.
Userflow
Five main user flows include educating users about the organization's mission, providing information about upcoming events, providing resources for those in need, offering information on how to become a member and join meetings, as well as a donation page.
Wireframes
As a team we collaborated on low fidelity wireframes reviewing each and combining the best features and ideas into a medium fidelity wireframe you see here which I spent a significant amount of time on.
Interior Design
My husband owns a remodeling business and I have created interiors & exteriors. Crafted mood boards, mock ups, & procured finishes and materials. For clients and flip projects.
Business Owner
I previously owned and operated a custom wedding invitation business as well as a wholesale stationery line. Taking a step back in time daily going from computer designs to manual typesetting and letterpress printing.
Stationery
Wholesale
My husband owns a remodeling business and I have created interiors & exteriors. Crafted mood boards, mock ups, & procured finishes and materials. For clients and flip projects.
Wedding
Invitations
Working on custom invitations for clients has taught me a lot about working for a client as well as designing products for their Users. Navigating client ideas while simultaneously delivering a product that is easily navigated by those receiving it.
COVID
Dashboard
My brother happens to be a Zapier front-end developer and we have worked together on a few projects. Using quantitative data we created a User-centered COVID Dashboard that provided a way for our school district and concerned parents to make informed decisions.
Mood
Boards
From webpage design to coordinating outfits for our family portraits. Planning my twins birthday party, interior or landscape design. I’m not kidding when I say mood boards are apart of my everyday design process and Momlife.
Website
Play
What's Next?
During our design process, and discussions some possible future additions we considered implementing include:
Additional A/B Testing to continue making User testing
Additional branded photos
Mental Health Chat Service
Online moderated forum & chat features (bully free)