Reynarie Portes – Literatur als Web-Erlebnis
Dreisprachige Autorinnen-Website: Aquarellmotive und Buchtypografie verbinden den Roman »Sa Maliit na Bintana« mit einem interaktiven 3D-Buch, Leseproben und einem Buchtrailer. Online auf reynarie.com.
Raum für die Geschichte

Auf einen Blick
- Deutsch, Englisch und Filipino
- Drehbares 3D-Buch mit dem Originalcover
- Leseproben mit Spaltenwahl und Lesefortschritt
- Selbst gehosteter Buchtrailer
- Tag- und Nachtansicht mit lokal eingebundenen Schriften
- Tastaturbedienung und Unterstützung für reduzierte Bewegung
Ausgangslage
Für die Autorin Reynarie Portes entwickelten wir eine Website zu ihrem Roman »Sa Maliit na Bintana«. Sie führt Buchvorstellung, Autorinnenporträt, Leseproben und einen Buchtrailer zusammen. Der Auftritt ist auf reynarie.com veröffentlicht und wird weiterentwickelt.
Herausforderung
Die Aquarellwelt des Covers soll im Web wiedererkennbar werden und zugleich Raum zum Lesen lassen. Deutsch, Englisch und Filipino brauchen durchgängige Sprachfassungen. Das räumliche Buch soll sich erkunden lassen, während Texte und Leseproben auch ohne 3D zugänglich bleiben.
Unsere Lösung
Die Umsetzung greift Farben und Bildmotive des Originalcovers auf: warme Papierflächen, blaue Überschriften, goldene Akzente und Buchtypografie. Im Einstieg lässt sich ein dreidimensionales Buch per Maus, Finger oder Tastatur drehen. Ohne WebGL bleibt das Cover als Bild sichtbar. Eigene Leseprobenseiten bieten Spaltenwahl, Lesefortschritt und einen mitlaufenden Kapitelhinweis. Der Buchtrailer ist direkt eingebunden und wird erst bei bewusster Wiedergabe geladen.
Besonderheit
Tag- und Nachtansicht, lokal eingebundene Schriften und die Unterstützung für reduzierte Bewegung ergänzen die Gestaltung. Die Website ist mit Astro als statischer Auftritt umgesetzt; Three.js übernimmt die Buchszene. Buchvorstellung, Leseproben und Autorinneninformationen sind direkt auf reynarie.com erreichbar. In der CAZcity hat Reynarie ihr eigenes Haus; im CAZuniversum ist das Projekt auf Aurea zu entdecken.
Das Ergebnis
Eingesetzte Technik
Ähnliches Projekt im Kopf?
Erzählt uns davon — wir bauen digitale Produkte, die wirklich funktionieren. Ehrlich, schnell und ohne Templates.
Projekt anfragen