Élan · Site built with AI
Élan gym website: 8 pages, desktop and mobile versions, built with artificial intelligence.
Project details
The project
A new website for Élan, a multi-activity gym in Paris (boxing, HIIT, cardio, strength training, Pilates, yoga). Eight pages — Home, Our classes, Schedule, Prices, Coaches, News, Contact and Legal notice — designed for desktop and mobile. Goal: make visitors want to book a first session.
My role
Project manager: I directed the AI from A to Z. I defined the pages and content, chose the gym photos and mood, enforced the “Urban Energy” guidelines, then tested every page and requested fixes until the final result.
Tools
Claude (AI) to build the pages · “Urban Energy” guidelines (navy, coral, burgundy) · Barlow and Barlow Condensed typefaces · desktop and mobile testing.
My process
From specifications to finished site, in eight steps.
- 1
Scoping
Taking on the client's needs and the “Urban Energy” guidelines: movement, freedom, progress.
- 2
Site structure
Defining the eight pages and the visitor's path to booking a trial session.
- 3
Content
Classes, coaches, schedule, prices, news: short, motivating copy tailored to the audience.
- 4
Visuals
Choosing the gym photos (boxing area, HIIT floor, yoga studio) and the photo gradients.
- 5
Interactive pages
Schedule filterable by class and coach, pricing FAQ, contact form.
- 6
Mobile
A mobile version of every page, with a menu that opens and closes.
- 7
Adjustments
Lightening the home page, moving nutrition into the news with a “how to eat well” article, reworking the colours.
- 8
Testing
Testing each page on desktop and mobile, logging issues and getting them fixed.
Browse the site
Pick a page and scroll the screen to browse it, in desktop or mobile version.
How it works on mobile
Six key visitor actions on a phone. Click a step to see it.
