A mobile-first landing page concept for Marina, a high-end sports and wellness club. This version explores how a luxury fitness brand communicates exclusivity and aspiration on a small screen — where photography and typography must do the work that space and layout usually handle.
The problem it solved: Most sports club websites on mobile feel like shrunken desktop pages — cramped menus, compressed images, and text that fights for attention. For a luxury brand, a poor mobile experience directly undermines the premium positioning the brand spends heavily to project.
A mobile-first layout built around full-bleed photography and restrained typography. The navigation is minimal, the hero is immersive, and each section introduces a single idea — classes, facilities, programs, editorial content — before moving on. The experience feels curated, not crammed.
The first thing a user sees is a full-screen action photograph — a tennis player mid-swing, totally in frame. No UI chrome. No CTA. Just the brand world. The 'It's Not Fitness. It's Life.' copy appears over it in clean serif — not a tagline, a philosophy.
The class and activity navigation is displayed as a left-aligned stacked list — not tabs or chips — which gives the page an editorial, magazine quality that separates it from standard fitness apps and SaaS-style dashboards.
Programs, articles, and facilities are shown in a mixed-size grid — some items spanning full width, others half — creating visual rhythm without needing headers or category labels. The layout itself communicates variety.
The app download section appears mid-scroll embedded in a feature block — not as a banner at the bottom. It feels like a natural next step in the experience, not an afterthought. This increases download intent by meeting the user when they're already engaged.
Layout and hierarchy designed for small screens — not shrunk from desktop.
Magazine-style grid and serif typography communicate luxury without stating it.
Hero and section imagery fill the frame — the brand world is felt before it's read.
Navigation and copy are restrained — letting photography carry the emotional weight.