Case Study · Concept
FORGE — Premium Gym
A conversion-focused single-page landing for a fictional premium gym brand — bold dark identity, multilingual, with a free-trial sign-up flow.
Overview
FORGE is a concept project exploring how a premium gym brand might present itself online. The brief was to create a conversion-focused single-page site with a bold identity, clear section flow, and multilingual support.
The result is a dark, high-contrast layout with neon-lime accents, a hero-to-sign-up conversion funnel, and a custom i18n setup for Romanian, Russian, and English.
The brief
- One-page funnel from hero through programs, coaches, pricing, to free-trial sign-up
- Bold, premium dark identity with neon-lime accent
- Scannable structure — each section has a clear job
- Responsive across all breakpoints
- Multilingual UI — RO / RU / EN toggle
Approach
Dark identity with neon-lime
Deep charcoal background with neon-lime (#D4FF00) accents. Archivo Black for headings, Inter for body.
Conversion-first structure
Hero → Programs → Coaches → Pricing → Free trial CTA. Each section builds on the last.
Clean component grid
Reusable card components for programs, coach profiles, and pricing tiers.
Motion on scroll
Intersection Observer-based fade-and-slide animations as sections enter the viewport.
Multilingual UI
Custom lightweight i18n using React context and JSON translation files for RO/RU/EN.
Responsive layout
Mobile-first Tailwind layout. All sections adapt cleanly from 375px to 1440px.
Engineering highlights
- Vite + React SPA with TypeScript and Tailwind — fast builds, no server runtime needed
- Tailwind custom theme — extended with brand colors, fonts, and spacing tokens
- Archivo Black + Inter + Lucide icons + Vercel deployment
Gallery
Outcome
- Polished conversion-oriented landing live at forge-fitness-ten-eosin.vercel.app
- Distinct brand identity that stands out from typical gym sites
- Responsive multilingual UI across RO / RU / EN
- Serves as a portfolio demo of dark-theme premium design
Want something like this?
Have a project in mind? Let's discuss what I can build for you.
Start a project→