Stephan Logo

HAND-CODED BY STEPHAN

Icon CrossFit Fitness Studio Gym Website

Developed using Next.js and Tailwind CSS to create a responsive and user-friendly platform for Icon CrossFit.

Tech Stack

Next.jsTailwind CSSReactGoogle Maps API

Problem Solved

The Icon CrossFit website previously lacked a modern, responsive, and user-friendly interface. My solution was to develop a website that provides:

  • Accessible information about the gym and its services
  • Interactive maps and contact details
  • Clear communication of events and class schedules
  • Easy-to-use contact form for inquiries

Key Features

🏋️‍♂️ Gym Overview

Detailed information on the gym’s history, mission, and services.

📍 Location

Interactive map with gym's physical address and contact information.

📅 Events

Information on upcoming classes, events, and special announcements.

✉️ Contact Form

Simple and user-friendly contact form for easy inquiries.

Impact & Achievements

Website Launch

Before: Non-existent

After: Live

Improvement: ✓ Launched

SEO Visibility

Before: Limited

After: Growing

Improvement: ↑ Improved

Revenue Generation

Before: $0

After: $350+

Improvement: ↑ Revenue

Personal Learnings

This project enhanced my understanding of responsive web design and user experience. I gained hands-on experience with:

  • Building websites with Next.js and Tailwind CSS
  • Integrating Google Maps for location-based services
  • Implementing SEO best practices for better search visibility
  • Collaborating with a client for ongoing website improvements

PROJECT MOCKUP

Icon CrossFit Gym Website Screenshot