← Tous les projets
Site avec effets
Café Aurora
Un café cyberpunk qui n’existe pas, avec écran d’accueil, fond animé, carte et un laboratoire pour composer sa boisson.
Le défi
Dans le cours de Développement d’interfaces, la même demande a été faite à trois IA : ChatGPT, Gemini et DeepSeek. Le travail : choisir la meilleure page, comprendre chaque ligne et refaire le code à la main, sans perdre un seul effet.
Ce qui a été fait
- Un café cyberpunk avec écran d’ouverture, curseur personnalisé, fond de particules, carte et un laboratoire pour composer sa boisson, la tasse étant dessinée uniquement en CSS.
- De 6 h à 18 h, le site devient la Boulangerie Aurora : d’autres couleurs, une autre carte et un laboratoire à pain, choisis selon l’horloge du visiteur avant que la page s’affiche.
- La même page en trois versions, CSS pur, Bootstrap et Tailwind, pour comparer ce que change chaque façon d’écrire le CSS.
- C’est le site d’exemple du simulateur de Linu Sites : chaque partie s’y allume et s’éteint, et le prix change avec elle.
Sous le capot
- 13 langues générées à partir d’un seul modèle, avec des polices servies par le site lui-même, sans CDN.
- Contraste AA de jour comme de nuit et cibles d’au moins 24 px, vérifiés avec axe ; avec « réduire les animations », tout s’arrête.
- Il n’accepte les commandes du simulateur que si elles viennent de l’adresse de Linu Sites.
Vous voulez quelque chose de semblable pour votre entreprise ?
Dites-nous ce que vous faites et ce que vous imaginez. Ce peut être juste une idée : la réponse arrive avec des questions et les prochaines étapes.