Bruin Sports Analytics

Role

Role

Role

Design Lead

Design Lead

Design Lead

Timeline

Timeline

Timeline

Feb - Oct 2024

Feb - Oct 2024

Feb - Oct 2024

Platform

Platform

Website

Website

Website

Team

Team

Team

2 Designers, 18 Developers

2 Designers, 18 Developers

2 Designers, 18 Developers

During the 2024 school year, I served as the design lead for Bruin Sports Analytics' Tennis Consulting team, working directly with UCLA Athletics to create a website for UCLA tennis players. The platform provides access to team stats, individual stats, in-game stats, and team schedules, enabling players to analyze their performance, recognize strengths, and identify areas for improvement. As a design lead, I collaborated with my team to uncover user needs and deliver a scalable, user-friendly solution that empowers athletes to better understand and enhance their game.

During the 2024 school year, I served as the design lead for Bruin Sports Analytics' Tennis Consulting team, working directly with UCLA Athletics to create a website for UCLA tennis players. The platform provides access to team stats, individual stats, in-game stats, and team schedules, enabling players to analyze their performance, recognize strengths, and identify areas for improvement. As a design lead, I collaborated with my team to uncover user needs and deliver a scalable, user-friendly solution that empowers athletes to better understand and enhance their game.

During the 2024 school year, I served as the design lead for Bruin Sports Analytics' Tennis Consulting team, working directly with UCLA Athletics to create a website for UCLA tennis players. The platform provides access to team stats, individual stats, in-game stats, and team schedules, enabling players to analyze their performance, recognize strengths, and identify areas for improvement. As a design lead, I collaborated with my team to uncover user needs and deliver a scalable, user-friendly solution that empowers athletes to better understand and enhance their game.

During the 2024 school year, I served as the design lead for Bruin Sports Analytics' Tennis Consulting team, working directly with UCLA Athletics to create a website for UCLA tennis players. The platform provides access to team stats, individual stats, in-game stats, and team schedules, enabling players to analyze their performance, recognize strengths, and identify areas for improvement. As a design lead, I collaborated with my team to uncover user needs and deliver a scalable, user-friendly solution that empowers athletes to better understand and enhance their game.

What is Bruin Sports Analytics

Bruin Sports Analytics (BSA) is a student-run sports statistics club at UCLA, founded in 2017 to promote sports research, journalism, and consulting. The club features a data journalism team publishing monthly articles, a research team conducting in-depth statistical projects, and a consulting team partnering with sports organizations to deliver data-driven insights. BSA also hosts industry speakers, providing members with valuable insights into sports analytics, and empowering athletes and teams with data-driven information to enhance their performance and decision-making.

Bruin Sports Analytics (BSA) is a student-run sports statistics club at UCLA, founded in 2017 to promote sports research, journalism, and consulting. The club features a data journalism team publishing monthly articles, a research team conducting in-depth statistical projects, and a consulting team partnering with sports organizations to deliver data-driven insights. BSA also hosts industry speakers, providing members with valuable insights into sports analytics, and empowering athletes and teams with data-driven information to enhance their performance and decision-making.

Bruin Sports Analytics (BSA) is a student-run sports statistics club at UCLA, founded in 2017 to promote sports research, journalism, and consulting. The club features a data journalism team publishing monthly articles, a research team conducting in-depth statistical projects, and a consulting team partnering with sports organizations to deliver data-driven insights. BSA also hosts industry speakers, providing members with valuable insights into sports analytics, and empowering athletes and teams with data-driven information to enhance their performance and decision-making.

Bruin Sports Analytics (BSA) is a student-run sports statistics club at UCLA, founded in 2017 to promote sports research, journalism, and consulting. The club features a data journalism team publishing monthly articles, a research team conducting in-depth statistical projects, and a consulting team partnering with sports organizations to deliver data-driven insights. BSA also hosts industry speakers, providing members with valuable insights into sports analytics, and empowering athletes and teams with data-driven information to enhance their performance and decision-making.

View their website

View their website

View their website

View their website

What's the Problem?

What's the Problem?

