All projectsWebsite

MattPrepa

The website of a coach and strength and conditioning trainer: his programmes, tailored coaching and online payment.

Client
Coach and strength and conditioning trainer
My role
Website design and development
Stack
  • Next.js
  • Supabase
  • Stripe
  • Tailwind
  • Vercel
MattPrepa's home page with its training programmes

Context

Matt coaches athletes and individuals, at home and remotely. He needed a site that makes people want to get started and lets them sign up directly.

What I did

  • The website: programmes, personal coaching, stretching and resources, in a raw, sporty style.
  • Online payment: the solo, duo and elite plans are paid directly with Stripe.
  • The back office: Matt edits his pages, programmes and photos with a live preview, and tracks his clients and sales.

Screens

  1. MattPrepa screen: elite coaching questionnaire
    Elite coaching questionnaireA step-by-step questionnaire gathers the athlete's goal, level and constraints before suggesting a remote coaching plan.
  2. MattPrepa screen: admin dashboard
    Admin dashboardThe back office greets Matt with the publishing status, shortcuts to common edits and a live preview of the site.
  3. MattPrepa screen: content editor
    Content editorEvery page of the site is edited through simple forms, and the preview on the right shows changes before they're published.
  4. MattPrepa screen: client tracking
    Client trackingThe clients page lists registered accounts, their details and the programmes they bought, with the total collected.
  5. MattPrepa screen: choosing coaching
    Choosing coachingThe coaching page presents the three formats, solo, duo and remote elite, so everyone can pick the one that suits them.
  6. MattPrepa screen: programme catalogue
    Programme catalogueThe home page showcases the training programmes with their price, duration and level at a glance.
  7. MattPrepa screen: detailed programme page
    Detailed programme pageEach programme has its own page with its duration, level, session rhythm and description before purchase.
  8. MattPrepa screen: assisted stretching
    Assisted stretchingThe stretching page presents assisted sessions with a gallery of photos taken during the sessions.

Got a project in mind? Let's talk.

A mobile app, a web platform or an AI-powered product: I'll help you design it, build it and ship it.