This page isn't translated into English yet.

Tous les projetsSite vitrine

MattPrepa

Le site d'un coach et préparateur physique : ses programmes, son coaching sur mesure et le paiement en ligne.

Client
Coach et préparateur physique
Mon rôle
Conception et développement du site
Stack
  • Next.js
  • Supabase
  • Stripe
  • Tailwind
  • Vercel
L'accueil du site MattPrepa avec ses programmes d'entraînement

Le contexte

Matt accompagne des athlètes et des particuliers, à domicile comme à distance. Il lui fallait un site qui donne envie de se lancer et qui permette de s'inscrire directement.

Ce que j'ai fait

  • Le site : programmes, coaching personnalisé, stretching et ressources, dans un style sportif et brut.
  • Le paiement en ligne : les offres solo, duo et élite se paient directement avec Stripe.
  • Le back-office : Matt modifie ses pages, ses programmes et ses photos avec un aperçu en direct, et suit ses clients et ses ventes.

Les écrans

  1. Écran de MattPrepa : questionnaire coaching élite
    Questionnaire coaching éliteUn questionnaire pas à pas recueille l'objectif, le niveau et les contraintes de l'athlète avant de lui proposer une formule de coaching à distance.
  2. Écran de MattPrepa : tableau de bord admin
    Tableau de bord adminLe back-office accueille Matt avec l'état de publication, des raccourcis vers les modifications courantes et un aperçu en direct du site.
  3. Écran de MattPrepa : éditeur de contenu
    Éditeur de contenuChaque page du site se modifie depuis des formulaires simples, et l'aperçu à droite reflète les changements avant leur publication.
  4. Écran de MattPrepa : suivi des clients
    Suivi des clientsLa page clients liste les comptes inscrits, leurs coordonnées et les programmes achetés, avec le total encaissé.
  5. Écran de MattPrepa : choix du coaching
    Choix du coachingLa page coaching présente les trois formats, solo, duo et élite à distance, pour que chacun choisisse celui qui lui correspond.
  6. Écran de MattPrepa : catalogue de programmes
    Catalogue de programmesL'accueil met en avant les programmes d'entraînement avec leur prix, leur durée et leur niveau en un coup d'œil.
  7. Écran de MattPrepa : fiche programme détaillée
    Fiche programme détailléeChaque programme a sa propre page avec sa durée, son niveau, son rythme de séances et sa description avant l'achat.
  8. Écran de MattPrepa : stretching assisté
    Stretching assistéLa page stretching présente l'offre de séances assistées avec une galerie de photos prises pendant les séances.

Un projet en tête ? Parlons-en.

Une app mobile, une plateforme web ou un produit avec de l'IA : je t'aide à le concevoir, le construire et le mettre en ligne.