The UCLA tennis program faced challenges without a centralized platform for players to access key information like team and individual stats. Without it, players found it harder to recognize strengths and identify areas for improvement. This underscored the need for a streamlined digital solution to enhance player insights and support their growth.

How can we empower UCLA tennis players with a digital platform that makes performance data accessible, actionable, and impactful?

The UCLA tennis program faced challenges without a centralized platform for players to access key information like team and individual stats. Without it, players found it harder to recognize strengths and identify areas for improvement. This underscored the need for a streamlined digital solution to enhance player insights and support their growth.

How can we empower UCLA tennis players with a digital platform that makes performance data accessible, actionable, and impactful?

The UCLA tennis program faced challenges without a centralized platform for players to access key information like team and individual stats. Without it, players found it harder to recognize strengths and identify areas for improvement. This underscored the need for a streamlined digital solution to enhance player insights and support their growth.

How can we empower UCLA tennis players with a digital platform that makes performance data accessible, actionable, and impactful?

The UCLA tennis program faced challenges without a centralized platform for players to access key information like team and individual stats. Without it, players found it harder to recognize strengths and identify areas for improvement. This underscored the need for a streamlined digital solution to enhance player insights and support their growth.

How can we empower UCLA tennis players with a digital platform that makes performance data accessible, actionable, and impactful?

Our Soultion

To address this challenge, we're developing a website centralizing all tennis stats, schedules, and performance data in one accessible platform. This website will allow players to easily track their individual and team progress, analyze in-game statistics, and make data-driven decisions to enhance their performance, whether they're in their dorm or on their way to their next match!

To address this challenge, we're developing a website centralizing all tennis stats, schedules, and performance data in one accessible platform. This website will allow players to easily track their individual and team progress, analyze in-game statistics, and make data-driven decisions to enhance their performance, whether they're in their dorm or on their way to their next match!

To address this challenge, we're developing a website centralizing all tennis stats, schedules, and performance data in one accessible platform. This website will allow players to easily track their individual and team progress, analyze in-game statistics, and make data-driven decisions to enhance their performance, whether they're in their dorm or on their way to their next match!

To address this challenge, we're developing a website centralizing all tennis stats, schedules, and performance data in one accessible platform. This website will allow players to easily track their individual and team progress, analyze in-game statistics, and make data-driven decisions to enhance their performance, whether they're in their dorm or on their way to their next match!

Key Features

🎯 Centralized Stats Platform

Combines team stats, individual metrics, in-game data, and schedules into a user-friendly platform, giving players a complete view of their progress.

Combines team stats, individual metrics, in-game data, and schedules into a user-friendly platform, giving players a complete view of their progress.

Combines team stats, individual metrics, in-game data, and schedules into a user-friendly platform, giving players a complete view of their progress.

🎯 Centralized Stats Platform

Combines team stats, individual metrics, in-game data, and schedules into a user-friendly platform, giving players a complete view of their progress.

📊 Interactive Data Visualizations

Incorporate visual tools like graphs, and charts to help players analyze their performance trends, identify strengths, and pinpoint areas for improvement.

Incorporate visual tools like graphs, and charts to help players analyze their performance trends, identify strengths, and pinpoint areas for improvement.

Incorporate visual tools like graphs, and charts to help players analyze their performance trends, identify strengths, and pinpoint areas for improvement.

📊 Interactive Data Visualizations

Incorporate visual tools like graphs, and charts to help players analyze their performance trends, identify strengths, and pinpoint areas for improvement.

↪️ Game Recap Reports

Provide automated post-game reports summarizing key stats and highlights, giving players and coaches valuable insights into each match.

Provide automated post-game reports summarizing key stats and highlights, giving players and coaches valuable insights into each match.

Provide automated post-game reports summarizing key stats and highlights, giving players and coaches valuable insights into each match.

↪️ Game Recap Reports

Provide automated post-game reports summarizing key stats and highlights, giving players and coaches valuable insights into each match.

📱 Mobile Accessibility

Making the platform mobile-responsive, allowing players and coaches to access data on-the-go, and ensuring usability during practices, games, and travel.

Making the platform mobile-responsive, allowing players and coaches to access data on-the-go, and ensuring usability during practices, games, and travel.

