Project

omnipolar studio - Website

omnipolar studio - Website

Die Web-Präsenz des Münchner Game Studios omnipolar, erreichbar unter omnipolar.studio. Statt einer klassischen Studio-Landingpage ist die Seite ein eigens konzipiertes „omnipolar Betriebssystem" – ein verspieltes, dynamisches Desktop-Erlebnis, das direkt im Webbrowser läuft.

Projektbeschreibung

Im Zentrum des Relaunchs stand die enge Verzahnung von Dienstleistungsangebot und Endnutzerinformation. Ziel war es, Inhalte nicht nur zugänglich zu machen, sondern sie als interaktives Erlebnis zu inszenieren.

Das Ergebnis ist ein im Browser erlebbares Betriebssystem: Nutzerinnen und Nutzer navigieren durch verschiedene „Apps", die sich jeweils in eigenen Fenstern öffnen, und gestalten ihr Nutzungserlebnis aktiv mit. Interaktive Elemente laden dazu ein, die Inhalte schrittweise zu entdecken und fördern eine explorative Auseinandersetzung mit der Seite.

Das OS-Konzept

  • Boot-Sequenz: Der Einstieg inszeniert sich als Systemstart („Starting omnipolar OS")
  • Desktop & Fenster: Inhalte öffnen sich als App-Fenster auf einem Desktop statt als klassische Unterseiten
  • App-basierte Struktur: Über uns, Team, Projekte, Leistungen, Support, Blog, Kontakt und weitere Bereiche sind jeweils eigene „Apps"
  • URL-Abbildung: Jeder Fensterzustand wird in der URL abgebildet – das schafft klare Navigationszustände, Deep-Linking und Vorteile für die Suchmaschinenoptimierung (SEO)

Inhalte & Showcase

Die App-basierte Struktur macht das Studio und seine Arbeit erlebbar:

  • Projekte: Ein Showcase, gegliedert in Games, Apps und Websites – darunter Animal Economist, Über Umwege und Worth It!
  • Spiele im Browser: Browserbasierte Anwendungen und Spiele lassen sich nahtlos integrieren und unmittelbar im OS spielen
  • Studio-Infos: Über uns, Team und Leistungen vermitteln, wofür omnipolar steht
  • Blog & Kontakt: Eigene Apps für Neuigkeiten und die Kontaktaufnahme

Technische Umsetzung

  • Nuxt 3 & Vue 3: Framework und Komponentenarchitektur für das Fenster-/App-System
  • GSAP: Animationen für das dynamische, lebendige OS-Erlebnis
  • Pinia: State Management für Fenster, geöffnete Apps und OS-Zustand
  • Tailwind CSS: Utility-first Styling für den Markenauftritt
  • Vercel: Hosting und Deployment unter omnipolar.studio
  • Figma: UX- und UI-Design des Betriebssystem-Konzepts

Status

Die Website ist online und repräsentiert das Studio nach außen. Inhalte und Funktionsumfang werden – passend zur Entwicklung des Studios und seiner Projekte – laufend erweitert.