Yazan.
Alle Projekte
WebsitesJuli 2026

Mozaic Coffee — zweisprachige Marken- und Menüseite

Urheber · Eigenständige Umsetzung

Marken- und Menüseite für موزاييك · Mozaic Coffee in Al-Shaalan, Damaskus. Englisch und Arabisch sind beide erstklassig: jede Sprache hat ihren eigenen, statisch exportierten Routenbaum, und die arabische Seite ist vollständig RTL statt nachträglich gespiegelt.

Der Hero-Bereich ist ein WebGL-Mosaik, gebaut mit Three.js und React Three Fiber. Der Rest der Seite ist eine abschnittsweise aufgebaute Menü- und Markengeschichte, mit dokumentierter Anleitung zur Inhaltspflege, Fotografie-Richtlinien und Hinweisen zur Barrierefreiheit.

Die hochauflösenden Originalfotos des Cafés bleiben bewusst außerhalb des Repositorys — auf einigen Aufnahmen sind Gäste erkennbar — sodass nur die bearbeiteten, webtauglichen Bilder eingecheckt sind. Eine CI-Pipeline baut die Seite und veröffentlicht sie bei jedem Push auf main über GitHub Pages.

Technologien

Next.js 16React 19TypeScriptTailwind CSS 4Three.jsWebGL

Möchten Sie so etwas für Ihr Unternehmen?

Kontakt aufnehmen