Making the platform mobile-responsive, allowing players and coaches to access data on-the-go, and ensuring usability during practices, games, and travel.

📱 Mobile Accessibility

Making the platform mobile-responsive, allowing players and coaches to access data on-the-go, and ensuring usability during practices, games, and travel.

Time to Hear From Real Users

Before diving into the design process, our first step was to gather insights about the needs and expectations of UCLA tennis players and coaches. While I had my own thoughts about how a centralized stats platform could help, I wanted to validate these assumptions and hear directly from the UCLA Athletics community. Through conversations with players and coaches, we aimed to understand their pain points and identify opportunities to improve their ability to analyze performance and manage schedules. We prioritized gathering input from a diverse range of users, recognizing that different roles and perspectives would bring valuable insights to the design process.

Before diving into the design process, our first step was to gather insights about the needs and expectations of UCLA tennis players and coaches. While I had my own thoughts about how a centralized stats platform could help, I wanted to validate these assumptions and hear directly from the UCLA Athletics community. Through conversations with players and coaches, we aimed to understand their pain points and identify opportunities to improve their ability to analyze performance and manage schedules. We prioritized gathering input from a diverse range of users, recognizing that different roles and perspectives would bring valuable insights to the design process.

Before diving into the design process, our first step was to gather insights about the needs and expectations of UCLA tennis players and coaches. While I had my own thoughts about how a centralized stats platform could help, I wanted to validate these assumptions and hear directly from the UCLA Athletics community. Through conversations with players and coaches, we aimed to understand their pain points and identify opportunities to improve their ability to analyze performance and manage schedules. We prioritized gathering input from a diverse range of users, recognizing that different roles and perspectives would bring valuable insights to the design process.

Before diving into the design process, our first step was to gather insights about the needs and expectations of UCLA tennis players and coaches. While I had my own thoughts about how a centralized stats platform could help, I wanted to validate these assumptions and hear directly from the UCLA Athletics community. Through conversations with players and coaches, we aimed to understand their pain points and identify opportunities to improve their ability to analyze performance and manage schedules. We prioritized gathering input from a diverse range of users, recognizing that different roles and perspectives would bring valuable insights to the design process.

🏃🏾‍♀️ Athletes check stats on the go

Validated the importance of making the platform mobile-friendly and easy to navigate

Validated the importance of making the platform mobile-friendly and easy to navigate

Validated the importance of making the platform mobile-friendly and easy to navigate

Validated the importance of making the platform mobile-friendly and easy to navigate

👤 Players value personalized performance insights

Validated the need to prioritize individual stats alongside team data

Validated the need to prioritize individual stats alongside team data

Validated the need to prioritize individual stats alongside team data

Validated the need to prioritize individual stats alongside team data

📅 Low interest in team schedules

Confirmed that the focus should remain on stats and performance insights rather than schedule features

Confirmed that the focus should remain on stats and performance insights rather than schedule features

Confirmed that the focus should remain on stats and performance insights rather than schedule features

Confirmed that the focus should remain on stats and performance insights rather than schedule features

🎥 Strong interest in game recaps

Highlighted the need to prioritize post-game summaries with key stats and highlights

Highlighted the need to prioritize post-game summaries with key stats and highlights

Highlighted the need to prioritize post-game summaries with key stats and highlights

Highlighted the need to prioritize post-game summaries with key stats and highlights

Iterating Ideas

For our designs, we focused on creating a platform that was both to-the-point for players and easily editable for data analysts. Players needed quick access to their stats without sifting through unnecessary details, so we prioritized clean layouts, clear visualizations, and intuitive navigation. At the same time, we ensured that data analysts could effortlessly update and adjust information on the backend, keeping the system adaptable to the team’s evolving needs. This balance between simplicity for players and flexibility for analysts became a core principle guiding our design process.

For our designs, we focused on creating a platform that was both to-the-point for players and easily editable for data analysts. Players needed quick access to their stats without sifting through unnecessary details, so we prioritized clean layouts, clear visualizations, and intuitive navigation. At the same time, we ensured that data analysts could effortlessly update and adjust information on the backend, keeping the system adaptable to the team’s evolving needs. This balance between simplicity for players and flexibility for analysts became a core principle guiding our design process.

