Society of PC Building
Crafting a unified digital hub for PC enthusiasts at UF
ROLE
UI/UX Designer
COLLABORATORS
Colin Mendoza
Lena Nguyen
Dayanita Kumar
Hana Checketts
SKILLS
User Research
Wireframing
Visual Design
Prototyping
TIMELINE
12 Weeks
THE CONTEXT
Building PCs isn’t just about hardware, it’s about building community
At the University of Florida, the Society of PC Building (SPCB) connects students who share a passion for technology. Members get to learn and collaborate through workshops, live demos, and hands-on events. The club brings together students who love building custom rigs, creating an environment that sparks innovation, teamwork, and growth.
THE PROBLEM
A community without a single home can feel disconnected
SPCB’s information was scattered across Discord, Instagram, and word-of-mouth, making it easy for members to miss important updates. With such a diverse student base at UF, the club needed a central space where everyone could access events, resources, and announcements without confusion. To solve this, a dedicated design and development team set out to create an inclusive website that would unify communication and strengthen member connection.
COMPETITIVE ANALYSIS
To understand the landscape, we analyzed existing student organization websites
Before shaping SPCB’s website, we examined how other student organizations presented themselves online. We explored the features that would best benefit the SPCB website and identified the features that didn't help our goals. This helped us spot strengths to focus on and gaps we could improve on, guiding us toward a design that was both functional and uniquely ours.
USER RESEARCH
Designing for both learners and leaders
SPCB’s community brings together students from all kinds of technical backgrounds—some just curious about building PCs, others already experts. To ensure the website served everyone, we created personas that reflected different levels of skill and interest. We also designed a dedicated Admin view for SPCB’s E-Board, giving officers the tools to manage events, projects, and resources with ease.
THE SOLUTION
Creating a website that simplifies, engages, and connects students to SPCB
Guided by our research and user personas, we focused on four key principles to create a website that meets students where they are. We simplified navigation for ease of use, organized events clearly to fit hectic schedules, highlighted the benefits of joining SPCB, and showcased the vibrant community that makes the club unique. Every design decision was made to make engagement effortless and meaningful for both members and officers.
INITIAL DESIGNS
Initial layouts to align ideas and goals
Our initial sketches brought the vision of SPCB’s website to life, focusing on an engaging and dynamic experience that highlights the club’s passionate community. These lo-fi designs emphasized clear navigation and an intuitive flow, making it easy for current, new, and prospective members to explore. The same principles guided the Admin view, ensuring that officers could manage events and content efficiently from the start.
A/B TESTING
Iterating designs through A/B testing to optimize usability
We used A/B testing to identify challenges and evaluate solutions across multiple page elements. Specifically, for the Hero section, we experimented with emphasizing the logo versus incorporating interactive elements and call-to-action items, balancing branding with engagement. For the About page, we tested different layouts for officer and team information, iterating from static cards to horizontal slideshows to improve usability and reduce clutter. Each iteration helped us refine the design to align with both SPCB’s goals and the users’ needs.
FINAL DESIGN
A comprehensive site for all of SPCB
The completed SPCB website combines clear navigation, engaging visuals, and functional features to meet the needs of both members and officers. The Landing page prioritizes call-to-actions and tech-inspired branding, the About page highlights teams with slideshows and visual contrasts, the Projects page provides quick access to current work and organized past projects, the Events page allows efficient planning with filters and color-coded calendars, and the Admin view offers a simplified layout with easy navigation and tagging. Together, these elements create a cohesive, intuitive, and visually engaging experience for all users.
Society of PC Building
Crafting a unified digital hub for PC enthusiasts at UF
ROLE
UI/UX Designer
COLLABORATORS
Colin Mendoza
Lena Nguyen
Dayanita Kumar
Hana Checketts
SKILLS
User Research
Wireframing
Visual Design
Prototyping
TIMELINE
12 Weeks
THE CONTEXT
Building PCs isn’t just about hardware, it’s about building community
At the University of Florida, the Society of PC Building (SPCB) connects students who share a passion for technology. Members get to learn and collaborate through workshops, live demos, and hands-on events. The club brings together students who love building custom rigs, creating an environment that sparks innovation, teamwork, and growth.
THE PROBLEM
A community without a single home can feel disconnected
SPCB’s information was scattered across Discord, Instagram, and word-of-mouth, making it easy for members to miss important updates. With such a diverse student base at UF, the club needed a central space where everyone could access events, resources, and announcements without confusion. To solve this, a dedicated design and development team set out to create an inclusive website that would unify communication and strengthen member connection.
COMPETITIVE ANALYSIS
To understand the landscape, we analyzed existing student organization websites
Before shaping SPCB’s website, we examined how other student organizations presented themselves online. We explored the features that would best benefit the SPCB website and identified the features that didn't help our goals. This helped us spot strengths to focus on and gaps we could improve on, guiding us toward a design that was both functional and uniquely ours.
USER RESEARCH
Designing for both learners and leaders
SPCB’s community brings together students from all kinds of technical backgrounds—some just curious about building PCs, others already experts. To ensure the website served everyone, we created personas that reflected different levels of skill and interest. We also designed a dedicated Admin view for SPCB’s E-Board, giving officers the tools to manage events, projects, and resources with ease.
THE SOLUTION
Creating a website that simplifies, engages, and connects students to SPCB
Guided by our research and user personas, we focused on four key principles to create a website that meets students where they are. We simplified navigation for ease of use, organized events clearly to fit hectic schedules, highlighted the benefits of joining SPCB, and showcased the vibrant community that makes the club unique. Every design decision was made to make engagement effortless and meaningful for both members and officers.
INITIAL DESIGNS
Initial layouts to align ideas and goals
Our initial sketches brought the vision of SPCB’s website to life, focusing on an engaging and dynamic experience that highlights the club’s passionate community. These lo-fi designs emphasized clear navigation and an intuitive flow, making it easy for current, new, and prospective members to explore. The same principles guided the Admin view, ensuring that officers could manage events and content efficiently from the start.
A/B TESTING
Iterating designs through A/B testing to optimize usability
We used A/B testing to identify challenges and evaluate solutions across multiple page elements. Specifically, for the Hero section, we experimented with emphasizing the logo versus incorporating interactive elements and call-to-action items, balancing branding with engagement. For the About page, we tested different layouts for officer and team information, iterating from static cards to horizontal slideshows to improve usability and reduce clutter. Each iteration helped us refine the design to align with both SPCB’s goals and the users’ needs.
FINAL DESIGN
A comprehensive site for all of SPCB
The completed SPCB website combines clear navigation, engaging visuals, and functional features to meet the needs of both members and officers. The Landing page prioritizes call-to-actions and tech-inspired branding, the About page highlights teams with slideshows and visual contrasts, the Projects page provides quick access to current work and organized past projects, the Events page allows efficient planning with filters and color-coded calendars, and the Admin view offers a simplified layout with easy navigation and tagging. Together, these elements create a cohesive, intuitive, and visually engaging experience for all users.