← Alle Projekte
Website mit Effekten
Café Aurora
Ein Cyberpunk-Café, das es nicht gibt, mit Startbildschirm, animiertem Hintergrund, Speisekarte und einem Labor, um das eigene Getränk zu mixen.
Die Herausforderung
Im Kurs Interface-Entwicklung bekamen drei KIs denselben Auftrag: ChatGPT, Gemini und DeepSeek. Die Aufgabe war, die beste Seite zu wählen, jede Zeile zu verstehen und den Code von Hand neu zu schreiben, ohne einen einzigen Effekt zu verlieren.
Was umgesetzt wurde
- Ein Cyberpunk-Café mit Startbildschirm, eigenem Cursor, Partikel-Hintergrund, Speisekarte und einem Labor, in dem man sein Getränk zusammenstellt; die Tasse ist nur mit CSS gezeichnet.
- Von 6 bis 18 Uhr wird die Website zur Bäckerei Aurora: andere Farben, eine andere Karte und ein Brotlabor, ausgewählt nach der Uhr der Besucher, bevor die Seite erscheint.
- Dieselbe Seite in drei Fassungen, reines CSS, Bootstrap und Tailwind, um zu vergleichen, was jede Art, CSS zu schreiben, verändert.
- Sie ist die Beispiel-Website im Simulator von Linu Sites: Jeder Teil lässt sich dort ein- und ausschalten, und der Preis ändert sich mit.
Unter der Haube
- 13 Sprachen aus einer einzigen Vorlage, mit Schriften von der Website selbst, ohne CDN.
- AA-Kontrast bei Tag und bei Nacht und Klickziele von mindestens 24 px, geprüft mit axe; mit „Bewegung reduzieren“ stoppen die Animationen.
- Sie nimmt Befehle des Simulators nur an, wenn sie von der Adresse von Linu Sites kommen.
So etwas für Ihr Unternehmen?
Erzählen Sie, was Sie machen und was Ihnen vorschwebt. Es darf auch nur eine Idee sein: Die Antwort kommt mit Fragen und nächsten Schritten.