For our designs, we focused on creating a platform that was both to-the-point for players and easily editable for data analysts. Players needed quick access to their stats without sifting through unnecessary details, so we prioritized clean layouts, clear visualizations, and intuitive navigation. At the same time, we ensured that data analysts could effortlessly update and adjust information on the backend, keeping the system adaptable to the team’s evolving needs. This balance between simplicity for players and flexibility for analysts became a core principle guiding our design process.

For our designs, we focused on creating a platform that was both to-the-point for players and easily editable for data analysts. Players needed quick access to their stats without sifting through unnecessary details, so we prioritized clean layouts, clear visualizations, and intuitive navigation. At the same time, we ensured that data analysts could effortlessly update and adjust information on the backend, keeping the system adaptable to the team’s evolving needs. This balance between simplicity for players and flexibility for analysts became a core principle guiding our design process.

Putting Wireframes to the Test

To ensure our app met the needs of UCLA student-athletes, we partnered with five players from UCLA's tennis team, provided by UCLA Athletics, to conduct usability interviews. These sessions helped us identify key pain points and ensure the design was easy to navigate in their day-to-day lives. We focused on understanding specific challenges and brainstorming practical improvements. With these insights, we transitioned into the feedback implementation phase to refine the app and deliver a user-friendly solution.

To ensure our app met the needs of UCLA student-athletes, we partnered with five players from UCLA's tennis team, provided by UCLA Athletics, to conduct usability interviews. These sessions helped us identify key pain points and ensure the design was easy to navigate in their day-to-day lives. We focused on understanding specific challenges and brainstorming practical improvements. With these insights, we transitioned into the feedback implementation phase to refine the app and deliver a user-friendly solution.

To ensure our app met the needs of UCLA student-athletes, we partnered with five players from UCLA's tennis team, provided by UCLA Athletics, to conduct usability interviews. These sessions helped us identify key pain points and ensure the design was easy to navigate in their day-to-day lives. We focused on understanding specific challenges and brainstorming practical improvements. With these insights, we transitioned into the feedback implementation phase to refine the app and deliver a user-friendly solution.

To ensure our app met the needs of UCLA student-athletes, we partnered with five players from UCLA's tennis team, provided by UCLA Athletics, to conduct usability interviews. These sessions helped us identify key pain points and ensure the design was easy to navigate in their day-to-day lives. We focused on understanding specific challenges and brainstorming practical improvements. With these insights, we transitioned into the feedback implementation phase to refine the app and deliver a user-friendly solution.

📖 Readability and Accessibility

Issue: Users found the font hard to read and wanted more login options.

Solution: We switched to a clearer font for better readability and added options like SSO, gmail, and school logins for easier access.

Issue: Users found the font hard to read and wanted more login options.

Solution: We switched to a clearer font for better readability and added options like SSO, gmail, and school logins for easier access.

Issue: Users found the font hard to read and wanted more login options.

Solution: We switched to a clearer font for better readability and added options like SSO, gmail, and school logins for easier access.

Issue: Users found the font hard to read and wanted more login options.

Solution: We switched to a clearer font for better readability and added options like SSO, gmail, and school logins for easier access.

📊 Data Clarity

Issue: Users struggled to distinguish data in tables, making it harder to read and interpret information quickly.

Solution: We added alternating colored tabs to every other row, improving clarity and making data easier to scan.

Issue: Users struggled to distinguish data in tables, making it harder to read and interpret information quickly.

Solution: We added alternating colored tabs to every other row, improving clarity and making data easier to scan.

Issue: Users struggled to distinguish data in tables, making it harder to read and interpret information quickly.

Solution: We added alternating colored tabs to every other row, improving clarity and making data easier to scan.

Issue: Users struggled to distinguish data in tables, making it harder to read and interpret information quickly.

Solution: We added alternating colored tabs to every other row, improving clarity and making data easier to scan.

Crafting a Design System

