Franklin Athletic Club

• Role: Front-End Developer
• Project Overview: Developed a headless WordPress website for Franklin Athletic Club based on the Daxko Elevate theme. The project decouples the front end from WordPress, using Next.js to deliver a modern, performant user experience while leveraging WordPress as a content management system. Implemented a flexible component-driven architecture to support marketing pages, program content, schedules, and club-specific features.
  
• Headless Architecture:
  Configured WordPress as a headless CMS using WPGraphQL, enabling structured content delivery to a Next.js front end. Built server-driven data fetching patterns optimized for caching and revalidation, ensuring content updates propagate efficiently without sacrificing performance. Established scalable content models to support reusable layouts and dynamic page composition.
  
• Component Development:
  Created a library of reusable components aligned with the Elevate design system, while extending it with club-specific elements. Developed custom components for schedules, program listings, and promotional modules.
  
• Design Integration:
  Translated Figma designs into production-ready UI, maintaining consistency with the base Elevate theme while allowing for Franklin Athletic Club’s unique branding and content requirements. Applied design tokens, responsive spacing, and typography systems to ensure visual consistency across components and pages.
  
• User Experience:
  Focused on clarity, usability, and responsiveness across devices. Implemented accessible navigation patterns, semantic HTML structure, and keyboard-friendly interactions. Ensured dynamic content (e.g., schedules and program data) remains readable and navigable across breakpoints.
  
• Performance Optimization:
  Leveraged Next.js server components, optimized data fetching, and image handling to improve load times and overall performance. Implemented caching strategies appropriate for a headless architecture, balancing real-time content needs with efficient delivery. Structured components to minimize client-side JavaScript where unnecessary.
  
• Collaboration and Communication:
  Worked within the constraints of an evolving base theme while coordinating with design and account management teams. Contributed to improving the Elevate system by identifying gaps and extending patterns for real-world club implementations.