Accueil / Projets / Élan · Site IA
Nouveau projet · IA

Élan · Site créé avec l'IA

Site de la salle de sport Élan : 8 pages, versions ordinateur et mobile, réalisé avec l'intelligence artificielle.

Site Élan créé avec l'IA : page d'accueil, « Mouvement. Liberté. Progression. »

Détails du projet

Le projet

Nouveau site pour Élan, salle de sport multi-activités à Paris (boxe, HIIT, cardio, renforcement, Pilates, yoga). Huit pages : Accueil, Nos activités, Planning, Tarifs, Coachs, Actualités, Contact et Mentions légales, pensées pour l'ordinateur et le mobile. Objectif : donner envie de réserver une première séance.

Mon rôle

Cheffe de projet : j'ai piloté l'IA de A à Z. J'ai défini les pages et les contenus, choisi les photos de la salle et l'ambiance, fait respecter la charte « Énergie urbaine », puis testé chaque page et demandé les corrections jusqu'au résultat final.

Outils

Claude (IA) pour la création des pages · charte « Énergie urbaine » (bleu nuit, corail, bordeaux) · typographies Barlow et Barlow Condensed · tests ordinateur et mobile.

Ma démarche

Du cahier des charges au site final, en huit étapes.

  1. 1

    Le cadrage

    Reprendre les besoins de la cliente et la charte « Énergie urbaine » : mouvement, liberté, progression.

  2. 2

    L'arborescence

    Définir les huit pages et le parcours du visiteur jusqu'à la réservation d'une séance d'essai.

  3. 3

    Les contenus

    Activités, coachs, planning, tarifs, actualités : des textes courts et motivants, adaptés à la cible.

  4. 4

    Les visuels

    Choisir les photos de la salle (espace boxe, plateau HIIT, studio yoga) et les dégradés sur les photos.

  5. 5

    Les pages interactives

    Planning filtrable par activité et par coach, questions fréquentes sur les tarifs, formulaire de contact.

  6. 6

    Le mobile

    Une version mobile pour chaque page, avec un menu qui s'ouvre et se ferme.

  7. 7

    Les ajustements

    Alléger l'accueil, déplacer la nutrition dans les actualités avec un article « comment bien manger », revoir les couleurs.

  8. 8

    La recette

    Tester chaque page sur ordinateur et sur mobile, noter les problèmes et les faire corriger.

Parcourir le site

Choisis une page et fais défiler l'écran pour la parcourir, en version ordinateur ou mobile.

Site Élan, page Accueil, version ordinateurSite Élan, page Nos activités, version ordinateurSite Élan, page Planning, version ordinateurSite Élan, page Tarifs, version ordinateurSite Élan, page Coachs, version ordinateurSite Élan, page Actualités, version ordinateurSite Élan, page Contact, version ordinateur
Site Élan, page Accueil, version mobileSite Élan, page Nos activités, version mobileSite Élan, page Planning, version mobileSite Élan, page Tarifs, version mobileSite Élan, page Coachs, version mobileSite Élan, page Actualités, version mobileSite Élan, page Contact, version mobile

Comment ça marche sur mobile

Six gestes clés du visiteur sur téléphone. Clique sur une étape pour la voir.

Site Élan sur mobile : l'accueilSite Élan sur mobile : le menuSite Élan sur mobile : le planningSite Élan sur mobile : les coachsSite Élan sur mobile : les tarifsSite Élan sur mobile : le contact
VISITER LE SITE EN LIGNE ↗