La bibliothèque
par abonnement
et ses cercles.
Marginalia : catalogue d'ebooks curatés, liseuse intégrée, cercles de lecteurs, rencontres littéraires — installable et lisible hors ligne.
Ce prototype démontre les cinq espaces d'une plateforme d'abonnement complète : site public, espace membre, communauté, PWA mobile et back-office.
Le prototype
Cinq interfaces, une application
Choisissez votre rôle pour explorer le prototype.
Site public
Accueil éditorial, catalogue en ligne, offre d'abonnement et tunnel Stripe, journal, connexion.
- Parcourir le catalogue et lire les résumés
- Souscrire un abonnement avec essai gratuit de 14 jours
- Lire les articles du journal éditorial
Espace membre
Bibliothèque personnelle, liseuse EPUB/PDF, téléchargement filigrané, lecture hors ligne, compte.
- Lire dans la liseuse intégrée (EPUB et PDF)
- Télécharger les fichiers avec filigrane nominatif
- Consulter factures et gérer son abonnement
Communauté
Cercles de lecture, fils de discussion, réactions, mentions, rencontres physiques sur carte.
- Participer aux cercles thématiques de lecteurs
- Réagir et répondre dans les fils de discussion
- Voir et s'inscrire aux rencontres littéraires
Application mobile PWA
Version installable sur l'écran d'accueil, optimisée tactile, lecture et notifications hors ligne.
- Installer en PWA sur iOS et Android
- Lire les livres téléchargés sans connexion
- Recevoir les notifications de nouveaux fils
Back-office
Gestion du catalogue, des membres, de la modération et tableau de bord des statistiques d'abonnement.
- Ajouter et éditer les titres du catalogue
- Gérer les membres et leurs abonnements
- Suivre les KPI : MRR, churn, conversions essai
Ce que couvre le prototype
Toutes les fonctionnalités, démontrables en live
Chaque élément ci-dessous est accessible dans le prototype. Cliquez pour ouvrir l'écran correspondant.
En chiffres
Un prototype complet, des données cohérentes
Tous les chiffres ci-dessous sont calculés en temps réel depuis les données fictives du prototype.
Aperçu
Les écrans clés du prototype
Cliquez sur une vignette pour ouvrir l'écran correspondant.
Architecture
La pile technique
Ce prototype est front-only avec données fictives. La pile ci-dessous correspond à l'architecture de production recommandée.
Next.js 16 + TypeScript
App Router, export statique, typage strict
Tailwind CSS 3
Design system complet, tokens sémantiques
PostgreSQL + Prisma
Schéma relationnel complet, migrations
Stockage objet S3
URLs signées, EPUB/PDF filigrané
Emails transactionnels
Bienvenue, factures, relances Stripe
Déploiement Vercel ou VPS
CI/CD GitHub Actions
Note honnête : cette démonstration est entièrement front-only. Aucune base de données réelle, aucun paiement, aucune donnée personnelle collectée. Toutes les interactions sont simulées avec des données fictives cohérentes.