Panorise – 360°-Showroom-Plattform für Agenturen und Kunden-Websites

Konzeption und Umsetzung einer skalierbaren SaaS-Plattform für interaktive 360°-Showrooms, die Agenturen in Kunden-Websites, WordPress-, Joomla- und Landingpage-Projekte einbetten können - inklusive Hosting, Embed-Workflow, Caching, Keycloak, Infrastructure-as-Code und automatisiertem Deployment.

Webapplikation SaaS Plattform 360° Showrooms Agentur-Workflow CMS-Integration Cloud-Infrastruktur Performance-Optimierung DevOps Identity-Management

Problem

Webagenturen, Digitalagenturen und CMS-Dienstleister möchten 360°-Showrooms als hochwertige Zusatzleistung anbieten, ohne für jedes Kundenprojekt eigene Viewer-, Speicher- oder Hosting-Infrastruktur aufzubauen. Gleichzeitig müssen Panoramen einfach hochgeladen, projektbezogen verwaltet, zuverlässig ausgeliefert und per Embed-Code in WordPress, Joomla, Landingpages oder individuelle Websites integriert werden können.

Lösung

Entwicklung einer cloud-nativen Plattform für agenturtaugliche 360°-Showrooms: Agenturen legen Kundenprojekte an, laden Panoramen hoch, bereiten webfähige Showrooms vor und integrieren diese über Embed-Codes direkt in Kunden-Websites. Die Architektur wurde auf Skalierbarkeit, sichere Auslieferung, klare Projekttrennung und wiederholbare Deployments ausgelegt - inklusive Multi-Layer-Caching, zentralem Identity-Management und Infrastructure-as-Code.

Umsetzung

Die Plattform wurde als containerisierte, serviceorientierte Architektur umgesetzt.

• Backend & Applikationslogik:

  • Entwicklung der Hauptanwendung mit C# (Blazor Server)
  • Ergänzende clientseitige Logik mit JavaScript
  • Projektverwaltung für mehrere Kunden, Websites und Showroom-Inhalte
  • Embed-Workflow zur Integration in Kunden-Websites, CMS-Projekte und Landingpages
  • Python Background Worker für asynchrone Konvertierungs- und Verarbeitungsprozesse
  • Klare Trennung von UI, Business-Logik und Worker-Prozessen

• Daten- & Caching-Strategie:

  • MariaDB für relationale Projekt- und Nutzerdaten
  • Redis als High-Performance-Cache für Sessions und Zwischenergebnisse
  • Nginx Reverse Proxy mit zusätzlichem HTTP-Caching-Layer
  • Mehrstufige Caching-Strategie zur Minimierung von Rechenlast und Latenz

• Identity & Security:

  • Zentrale Authentifizierung über Keycloak
  • Rollen- und Rechtekonzept für Kunden und Administratoren
  • Netzwerksegmentierung und Firewall-Regeln über OPNsense
  • Absicherung interner Services gegen direkten Zugriff

• Cloud & Infrastruktur:

  • Vollständig containerisierter Betrieb mit Docker
  • Infrastructure-as-Code mit Terraform (Provisionierung)
  • Server- und Konfigurationsmanagement über Ansible
  • Reproduzierbare Umgebungen für Staging und Produktion

• CI/CD & Deployment:

  • Gitea-basierte CI/CD-Pipelines
  • Automatisierte Build-, Test- und Deployment-Prozesse
  • Versionierte Docker-Images
  • Rollout-Strategien zur Minimierung von Downtime

Besonderer Fokus lag auf Performance-Optimierung großer Mediendateien, klarer Trennung rechenintensiver Prozesse und einem sicheren, wartbaren Regelbetrieb.

Screenshots

Projekt Infos

Kunde

Eigenentwicklung

Status

Produktiv im Einsatz

Projekt öffnen

Technologien

C# (Blazor Server) JavaScript Python Worker Services Embed Integration WordPress / Joomla Integration MariaDB Redis Nginx Keycloak OPNsense Docker Terraform Ansible Gitea CI/CD

Plattformbezug

Relevant für SaaS- und Plattformteams: Architekturentscheidungen, Wartbarkeit, Automatisierung, Betriebsfähigkeit und technische Risiken.

Eigene SaaS-Plattform realisieren?

Ich entwickle SaaS-Plattformen mit klarer Architektur, automatisiertem Deployment und professionellem Infrastruktur-Setup - von der MVP-Idee bis zum stabilen Produktivbetrieb.

Projekt besprechen