One of our top priorities in designing the BSA app was ensuring that the visual style matched UCLA's overall clean, professional aesthetic, with a focus on their signature blue. We wanted the design to feel cohesive and represent UCLA’s brand while maintaining a polished yet approachable look. To achieve this, we crafted a system that clearly defined the use of colors, typography, and layout to create a user-friendly interface that is both modern and aligned with UCLA’s visual identity. This approach ensures the app remains consistent, functional, and easy to expand upon in the future.

One of our top priorities in designing the BSA app was ensuring that the visual style matched UCLA's overall clean, professional aesthetic, with a focus on their signature blue. We wanted the design to feel cohesive and represent UCLA’s brand while maintaining a polished yet approachable look. To achieve this, we crafted a system that clearly defined the use of colors, typography, and layout to create a user-friendly interface that is both modern and aligned with UCLA’s visual identity. This approach ensures the app remains consistent, functional, and easy to expand upon in the future.

One of our top priorities in designing the BSA app was ensuring that the visual style matched UCLA's overall clean, professional aesthetic, with a focus on their signature blue. We wanted the design to feel cohesive and represent UCLA’s brand while maintaining a polished yet approachable look. To achieve this, we crafted a system that clearly defined the use of colors, typography, and layout to create a user-friendly interface that is both modern and aligned with UCLA’s visual identity. This approach ensures the app remains consistent, functional, and easy to expand upon in the future.

One of our top priorities in designing the BSA app was ensuring that the visual style matched UCLA's overall clean, professional aesthetic, with a focus on their signature blue. We wanted the design to feel cohesive and represent UCLA’s brand while maintaining a polished yet approachable look. To achieve this, we crafted a system that clearly defined the use of colors, typography, and layout to create a user-friendly interface that is both modern and aligned with UCLA’s visual identity. This approach ensures the app remains consistent, functional, and easy to expand upon in the future.

Final Designs

After months of hard work with both designers and web developers, feedback, and countless revisions, the final designs are now a reality. It’s been an incredibly rewarding process of collaboration and innovation, and I’m thrilled to showcase the outcome. With that, I’m excited to introduce to you… Bruin Sports Analytics' Tennis Consulting Platform!

Final Designs

After months of hard work with both designers and web developers, feedback, and countless revisions, the final designs are now a reality. It’s been an incredibly rewarding process of collaboration and innovation, and I’m thrilled to showcase the outcome. With that, I’m excited to introduce to you… Bruin Sports Analytics' Tennis Consulting Platform!

After months of hard work with both designers and web developers, feedback, and countless revisions, the final designs are now a reality. It’s been an incredibly rewarding process of collaboration and innovation, and I’m thrilled to showcase the outcome. With that, I’m excited to introduce to you… Bruin Sports Analytics' Tennis Consulting Platform!

After months of hard work with both designers and web developers, feedback, and countless revisions, the final designs are now a reality. It’s been an incredibly rewarding process of collaboration and innovation, and I’m thrilled to showcase the outcome. With that, I’m excited to introduce to you… Bruin Sports Analytics' Tennis Consulting Platform!

👩🏽‍💻 Onboarding

The user starts at the sign-up screen, entering their UCLA logon credentials. After logging in, they’re taken to the dashboard, where they can easily view and track their personalized stats.

The user starts at the sign-up screen, entering their UCLA logon credentials. After logging in, they’re taken to the dashboard, where they can easily view and track their personalized stats.

The user starts at the sign-up screen, entering their UCLA logon credentials. After logging in, they’re taken to the dashboard, where they can easily view and track their personalized stats.

🏆 Finding a Match

Users select the Matches tab to view a list of recent matches. When they find one they’re interested in, they tap on it to access a detailed page with all the relevant information.

Users select the Matches tab to view a list of recent matches. When they find one they’re interested in, they tap on it to access a detailed page with all the relevant information.

Users select the Matches tab to view a list of recent matches. When they find one they’re interested in, they tap on it to access a detailed page with all the relevant information.

🛠️ Filtering a Match

  1. 🛠️ Filtering a Match

Users can filter match data by clicking the filter button and selecting from a range of options to view the specific information they’re interested in.

Users can filter match data by clicking the filter button and selecting from a range of options to view the specific information they’re interested in.

Users can filter match data by clicking the filter button and selecting from a range of options to view the specific information they’re interested in.

