Project-Optimum

Overview

Project-Optimum is the website for Optimum Power & Fitness, a local gym in Gothatuwa, Sri Lanka. It is a single-page marketing site aimed at one thing: helping someone who found the gym on their phone decide to come in.

The problem

A neighbourhood gym lives on local search and word of mouth. Most visitors arrive on a phone, weighing whether the place is credible, welcoming and affordable, and they need a fast path to one action: check the prices, meet the trainers, or get in touch.

Approach

The design north star was the neighbourhood powerhouse: a clean black-and-white canvas with one restrained red accent, used on roughly a tenth of any view. Flat bordered surfaces instead of shadows, one typeface, and a signature interactive BMI calculator in the hero to pull people in. Trainers, prices and testimonials are managed in Sanity so the gym can keep them current.

Key features

• An interactive BMI calculator in the hero as the main engagement hook.
• Sanity-managed trainers (the Crew), pricing and testimonials.
• A clear single call to action per section: visit or get in touch.
• An EmailJS contact form, with no backend mailer to maintain.
• Smooth scroll and motion throughout, with reduced-motion support.

Tech stack

Next.js and React with TypeScript and Tailwind, shadcn/ui for the components, Sanity for content, and EmailJS for the contact form. The motion is handled with GSAP, Framer Motion and Lenis.

Outcome

This is the fifth iteration, and the one delivered to the client. Most of the work was design discipline: holding to the one-red-accent rule and a flat, bordered visual system so the site feels confident without shouting.