Windy City Club Theme

• Role: Front-End Developer
  
• Technologies Used: Next.js, React, Tailwind CSS, Figma Make
  
• Project Overview: Built a marketing-focused demo website for a fictional fitness brand, Windy City Athletic Club, using Next.js App Router. The site includes key conversion and information pages such as home, programs, memberships, schedule, locations, and contact, all structured with reusable atomic-style components for consistency and scalability.
  
• Design Integration: Translated a Figma design into a polished front-end implementation, using Figma Make as part of the handoff and build process. Preserved the intended visual system through reusable design tokens, consistent spacing and typography, and modular UI patterns across the site.
  
• User Experience: Prioritized clear navigation, responsive layouts, and interactive content to create an intuitive browsing experience across desktop and mobile. Incorporated accessibility-minded patterns such as keyboard-friendly navigation, focus states, skip links, and structured page content.
  
• Performance Optimization: Improved front-end performance by using Next.js features such as App Router architecture, optimized image handling, and efficient component reuse. Kept the site lightweight and maintainable by organizing static content cleanly and following modern front-end best practices.
  
• Collaboration and Communication: Worked closely with design and project stakeholders to translate visual direction into a functional, high-fidelity demo experience. Balanced design accuracy, usability, and implementation constraints throughout the build process.
  
• Outcome: Delivered a professional demo site that showcases a cohesive brand experience, responsive design system, and strong front-end implementation quality suitable for presentation and portfolio use.