Retour au portfolio

Éveil des Possibles

Site vitrine professionnel pour un professeur indépendant de mathématiques et physique.

Next.jsTypeScriptPostgreSQLTailwind CSSCI/CD

Contexte & Objectifs

Éveil des Possibles est le site vitrine d'un professeur indépendant de mathématiques et physique, actif depuis plus de 20 ans. Le projet consistait à créer une présence en ligne structurée, claire et professionnelle, afin de présenter ses prestations et faciliter la prise de contact.

Le site devait servir de carte de visite numérique, valoriser son expérience et rassurer élèves et parents par une présentation soignée et cohérente.

Mon rôle

  • Conception de l'UX et de la structure des pages
  • Design de l'interface
  • Intégration en Next.js (App Router, TypeScript)
  • Mise en place des formulaires (contact et avis)
  • Implémentation d'un dashboard admin minimal
  • Optimisation SEO basique (meta tags, JSON-LD)
  • Déploiement sur VPS avec CI/CD
  • Projet réalisé en autonomie

Fonctionnalités principales

  • Site multi-pages structuré
  • Présentation détaillée des prestations
  • Page dédiée aux tarifs
  • Pages spécifiques mathématiques et physique
  • Page méthode de travail
  • Page avis utilisateurs
  • Formulaire de contact
  • Formulaire de dépôt d'avis
  • Dashboard admin pour gérer les formules tarifaires (activation / mise en avant)
  • Responsive (mobile et desktop)
  • HTTPS automatique

Architecture

  • Next.js 14 (App Router)
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Prisma ORM
  • GitHub Actions pour déploiement automatique
  • Hébergement sur VPS
  • Site majoritairement statique avec couche dynamique pour avis et formules tarifaires

Réflexions techniques

Le principal défi a été de structurer un contenu dense et personnel afin de le rendre clair, lisible et professionnel. L'accent a été mis sur la hiérarchisation des informations et un design épuré.

Le SEO a été optimisé de manière basique. L'objectif principal restait la crédibilité et la présentation structurée de l'activité.

Ce que ce projet démontre

  • Capacité à travailler avec un client réel
  • Structuration UX efficace
  • Design sobre et professionnel
  • Mise en production complète
  • Intégration d'une couche dynamique simple et maintenable

Images

Retour au portfolio