Retour au portfolio

Life connexion

Refonte complète d'un site institutionnel avec système administrable de calendrier et génération de fichiers .ics.

Next.jsTypeScriptPostgreSQLPrismaCI/CD

Contexte & Objectifs

Refonte complète d'un site institutionnel initialement développé sous WordPress. L'ancien site mélangeait plusieurs entités et présentait une organisation confuse des informations.

L'objectif était de clarifier la structure du contenu, séparer les entités, moderniser l'interface et centraliser la gestion des événements, tout en livrant rapidement une version stable et à jour.

Mon rôle

  • Conception UX et restructuration complète du site
  • Design de l'interface
  • Développement from scratch en Next.js
  • Implémentation du système de calendrier
  • Mise en place d'un dashboard admin
  • Déploiement sur VPS avec CI/CD
  • Projet réalisé en autonomie

Fonctionnalités principales

  • Site multi-pages structuré
  • Page d'accueil synthétique et accessible
  • Pages d'informations pratiques
  • Page contact et page soutien
  • Affichage des événements sur la page d'accueil
  • Page dédiée au calendrier
  • Ajout, modification et suppression d'événements via dashboard admin
  • Gestion de valeurs par défaut selon type d'événement
  • Consultation des événements à venir et passés
  • Génération de fichiers .ics pour ajout au calendrier
  • Gestion UID stable et champ sequence pour mise à jour des événements
  • Site responsive
  • HTTPS automatique

Architecture

  • Next.js 16 (App Router)
  • TypeScript
  • Tailwind CSS
  • PostgreSQL
  • Prisma ORM
  • GitHub Actions (CI/CD)
  • Hébergement sur VPS
  • Site majoritairement statique avec couche dynamique dédiée aux événements

Réflexions techniques

Le principal défi a été de restructurer un site existant tout en conservant son identité visuelle, en le modernisant et en améliorant l'accessibilité aux informations essentielles.

Un travail particulier a été réalisé sur la hiérarchisation du contenu, la réduction des sections hero et la gestion fiable des événements et de leur synchronisation avec les calendriers utilisateurs.

La contrainte principale était le délai de livraison, l'ancien site comportant des informations obsolètes.

Ce que ce projet démontre

  • Capacité à refondre et restructurer un site existant
  • Amélioration UX concrète
  • Implémentation d'un système administrable d'événements
  • Gestion avancée des fichiers .ics
  • Livraison rapide sous contrainte
  • Mise en production complète

Images

Retour au portfolio