🔑 Key Stats and Visuals

Users can view detailed visuals of their stats by clicking the Key Stats and Visuals tab, providing an easy-to-understand breakdown of their performance.

Users can view detailed visuals of their stats by clicking the Key Stats and Visuals tab, providing an easy-to-understand breakdown of their performance.

Users can view detailed visuals of their stats by clicking the Key Stats and Visuals tab, providing an easy-to-understand breakdown of their performance.

👬 Team Statistics

Lastly, if users want to see their team's overall performance, they can go to the Team Statistics tab, where they’ll find team stats, the schedule, and upcoming games.

Lastly, if users want to see their team's overall performance, they can go to the Team Statistics tab, where they’ll find team stats, the schedule, and upcoming games.

Lastly, if users want to see their team's overall performance, they can go to the Team Statistics tab, where they’ll find team stats, the schedule, and upcoming games.

Let's Reflect

Reflecting on this experience, I’m incredibly grateful that my first opportunity as a design lead was with UCLA! Leading this project was both exciting and challenging, especially since my team consisted of just myself and one other designer. While having a small team eased some of the pressure, I still took the role very seriously and put my all into creating a positive and productive design environment for both of us. This journey has taught me invaluable lessons about collaboration, leadership, and problem-solving—insights that will continue to shape my growth as a designer.

Reflecting on this experience, I’m incredibly grateful that my first opportunity as a design lead was with UCLA! Leading this project was both exciting and challenging, especially since my team consisted of just myself and one other designer. While having a small team eased some of the pressure, I still took the role very seriously and put my all into creating a positive and productive design environment for both of us. This journey has taught me invaluable lessons about collaboration, leadership, and problem-solving—insights that will continue to shape my growth as a designer.

Reflecting on this experience, I’m incredibly grateful that my first opportunity as a design lead was with UCLA! Leading this project was both exciting and challenging, especially since my team consisted of just myself and one other designer. While having a small team eased some of the pressure, I still took the role very seriously and put my all into creating a positive and productive design environment for both of us. This journey has taught me invaluable lessons about collaboration, leadership, and problem-solving—insights that will continue to shape my growth as a designer.

📢 Keeping the Team Informed

When a team member has a question about the design process, ensure they get the information they need as quickly as possible. This includes reaching out to external sources, like the web development team, if necessary, to provide accurate and timely answers.

When a team member has a question about the design process, ensure they get the information they need as quickly as possible. This includes reaching out to external sources, like the web development team, if necessary, to provide accurate and timely answers.

When a team member has a question about the design process, ensure they get the information they need as quickly as possible. This includes reaching out to external sources, like the web development team, if necessary, to provide accurate and timely answers.

💬 Constant Communication with Devs

Maintain consistent communication with the web development team to ensure alignment throughout the process. Regular updates, quick responses, and proactive check-ins help avoid missteps and keep the project on track.

Maintain consistent communication with the web development team to ensure alignment throughout the process. Regular updates, quick responses, and proactive check-ins help avoid missteps and keep the project on track.

Maintain consistent communication with the web development team to ensure alignment throughout the process. Regular updates, quick responses, and proactive check-ins help avoid missteps and keep the project on track.

📢 Keeping the Team Informed

When a team member has a question about the design process, ensure they get the information they need as quickly as possible. This includes reaching out to external sources, like the web development team, if necessary, to provide accurate and timely answers.

💬 Constant Communication with Devs

Maintain consistent communication with the web development team to ensure alignment throughout the process. Regular updates, quick responses, and proactive check-ins help avoid missteps and keep the project on track.

🎾 Attending Tennis Matches

I definitely need to make it a priority to attend more tennis matches at school—they’re surprisingly fun and such a great way to support the team! It’s an exciting atmosphere, and I’ve realized it’s also a fantastic way to connect with the community while enjoying some great sportsmanship.

I definitely need to make it a priority to attend more tennis matches at school—they’re surprisingly fun and such a great way to support the team! It’s an exciting atmosphere, and I’ve realized it’s also a fantastic way to connect with the community while enjoying some great sportsmanship.

