--- title: "Janus Observatory: 3D-Interface für zehn mögliche Zukünfte — Dardo" description: "Janus Observatory: eine cineastische 3D-Story, ein interaktiver Atlas und ein Observatorium machen zehn mögliche Zukünfte der Zivilisation erkundbar." url: "https://dardo.studio/de/referenzen/janus-observatory-webdesign-case-study/" language: "de" translations: {"en":"https://dardo.studio/en/work/janus-observatory/","es":"https://dardo.studio/es/proyectos/janus-observatory/","fr":"https://dardo.studio/fr/realisations/janus-observatory-etude-de-cas-web-design/","it":"https://dardo.studio/it/lavori/janus-observatory/","pt":"https://dardo.studio/pt/projetos/janus-observatory/","nl":"https://dardo.studio/nl/werk/janus-observatory-webdesign-case/","sv":"https://dardo.studio/sv/utvalda-projekt/janus-observatory-webbdesign/","pl":"https://dardo.studio/pl/realizacje/janus-observatory-projekt-strony-www/","uk":"https://dardo.studio/uk/work/janus-observatory/","ru":"https://dardo.studio/ru/work/janus-observatory/","ar":"https://dardo.studio/ar/work/janus-observatory/","hi":"https://dardo.studio/hi/work/janus-observatory/","th":"https://dardo.studio/th/work/janus-observatory/","ja":"https://dardo.studio/ja/work/janus-observatory/","ko":"https://dardo.studio/ko/work/janus-observatory/","zh-Hans":"https://dardo.studio/zh-Hans/work/janus-observatory/","zh-Hant":"https://dardo.studio/zh-Hant/work/janus-observatory/"} updated: "2026-09-20" --- Fallstudie # Janus Observatory Janus Observatory, ein Projekt, das Dardo gemeinsam mit Blue Marble Space entwickelt, verwandelt eine spekulative Forschungsstruktur in eine cineastische Reise im Browser: eine Eröffnungswelt, ein Atlas mit zehn Zukünften und ein Observatorium, um verschiedene Arten, sie zu betrachten, miteinander zu vergleichen. 2026 · Webdesign / Creative Development / 3D / Motion / Datenvisualisierung [Website besuchen](https://janus-observatory.nicocerond.workers.dev/) ![Janus Observatory – Vorschau der Website](https://dardo.studio/_astro/01M4H7094Y54SGJNSQD5WPGNME_Zoj7CH.webp) Janus Observatory / Dardo Projekt · [Website besuchen ](https://janus-observatory.nicocerond.workers.dev/) ## Einem komplexen System eine erkundbare Form geben Zehn Zukünfte werfen sofort ein Navigationsproblem auf. Eine einfache Liste wäre übersichtlich, würde aber die räumliche Grundidee verlieren; eine ununterbrochene 3D-Sequenz könnte beeindrucken, ließe sich aber schwer vergleichen. Janus teilt das Erlebnis deshalb in Ebenen auf. Der cineastische Einstieg schafft die Atmosphäre, der Atlas sorgt für Orientierung und das Observatorium unterstützt das genauere Lesen. Diese Struktur schafft zudem Auswege. Besucherinnen und Besucher sollen vom Spektakel zur Information wechseln können, verstehen, wo sie sich befinden, und eine Welt erneut aufsuchen können, ohne das gesamte Intro noch einmal abspielen zu müssen. ## Bewegung, Daten und Barrierefreiheit haben jeweils eigene Aufgaben Die 3D-Ebene vermittelt Maßstab und die Unterschiede zwischen den Welten. Beschriftungen, Navigationsstatus und schriftliche Erläuterungen sorgen für die sachliche Orientierung. Durch diese Trennung der Aufgaben bleibt die Idee erhalten, wenn Animationen reduziert werden oder die Grafikleistung begrenzt ist. Eine Fallback-Lösung ist Teil des Erlebnisses und kein davon losgelöster Wartungsmodus. - Mit dem Atlas das gesamte Spektrum sichtbar machen, bevor eine tiefe Erkundung verlangt wird. - Namen, Status und erklärende Texte auch außerhalb der gerenderten Welt verfügbar halten. - Reduzierte Bewegung, Tastaturbedienung und die Wiederherstellung nach einem Grafikfehler testen. ## Die Abnahme konzentriert sich auf Verständlichkeit und Robustheit Eine praxisnahe Abnahme fragt, ob Besucher die aktuelle Welt benennen, zum Atlas zurückkehren, erzählerisches Material von unterstützenden Daten unterscheiden und nach einem Rendering-Fallback weitermachen können. Die Bildrate allein kann diese Fragen nicht beantworten. Die öffentliche Erfahrung macht die Interaktion überprüfbar; Aussagen über das Verständnis des Publikums würden eine eigene Studie erfordern. ## Reproduzierbare Forschung und Release-Nachweise Dardo hat das Live-Deployment auf Cloudflare Workers geprüft und die Umsetzung am 20 September 2026 übergeben. Das Projekt verbindet eine Web-Experience mit Next.js und TypeScript mit einer Python-Datenpipeline, Prüfungen des Quellenmanifests, Validierung von Zitaten und Links, Forschungsevaluierungen, Bundle-Budgets und Browser-QA. Die Release-Workflows prüfen außerdem die Reproduzierbarkeit der Quellen, den Haupt-Build und visuelle Regressionen. Diese Nachweise stützen die Aussagen zu Umsetzung und Wartung, während die Szenarien explorativ bleiben und keine Prognosen sind. ## Nachweise und Grenzen Die Fallstudie beschreibt die öffentliche interaktive Experience sowie das dort sichtbare Design und die Umsetzung. Sie stellt die Szenarien nicht als Prognosen dar und behauptet weder gemessenen Lerneffekt noch Engagement oder Forschungswirkung. ![Janus Observatory – Erde: Architektur und Oberflächendetails](https://dardo.studio/_astro/01M4H707TKJZS1JG9Z1AXVKQ17_Z2rlui1.webp) Erde: Architektur und Oberflächendetails ![Janus Observatory – Der Beobachter und das Teleskop](https://dardo.studio/_astro/01M4H708Y9B68E18C4YVPVNNZF_1IFHAM.webp) Der Beobachter und das Teleskop [Website besuchen](https://janus-observatory.nicocerond.workers.dev/) ## Quellen & weiterführende Literatur Primärer Projektnachweis: das Live-Deployment und die Umsetzungsdetails, die Dardo für diese Fallstudie geprüft hat. - [Janus Observatory – Live-Experience](https://janus-observatory.nicocerond.workers.dev/) · janus-observatory.nicocerond.workers.dev [Dardo](https://dardo.studio/de/) · [Projekte](https://dardo.studio/de/referenzen/) · Janus Observatory ## Weiterstöbern. - [Leistung · **Individuelles Webdesign-Studio in Bogotá, Kolumbien**](https://dardo.studio/de/leistungen/webdesign-agentur-bogota/) - [Leistung · **Creative-Development-Studio für interaktive Websites**](https://dardo.studio/de/leistungen/creative-development/) - [Ihr Projekt · **Gespräch starten**](https://dardo.studio/de/kontakt/)