La Fémis
Une vitrine cinéma, pilotée sans développeur
Un site institutionnel au grain cinéma, servi par un front Next.js découplé et un back-office WordPress que l'école pilote seule.
Entité publique·Éducation
Un projet, 2 interfaces
À quoi ça ressemble
La Fémis forme aux métiers de l'image et du son. Son site devait porter cette exigence : une direction artistique cinématographique, bilingue, qui met en avant films étudiants, alumni et événements. CyberScale a livré un front Next.js découplé d'un WordPress headless. Les équipes gèrent films, alumni et actualités dans un back-office sur mesure ; le public, lui, ne voit qu'un site rapide et élégant.
Une identité visuelle unique
Couleurs
Typographie
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0 1 2 3 4 5 6 7 8 9 & @ # %
Titres qui portent le message
Sous-titres qui structurent
Un texte courant lisible sur tous les écrans, avec des interlignes généreux.
Construit avec des technologies qui durent
Les technos les plus utilisées au monde, qui font tourner Airbnb et Netflix.
Next.js
React
TypeScript
Tailwind CSS
WordPress
PHP
MySQL
Node.jsLe projet écran par écran
Des enjeux concrets, des réponses concrètes
Des enjeux concrets, des réponses concrètes
Les choix qui comptent
Trois décisions de conception prises sur ce projet, et pourquoi.
Direction artistique cinématographique
Direction artistique cinématographique
Fond noir profond, accent or et titres Playfair : chaque page a le grain d'une affiche de cinéma.
La photo plein écran et les révélations au scroll installent une tension cinématographique dès le hero.
Navigation et recherche par département
Navigation et recherche par département
Films, alumni et événements se filtrent par département (réalisation, image, son…) et par promotion.
Une recherche transverse et un switch FR / EN couvrent tout le site, sans rechargement de page.
Architecture WordPress headless
Architecture WordPress headless
WordPress ne sert que l'API REST : le contenu alimente un front Next.js rendu côté serveur, découplé et rapide.
Les équipes éditent des champs sur mesure (ACF) dans un back-office familier, sans toucher au code du site public.
Rapide, mesuré, prouvé
La vitesse n’est pas une promesse : elle se mesure.
Chargement immédiat
Le contenu essentiel s’affiche en une fraction de seconde : rendu côté serveur, HTML léger, JavaScript réduit au strict nécessaire.
Images optimisées
Formats modernes (WebP/AVIF), dimensions adaptées à l’écran et chargement différé hors de l’écran : aucun octet gaspillé.
Stabilité visuelle
Pas de saut de mise en page pendant le chargement : les tailles sont réservées à l’avance, l’interface reste calme sous les yeux.
Une sécurité qui ne dort jamais
Ce qui tourne en arrière-plan pour que votre projet reste debout, quoi qu’il arrive.
Sauvegardes quotidiennes sur serveur distant
Procédure de reprise testée mensuellement
Monitoring automatique toutes les 5 min du service, alerte auto si service down
Chiffrement SSL
Isolation des environnements de développement
5 étapes pour concrétiser votre projet
Cadrage
On tient un cabinet d’ostéopathie. L’idée : que nos patients réservent en ligne, sans appeler.
Reçu ! On vous prépare un prototype sous 3j
Vous décrivez votre projet
Un cahier des charges si vous en avez un, quelques paragraphes libres sinon.
Vous avez lu jusqu’ici ? Continuons ensemble.
Avant de signer, on vous offre sous 3j un prototype de votre projet.
Sans engagement
