iOS Native - Responsive Web - Design System - Streaming - Cross Platform Alignment
FITTED Mockup AM

Summary

Brought in after nearly a year without design leadership, I led UX modernization for the NFHS Network by reviving earlier work, rebuilding the foundational design system, and improving key user flows. My foundation enabled a smooth brand refresh without reworking foundational structure. I partnered with the PM and a junior designer to deliver a vision-led prototype, align cross-platform efforts, and close usability gaps. I collaborated with marketing to ensure brand goals fit product realities. This work drove the platform’s largest UI update in years and led to measurable impact, including a 9.5% lift in conversion and a 6.6% increase in ARPU from a single research-backed UI change.

Company Context

PlayOn! Sports is a high school sports focused company with products like NFHS (National Federation of High School Sports) Network, GoFan, and MaxPreps. The NFHS Network is a national high school sports streaming platform, offering live and on-demand coverage for families, communities, and fans across the U.S.

Project Context

When I joined, the platform had no dedicated design leadership for nearly a year. The product experience was fragmented, outdated, and heavily shaped by backend development priorities and immediate feature requests. My initial focus was to stabilize and modernize the UX foundation by auditing systems, aligning teams, and establishing clear design direction that could scale. This work set the stage for brand and marketing teams to later build on the system without requiring rework or structural redesign.

Current App and Web

Updated App

My Role & Team

Working with a PM and a junior designer, I led the rework of the design system, directed the componentization of key resuable elements making further tweaks easier across the product, validated junior designer work, and produced a vision prototype to show how these efforts would play out in the product. The prototype included feature explorations tied to engagement drivers identified in earlier research such as community visibility, school loyalty, and ease of navigation across live and past events. I focused on product continuity, modern interaction models, and long-term UX value rather than just surface-level aesthetics. From this, the product team was able to advocate for the largest update to organization (school, team, and sport association) pages and further leverage that learning to a quick turnaround on an app refresh.

Strategy: Evaluate, Modernize, andScale with Minimal Disruption in Team constrained by OKR and feature delivery not in UX evolution

  • Audited the existing design system through hands-on testing, updated user journeys, and internal interviews to surface real user needs and technical constraints.
  • Tested and validated marketing concepts to help prioritize marketing asks against other product needs.
  • Worked cross-functionally across silos and product teams to realize multiple department objectives and set foundation to scale brand changes to other products.
  • Advocated for early, high-impact changes while setting a clear roadmap for scalable, long-term design improvements.
  • Created a research validated, card differentiation strategy to enhance content clarity and reduce dependence on titles.This approach reduced business partner resistance and, when scaled to and tested on game page previews, resulted in a 9.5% conversion lift and a 6.6% ARPU increase.
  • Tied redesign of key pages into opportunities to resolve accessibility issues, enhance SEO, and improve cross product connectivity.
  • Used a phased mockup and "componentization" strategy to modernize gradually, replacing outdated elements as new pages were built.
  • Collaborated with developers to shift from just-in-time design to a forward-looking workflow that supported iteration and testing.
  • Partnered with the growth team to validate changes and maintain consistency with evolution of product on the core team
  • Aligned core design patterns across teams to support brand unification and ensure cross-product cohesion under evolving leadership goals.

Tactical Delivery

  • Rebuilt the design system alongside a junior designer to support updates without requiring deep structural change
  • Resolved foundational SEO and accessibility issues
  • Redesigned organization pages as strategic experience drivers, not just static content holders
  • Delivered vision prototype focused on research-backed features for deeper user engagement
  • Worked with marketing to ensure brand layering could be applied without disrupting UX foundation
  • Unified web and app redesign efforts across teams with different OKRs and timelines

Current App and Web

Updated App

Results & Impact

Enabled the product’s largest UI update in over a year without foundational system rework. Realized a 9.5% lift in conversion and 6.6% increase in ARPU from a single, research-backed design update. Supported brand and marketing updates through future-ready design groundwork. Resolved all major accesibility issues and increased SEO content on pages for increased product discoverability.

Current App and Web

Updated App

Native Web Mockups

Let's Talk Design