HarmonyFit — Gym & Wellness Website Design & Development

I designed and developed the landing page with a strong focus on visual hierarchy, responsive layouts, clear calls-to-action, program discovery, testimonials, and a premium wellness aesthetic.

My role: UI/UX Design, Website Design, Framer Development Focus: Responsive Web Design, Landing Page Design, UX, Framer Development Tools: Figma, Framer

HarmonyFit needed a modern digital presence that could communicate its gym and wellness programs while making it easy for visitors to explore programs and take action.

I focused on creating a clean visual system with strong typography, bold imagery, clear sections, and intuitive navigation. The layout was structured around the user's journey from discovering the brand to exploring programs and taking action.

Landing page

Hero section

Program sections

Personal training section

Gym classes

Testimonials

Content / blog section

CTA sections

Footer

Responsive layouts

The visual direction combines energetic fitness imagery with a clean modern interface. I used strong typography, generous spacing, rounded UI elements, and a structured content hierarchy to keep the experience approachable while maintaining a premium feel.

I translated the approved designs into a responsive Framer website, focusing on component consistency, responsive behavior, visual accuracy, and a smooth browsing experience across desktop and mobile.

The final website gives HarmonyFit a clearer digital presence and a structured experience for visitors to discover programs, understand the offering, and move toward the primary call-to-action.