Back to projects

Gym website template · on sale

Ferrum

Third product in the WEBZI1 template line, made for freelancers who build sites for local gyms, with a fictional Montréal strength club as the demo.

Live demo Repository pending
Ferrum screenshot 1
Ferrum screenshot 2

Problem

Most gym templates are generic stock layouts that freelancers still have to rebuild before a client will accept them.

Objective

Ship a template that looks custom out of the box and that a beginner can rebrand from a few config files.

Solution

A Next.js and Tailwind template with hero and section videos rendered in-house with Remotion and Three.js, a timetable that opens on today’s classes with filters and spots left, monthly or yearly plans, English and French routing, and ExerciseGym structured data.

Main features

What the product includes.

  • Original 3D kettlebell and barbell videos
  • Live opening-hours badge in the gym’s time zone
  • Interactive weekly timetable
  • Monthly / yearly plan toggle
  • English and French
  • All content edited from config files

Technology

Built with the right tools for the job.

Next.jsTypeScriptTailwind CSSFramer Motionanime.jsRemotionThree.js

Challenges

Balancing the project’s technical requirements with a clear, responsive experience—and keeping the implementation maintainable as the scope grew.

What I learned

The project strengthened my ability to turn a broad idea into structured features, make deliberate technology choices, and communicate complex functionality through a polished interface.

Next project

Have a product that needs thoughtful execution?

Tell me what you are trying to build, who it is for, and what success should look like.

Start a conversation