Jack of Sports
Platform Redesign & Custom Development
For Jack of Sports, a multi-program youth sports organization offering swim, soccer, biking, lifesaving, and other athletic programs, I led both the design direction and custom front-end development of a scalable program listing system. The outcome is a streamlined, scalable platform that supports a growing range of sports programs while maintaining clarity and ease of use for parents and participants.
Custom API Integration & Dynamic Table Rendering
To support multiple swim program locations with varying lesson types, schedules, and pricing structures, I developed a custom JavaScript solution that fetches structured data from a REST API endpoint and programmatically renders responsive course tables.
The script parses nested program data (program → lesson type → day → time blocks) and dynamically builds grid-based layouts using the existing Webflow class structure. It conditionally formats date ranges, pricing, and multi-block time schedules, and generates contextual registration links using program IDs returned by the API.
The implementation handles multiple program groupings per location, preserves consistent visual hierarchy, and eliminates the need for manual content updates. By separating data from presentation, the system ensures that any backend changes automatically reflect on the front end without additional design intervention.
Mega Menu, Reimagined
Replaced a clunky multi-level dropdown with a clear, scannable mega menu that surfaces programs, locations, and pathways in one view. Designed and built end-to-end to reduce friction, improve findability, and make navigation feel fast and intuitive.
