Zen
Catalogue de films intelligent
Toute une cinémathèque dans la poche.
Une interface pensée pour l’iPhone, de la découverte d’un film à la conversation qui suit le générique.
Accueil
Une entrée immédiate dans la cinémathèque personnelle.
Catalogue
Les films vus, à voir et favoris réunis au même endroit.
Recherche
Une exploration rapide par titre, cinéaste ou ambiance.
Fiche film
L’affiche, le casting et les détails essentiels du film.
Top personnel
Trois emplacements pour composer son classement de films.
Contexte
Zen est une cinémathèque personnelle mobile qui réunit découverte, catalogue, parcours guidés et journal après-film dans une expérience pensée comme une véritable application iPhone.
Le projet est né d’un besoin simple : conserver une mémoire personnelle du cinéma sans reproduire les interfaces d’un service de streaming. Zen privilégie l’usage mobile, les affiches et les gestes courts. L’application relie un front Next.js installable à des services Python et Cloudflare pour enrichir les films, synchroniser le catalogue et produire des recommandations contextualisées.
Missions
J’ai conçu une expérience mobile-first centrée sur trois gestes : retrouver un film, décider quoi regarder et conserver ce qu’il a laissé. La navigation tactile, les actions rapides et la présentation des affiches ont été travaillées pour rester lisibles et naturelles sur iPhone.
J’ai structuré la bibliothèque autour du catalogue, de la liste à voir et du top personnel, puis développé une recherche par titre, cinéaste ou ambiance. Chaque fiche réunit informations, casting, images, couleurs dominantes et historique de visionnage.
J’ai enfin ajouté les fonctions les plus personnelles de Zen : des parcours cinématographiques progressifs et un journal après-film assisté par IA. L’application est installable en PWA et s’appuie sur Cloudflare Workers et Workers AI pour proposer une expérience rapide et contextualisée.
Impact
Zen réunit désormais 101 films dans une interface mobile cohérente, avec recherche, classement personnel, fiches enrichies et synchronisation entre les appareils.
Les parcours guidés et le journal conversationnel transforment le catalogue en expérience personnelle : l’application ne se contente plus d’archiver des films, elle accompagne la découverte et la réflexion après le visionnage.
Apprentissage
Ce projet m’a appris à faire évoluer une interface desktop vers une expérience réellement mobile, en repensant la hiérarchie, les interactions tactiles et les états de navigation plutôt qu’en réduisant simplement les composants.
J’ai aussi renforcé ma maîtrise de Next.js, des architectures distribuées et de l’intégration de l’IA dans un produit sans perdre la clarté ni la maîtrise de l’expérience utilisateur.
Date
Mai 2026
Technologies
Découvrir d'autres projets
Framix
Création d’une landing page moderne et responsive visant à présenter un outil fictif de création de pages en no-code. Projet focalisé sur l’intégration pixel-perfect, la performance et l’accessibilité, en s’appuyant sur Astro (îlots React), TailwindCSS, animations légères (Framer Motion) et un design system cohérent. Architecture simple et maintenable, déploiement statique sur Vercel, sans backend applicatif.
Elecsud Energies
Conception et développement d'un site vitrine haut de gamme pour Elecsud Energies, artisan électricien à Marseille. Le site met en avant les services (dépannage, urgence, installation), la zone d'intervention et l'expertise de l'entreprise. L'accent a été mis sur le design, la fluidité des animations et l'optimisation pour la conversion (demandes de devis et appels urgents).