I definitely need to make it a priority to attend more tennis matches at school—they’re surprisingly fun and such a great way to support the team! It’s an exciting atmosphere, and I’ve realized it’s also a fantastic way to connect with the community while enjoying some great sportsmanship.

I definitely need to make it a priority to attend more tennis matches at school—they’re surprisingly fun and such a great way to support the team! It’s an exciting atmosphere, and I’ve realized it’s also a fantastic way to connect with the community while enjoying some great sportsmanship.

My Amazing Team

This team truly surprised me with how hands-on and collaborative everyone was—from developers contributing to the design process to me unexpectedly learning how to play tennis! It was a rewarding experience that pushed me to grow and embrace new challenges as both a designer and a leader.

Shoutout to my dev project leads (Jerry and Alex), my small but amazing design team (Jenson), and our cracked development teams!

Lastly, a massive shout-out to the UCLA Athletics Department for entrusting me with the incredible privilege of designing for them! This experience has been nothing short of amazing, and I’m so grateful for the opportunity to contribute to such a dynamic and passionate community. It’s truly been a pleasure, and I can’t wait to see how this project evolves in the future. Go Bruins!

This team truly surprised me with how hands-on and collaborative everyone was—from developers contributing to the design process to me unexpectedly learning how to play tennis! It was a rewarding experience that pushed me to grow and embrace new challenges as both a designer and a leader.

Shoutout to my dev project leads (Jerry and Alex), my small but amazing design team (Jenson), and our cracked development teams!

Lastly, a massive shout-out to the UCLA Athletics Department for entrusting me with the incredible privilege of designing for them! This experience has been nothing short of amazing, and I’m so grateful for the opportunity to contribute to such a dynamic and passionate community. It’s truly been a pleasure, and I can’t wait to see how this project evolves in the future. Go Bruins!

This team truly surprised me with how hands-on and collaborative everyone was—from developers contributing to the design process to me unexpectedly learning how to play tennis! It was a rewarding experience that pushed me to grow and embrace new challenges as both a designer and a leader.

Shoutout to my dev project leads (Jerry and Alex), my small but amazing design team (Jenson), and our cracked development teams!

Lastly, a massive shout-out to the UCLA Athletics Department for entrusting me with the incredible privilege of designing for them! This experience has been nothing short of amazing, and I’m so grateful for the opportunity to contribute to such a dynamic and passionate community. It’s truly been a pleasure, and I can’t wait to see how this project evolves in the future. Go Bruins!

This team truly surprised me with how hands-on and collaborative everyone was—from developers contributing to the design process to me unexpectedly learning how to play tennis! It was a rewarding experience that pushed me to grow and embrace new challenges as both a designer and a leader.

Shoutout to my dev project leads (Jerry and Alex), my small but amazing design team (Jenson), and our cracked development teams!

Lastly, a massive shout-out to the UCLA Athletics Department for entrusting me with the incredible privilege of designing for them! This experience has been nothing short of amazing, and I’m so grateful for the opportunity to contribute to such a dynamic and passionate community. It’s truly been a pleasure, and I can’t wait to see how this project evolves in the future. Go Bruins!

👩🏽‍💻 Onboarding

The user starts at the sign-up screen, entering their UCLA logon credentials. After logging in, they’re taken to the dashboard, where they can easily view and track their personalized stats.

🏆 Finding a Match

Users select the Matches tab to view a list of recent matches. When they find one they’re interested in, they tap on it to access a detailed page with all the relevant information.

🛠️ Filtering a Match

Users can filter match data by clicking the filter button and selecting from a range of options to view the specific information they’re interested in.

🔑 Key Stats and Visuals

Users can view detailed visuals of their stats by clicking the Key Stats and Visuals tab, providing an easy-to-understand breakdown of their performance.

👬 Team Statistics

Lastly, if users want to see their team's overall performance, they can go to the Team Statistics tab, where they’ll find team stats, the schedule, and upcoming games.

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie

  • mackenzie

  • mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie

  • mackenzie

  • mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie

  • mackenzie

  • mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie

  • mackenzie

  • mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie

  • ✦ mackenzie

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie ✦

  • mackenzie

  • mackenzie

  • mackenzie