AtmoScreen

Le point de départ : remplacer une solution devenue trop chère et trop rigide

Le projet est né d'un besoin concret chez l'un de nos clients : se libérer d'un abonnement d'affichage dynamique coûteux, peu personnalisable et au design dépassé. Impossible d'y appliquer son identité visuelle ni d'y intégrer ses propres contenus. L'objectif n'était pas de reproduire les limites de l'existant, mais de repartir sur une base maîtrisée — flexible, à la hauteur des usages actuels et entièrement aux couleurs de la marque.

Le challenge : rendre la diffusion sur TV aussi simple qu'un abonnement

Le pari d'AtmoScreen : permettre à un gérant de cabinet, un organisateur d'événements accueillant du public ou une agence voyage/immo, sans aucune compétence technique, d'appairer une TV et de composer sa playlist en quelques minutes. Cela impose une double exigence : un backoffice limpide côté gestionnaire, et un player TV très robuste capable de tourner en continu, de se mettre à jour en temps réel et de résister aux coupures réseau, y compris sur les WebViews d'Android TV.

Une approche produit complète : backoffice, player, temps réel et facturation

Partant de ce constat, nous avons agi comme l'équipe produit et technique d'AtmoScreen sur l'ensemble du périmètre : un backoffice de personnalisation, un player TV temps réel, une architecture de slides extensible et un moteur d'abonnements Stripe.

1. Backoffice : personnaliser et piloter ses écrans

Un espace de gestion où chaque client appaire ses TV via un code à 4 caractères, compose sa playlist par glisser-déposer, règle la durée de chaque slide et applique ses couleurs de marque. Un seul tableau de bord pilote plusieurs écrans, depuis le web, Windows ou Mac.

2. Player TV : diffusion temps réel et résilience

Le player affiche la playlist en continu et reçoit les mises à jour instantanément via Server-Sent Events (SSE). En cas de coupure, il conserve le dernier contenu connu ; sur les TV où le SSE n'est pas fiable, un rafraîchissement manuel à la télécommande prend le relais. Une app Android TV dédiée complète la compatibilité Chromecast et navigateur.

3. Architecture de slides extensible & abonnements

Chaque type de slide (météo, cinéma, actualités, quiz, conseils santé, QR code, équipe) suit un même patron de provider, avec mise en cache mutualisée des appels aux API externes (WeatherAPI, TMDB). Côté business, les offres Starter, Premium et sur mesure sont gérées via Stripe et Better Auth, avec portail de facturation et synchronisation par webhooks.

Voir AtmoScreen en ligne

Découvrez la présentation du produit, les cas d'usage, les offres d'abonnement et l'app Android sur Google Play.

Stack technique : temps réel, extensible et prête à scaler

Un backoffice React 19 (Vite, TanStack Query, Tailwind CSS, shadcn/ui) pour la gestion, un backend NestJS avec Prisma et PostgreSQL, l'authentification et les abonnements via Better Auth et Stripe, le temps réel en SSE et une app Android TV. Le tout déployé sur AWS.

Front : React, TypeScript, Vite, Tailwind CSS

Back : NestJS, PostgreSQL, Prisma

Auth & Paiement : Better Auth, Stripe

TV : Android TV

Infra : AWS, GitHub

Outils : PostHog, Figma

Résultats : une alternative maîtrisée, personnalisable et prête à diffuser

• Remplacement d'un abonnement coûteux et figé par une solution maîtrisée, avec une interface moderne et une personnalisation complète de l'image de marque.
• Diffusion temps réel : chaque changement se propage instantanément sur tous les écrans concernés, avec repli hors-ligne.
• Contenus custom intégrables librement et produit monétisable : offres Starter, Premium et sur mesure gérées de bout en bout via Stripe.

Une collaboration produit de bout en bout

De la conception à la mise en production, nous avons pris en charge le produit dans son ensemble : architecture, backoffice, player, backend, intégrations d'API tierces, facturation et déploiement.

Chaque décision a été prise avec un objectif clair : garder l'expérience gestionnaire la plus simple possible tout en construisant une base technique solide et extensible, prête à accueillir de nouveaux types de contenus et de nouveaux écrans.