Aller au contenu
beeraw
Tout le nid // site vitrine · 2026

Aymane Alhamid

Le portfolio d'un réalisateur et photographe, monté et mis en ligne en moins de vingt-quatre heures pour partir avec lui à New York : un site où le travail parle, des films qui se lisent partout, et un contenu qu'on charge sans ouvrir l'administration.

Le point de départ

Aymane Alhamid est réalisateur et photographe franco-comorien. Son travail tenait dans un deck Pitch : vingt-trois projets, pour Marine Serre, Dazed, Adidas Y-3, New Balance, Nike, Google…

Il partait à New York rencontrer agents, producteurs et clients, et il lui fallait une adresse à leur donner. Le délai était court, la demande simple : « que le travail parle ». Trois sites de référence, aucun ne s'ouvrant sur une vidéo plein cadre — tout passait par l'image fixe, le calme, la liste.

Ce qui a été construit

Un portfolio en anglais, avec back-office et serveur MCP.

  • Accueil, index des capsules, pages Films et Photos, à propos, contact.
  • Capsules : un travail (campagne, éditorial, clip, court métrage) raconté par une suite ordonnée de photos et de films.
  • Films diffusés en HLS adaptatif, photos servies en copies WebP à la taille de l'écran.
  • Thème clair et thème sombre, logo tiré de l'écriture d'Aymane.
  • Serveur MCP : tout ce que fait l'administration se fait aussi depuis un agent, avec les mêmes droits.

Le déroulé

Choisir sur pièces, pas sur description

Chaque choix visuel a été présenté en trois pistes, et tranché avec Aymane. Pour le logo, il a pris sans hésiter son écriture à la main, vectorisée et nettoyée. Pour le site, il a retenu un mélange de deux pistes : l'accueil de l'une, l'index de l'autre, et un thème clair et un sombre pour les réunir.

Le texte, lui, est en une seule sans-serif, sobre. L'écriture manuscrite reste au logo : dans un paragraphe, elle ne se lit plus.

Des films trop lourds pour un téléphone

Le site est parti en ligne avec les films tels qu'Aymane les envoyait : un fichier par film, en haute définition. Sur un ordinateur, rien à redire. Sur un téléphone, c'était autre chose : des vidéos trop lourdes, qui mettaient longtemps à démarrer. Or c'est souvent sur un téléphone qu'on ouvre un lien reçu en rendez-vous.

Chaque film est donc maintenant découpé en arrière-plan en plusieurs qualités (HLS), et le lecteur choisit celle qui suit la connexion et la taille d'affichage. Le fichier d'origine reste en secours. Les photos ont suivi le même chemin : des copies WebP à la bonne taille, qui arrivent nettes après un aperçu flou.

Ne rien laisser tourner

Un bandeau qui défile, un carrousel, un changement de thème animé : ce sont des composants qui fuient facilement. Chacun s'arrête hors écran, s'efface quand on quitte la page, et se tient tranquille quand le visiteur a demandé moins d'animations. C'est invisible, et c'est ce qui permet de laisser l'onglet ouvert toute une réunion.

Charger le contenu sans ouvrir l'administration

Aymane envoie ses fichiers ; il ne veut pas devenir administrateur de site. Le back-office existe, mais tout ce qu'il permet se fait aussi par un serveur MCP, en soumettant le même formulaire et en passant par les mêmes règles. Aucune règle n'est écrite deux fois, donc aucune des deux portes n'est plus permissive que l'autre.

Une jauge d'espace disque complète le tout : un film qui ne tient plus est refusé avant d'être envoyé, pas après avoir rempli le serveur.

Ce que ça a changé

Le site est passé en production dans la nuit du 25 au 26 octobre 2026, moins de vingt-quatre heures après le début du chantier, back-office et serveur MCP compris. Les deux jours suivants ont servi à corriger ce que l'usage a montré : les films trop lourds sur mobile, passés en streaming adaptatif, les photos allégées, et une jauge d'espace disque. Il est en ligne et indexé, avec vingt-trois capsules publiées.

Ce que ce projet a confirmé : quand le délai est court, ce qui fait gagner du temps n'est pas de couper dans la qualité, c'est de ne présenter que des choix qu'on peut trancher sur pièces, puis de regarder le site vivre avant de le peaufiner.

Racontez-moi votre projet

Dites-moi en quelques mots ce que vous voulez construire. Vous écrivez au développeur, pas à un formulaire anonyme.