Moazzen MediaFilmische Website auf Englisch und Arabisch
Eine Website, die sich wie der Vorspann eines Films bewegt: geteilte Eröffnung, Zeitleiste und ein Showreel, das beim Scrollen abläuft, auf Englisch und Arabisch.
- Branche
- Film- und Medienproduktion
- Markt
- Arabisch- und englischsprachiges Publikum
- Sprachen
- Englisch, Arabisch
- Stand
- Gebaut, noch nicht veröffentlicht
- Leistungen
- Webdesign, Animation, CMS, Mehrsprachigkeit
- Technik
- React, Vite, GSAP, Lenis, Three.js, Strapi
Die Aufgabe
Eine Produktionsfirma braucht eine Website, die zeigt, dass sie mit Bild und Bewegung umgehen kann. Inhalte sollen ohne Programmierer gepflegt werden können, auf Englisch und Arabisch.
Was ich umgesetzt habe
- Einseitige Website mit geteilter Eröffnung, Zeitleiste, Showreel, Projektraster und Kontaktformular
- Inhalte aus dem Headless-CMS Strapi, mit eingebauten Ersatzinhalten
- Arabische Version mit Umschaltung von Sprache und Leserichtung
- Bewegung mit GSAP und Lenis, räumliche Elemente mit Three.js
Gelöste Probleme
Strapi-Abfragen nach dem Update
Nach einem Strapi-Update scheiterten die meisten Abfragen ohne Fehlermeldung, die Seite zeigte nur Ersatztexte. Die neu geschriebenen Abfragen liefern wieder die Inhalte aus dem CMS.
Showreel im arabischen Layout
Der Filmstreifen behält im Arabischen seine Geometrie, damit jedes Bild durchläuft. Seine Länge wird bei jeder Größenänderung neu gemessen.
Lenis im GSAP-Takt
Das weiche Scrollen läuft im Takt von GSAP. Eine doppelte Animationsschleife ist entfernt, die Bewegung ruckelt nicht mehr.
Arabische Typografie
Kein Buchstabenabstand im Arabischen, eigene Schrift für kleine Beschriftungen, Telefonnummern von links nach rechts.
Einblicke
