Back to projects
WebsitesAlpha Gym

Alpha Gym

Visit live site

Alpha is a concept site for a premium powerlifting and bodybuilding gym — a cinematic, monochrome experience built to make a serious, no-noise brand feel like a place you'd actually walk into. It's a showcase of how far a fitness brand can move beyond the usual stock-photo template.

At a glance

ClientEYB
Year2026
TimelineInternal showcase
Services
Web designBrandEngineeringMultilingual

In-house showcase · Dubai, UAE

01

The challenge

Most gym websites look the same: bright photography, motivational stock copy, busy plan grids. They sell a feeling of intensity through volume — the opposite of how a serious lifting space actually feels. The challenge was to design a site that communicated quiet discipline and craft, while still doing the practical job of presenting disciplines, coaches, plans, and meals clearly.

02

What we built

A cinematic, scroll-driven Next.js site with a parallax hero, an introductory animation, a manifesto block, and modular sections for disciplines, coaches, the space, meals, voices, and membership. Everything is monochrome — ink, bone, a grain overlay — and the typography carries the brand instead of stock imagery. English and Arabic ship from a single codebase with locale-aware routing and RTL support. Built with Next.js 16, React 19, Tailwind v4, Motion and GSAP for the cinematic moments.

Technology used

Next.js
React
TypeScript
Tailwind CSS
Motion
GSAP
i18n (EN / AR)

How we worked

  1. 1

    Brand direction

    Phase 1

    Set the tone before touching code: monochrome palette, display typography, grain texture, and a single message — 'No crowds. No noise. Just work.' — to anchor every section.

  2. 2

    Cinematic hero

    Phase 2

    Built the intro animation, parallax hero, and scroll-driven reveals so the first ten seconds of the site feel like a film opener rather than a landing page.

  3. 3

    Section system

    Phase 3

    Designed and shipped the disciplines, coaches, space, meals, voices, and membership sections as a consistent vertical rhythm — each one editorial, none of them noisy.

  4. 4

    Bilingual delivery

    Phase 4

    Wired locale-aware routing and dictionary-driven copy so the whole experience reads natively in English and Arabic, with RTL handled at the layout level.

The results

Cinematic feelScroll-driven hero, intro animation, and grain texture set the tone
Editorial, not genericMonochrome typography carries the brand without stock imagery
EN · ARBilingual from one codebase with native RTL support
Concept showcaseA reference for how a fitness brand can move beyond the template look

What the client said

“A cinematic concept site for a premium powerlifting and bodybuilding gym — monochrome, editorial, and built to make a serious brand feel like a place worth walking into.”

— EYB, In-house showcase

Want a similar result?

If you have the same kind of manual process problem, message us and we will tell you the simplest way to fix it.

Talk to us on WhatsApp