Project-Optimum
A mobile-first marketing site for Optimum Power & Fitness, a neighbourhood gym in Sri Lanka. Built to turn a phone visit into a walk-in.
- Role
- Client project
- Year
- 2024
- Type
- Marketing site
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.
- Next.js
- TypeScript
- Sanity
- GSAP
- EmailJS
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.