SaaS-Plattform-Design für M365-Sicherheitsüberwachung

SaaS-Plattform-Design für M365-Sicherheitsüberwachung

Information
Standort:
Weltweit
Branche:
Weiteres
Plattform:
UX/UI-Design, Produktdesignberatung, SaaS-Plattform-Design
Arbeitsmodell:
Zeit & Material
Projektdauer:
2,5 Jahre, laufend
Team-Mitglieder:
UX/UI-Designer, technischer Architekt, Business Analyst, Full-Stack-Entwickler,
ID:
0
Verwendete Technologien
SQL DB
HTML5
Azure
.NET Core
Angular 19+
Microsoft Graph API
SQL Automation
Blob Storage
PowerShell
Maester Framework
CSS3

Über den Kunden

Unser Kunde ist ein deutsches IT-Sicherheitsberatungs- und Managed-Services-Unternehmen, das sich auf Microsoft 365-Sicherheit, Compliance und Cloud-Infrastrukturmanagement spezialisiert hat. Das Unternehmen arbeitet mit Organisationen aus regulierten Branchen zusammen und unterstützt sie dabei, eine starke Sicherheitsstrategie aufrechtzuerhalten, Compliance-Anforderungen zu erfüllen und kritische Unternehmensdaten in Cloud-Umgebungen zu schützen.

Der Kunde wandte sich an Elinext, um die Erstellung eines proprietären SaaS-Plattform-Designs zu unterstützen, das darauf abzielt, die Überwachung, Analyse und Verbesserung der Microsoft 365-Sicherheitslage von Organisationen zu optimieren. Elinext lieferte UI/UX-Dienstleistungen sowie Expertise im Design für SaaS-Produkt, um komplexe Sicherheitsdaten in eine intuitive, skalierbare und benutzerfreundliche Lösung zu verwandeln. Unsere SaaS-Design-Services ermöglichten es unserem Kunden, klarere Einblicke zu liefern, die Audit-Vorbereitung zu beschleunigen und den Gesamtwert seiner Sicherheitsangebote für Endkunden zu steigern.

Geschäftliche Herausforderungen

Der Kunde erkannte eine erhebliche geschäftliche und marktbezogene Herausforderung im Bereich Microsoft 365-Sicherheit. Seine Kunden benötigten kontinuierliche Einblicke in Sicherheitskonfigurationen, Audit-Bereitschaft und Compliance-Status, während bestehende Ansätze stark auf manuellen Prozessen, fragmentierten Tools und reaktiven Bewertungen basierten.

Geschäftliche Herausforderungen, mit denen unser Kunde vor dem SaaS-Plattform-Design konfrontiert war:

  • Organisationen hatten Schwierigkeiten, aktuelle Sicherheits-Audits durchzuführen oder überhaupt aufrechtzuerhalten, wodurch Compliance-Risiken entstanden.
  • IT-Teams fehlten Ressourcen und Zeit, um sich kontinuierlich über aktuelle Sicherheitsbest Practices zu informieren.
  • Das Management benötigte klare, umsetzbare Einblicke in die Sicherheitslage, erhielt jedoch nur technische Daten.
  • Unternehmen waren sich versteckter Schwachstellen und Fehlkonfigurationen nicht bewusst, die zu Sicherheitsverletzungen führen könnten.
  • Begrenzte interne Kapazitäten verhinderten die schnelle Umsetzung identifizierter Sicherheitsverbesserungen.

Technische Herausforderungen, die Elinexts Design für SaaS lösen sollten:

  • Entwicklung eines zentralisierten SaaS UI/UX Designs, das Echtzeit-Einblicke in die M365-Tenant-Sicherheitskonfigurationen ermöglicht.
  • Durchführung der jährlichen Audit-Vorbereitung, die ohne geeignete QA-Testing-Services zeitaufwendig und fehleranfällig wäre.
  • Umgang mit Sicherheitsdaten, die über mehrere Microsoft-Tools verstreut waren, ohne eine einheitliche Visualisierung.
  • Ermöglichen eines automatisierten Vergleichs mit branchenüblichen Sicherheitsbenchmarks und Best Practices.
  • Überwindung des Mangels an historischer Trendanalyse, um Sicherheitsverbesserungen im Zeitverlauf nachzuverfolgen.

Nach Durchführung der manuellen Sicherheitsbewertungen mit nativen Microsoft-Tools entwickelte Elinext ein proprietäres SaaS-Design, das nicht nur die Pain Points des Kunden löste, sondern ihn auch als Innovator im M365-Sicherheitsbereich positionierte, einen neuen Umsatzstrom erschloss und einen Wettbewerbsvorteil im Managed-Services-Markt schuf.

Projektablauf

Das Projekt für SaaS-Design-Services wurde in drei Hauptphasen unterteilt, um einen strukturierten und effizienten Delivery-Prozess zu gewährleisten:

Phase #1 – Designstrategie & Methodik (1 Monat)

In der Anfangsphase führte Elinext Stakeholder-Interviews und Anforderungsanalysen durch, erstellte Wettbewerbs- und Marktanalysen und definierte Informationsarchitektur sowie Prioritäten der Funktionen. Kernkonzepte wurden über Low-Fidelity-Wireframes validiert, und die Grundlage für ein skalierbares Designsystem gelegt, inklusive Farbkonzept, Typografie und zentralem UI/UX-Design für SaaS. Ergebnis: Benutzerforschungsdokumentation, Informationsarchitektur-Diagramme, Wireframes, erste Design-System-Richtlinien und ein technischer Architekturvorschlag, der Geschäftsziele mit technischer Machbarkeit verband.

Phase #2 – Design & Prototyping (ca. 4 Monate)

In dieser Phase konzentrierten sich die SaaS-Design-Services von Elinext auf High-Fidelity-Visual-Design für alle Kernmodule, die Erstellung interaktiver Prototypen zur Validierung durch Stakeholder sowie die Erweiterung des Designsystems zu einer vollständigen, wiederverwendbaren Komponentenbibliothek. Das Team bereitete detaillierte Designspezifikationen, Übergabematerialien und Entwicklerdokumentation vor, um einen reibungslosen Übergang in die Entwicklung zu gewährleisten. Ergebnisse: High-Fidelity-Mockups, ein vollständig dokumentiertes Designsystem und ein interaktiver Prototyp, bereit für die Implementierung.

Phase #3 – MVP-Entwicklung & Iteration (2+ Jahre)

Während der iterativen Entwicklungsphase arbeitete Elinext in agilen Ein-Monats-Sprints, lieferte kontinuierliche Designunterstützung, führte regelmäßige Design-Reviews der SaaS-Plattform mit dem Entwicklungsteam durch und verfeinerte die Lösung auf Basis von Beta-Tests mit ausgewählten Kunden. Technische Einschränkungen wurden durch iterative Anpassungen des SaaS-Designs adressiert, Fehler behoben, Leistung optimiert und fortgeschrittene Features wie Multi-Tenant-Management, erweiterte Analysen und ein optimierter Onboarding-Flow implementiert. Ergebnisse: ein funktionales MVP mit Kernmodulen, Beta-Nutzerfeedbackberichte, verfeinertes UI/UX-Design für SaaS basierend auf realer Nutzung, aktualisiertes Designsystem im Einklang mit technischen Vorgaben sowie erste Benutzer- und Hilfedokumentationen.

Überblick über das finale SaaS-Design

Das Projekt für das SaaS-Plattform-Design wurde innerhalb des erwarteten Zeitrahmens von 2,5 Jahren abgeschlossen, wobei der Zeitplan bewusst flexibel gehalten wurde, um den iterativen, agilen Ansatz zu ermöglichen. Der verlängerte Zeitrahmen erlaubte:

  • Umfassende Benutzervalidierung bei jedem wichtigen Meilenstein
  • Anpassung an Änderungen und Updates im Microsoft 365-Ökosystem

Die finale Lösung der SaaS-Design-Services ist eine umfassende SaaS-Webanwendung mit folgender Architektur:

Modul 1: Sicherheits-Dashboard & Übersicht

Ein zentrales Dashboard, das Echtzeit-Einblicke in die Microsoft 365-Sicherheitslage bietet. Kritische Risiken, Compliance-Status und zentrale Kennzahlen werden über intuitive Visualisierungen und anpassbare Widgets dargestellt.

Sicherheits-Dashboard & Übersicht
Sicherheits-Dashboard & Übersicht

Modul 2: Audit-Vorbereitung & Compliance-Management

Ein automatisiertes Audit-Readiness-Modul vergleicht Tenant-Konfigurationen mit Branchenstandards, erkennt Compliance-Lücken und erstellt Auditberichte, wodurch der manuelle Vorbereitungsaufwand erheblich reduziert wird.

Modul 3: Sicherheits-Insights & Analytik

Ein fortgeschrittenes Analysemodul bietet tiefe Einblicke in Sicherheitskonfigurationen, Benutzerverhalten und Risikotrends mittels interaktiver Charts, Drill-Down-Analysen und exportierbarer Berichte.

Sicherheits-Insights & Analytik
Sicherheits-Insights & Analytik

Modul 4: Automatisiertes Empfehlungssystem

Ein intelligentes Empfehlungssystem liefert priorisierte, umsetzbare Sicherheitsverbesserungen mit Schritt-für-Schritt-Anleitungen, Wirkungsschätzung und Fortschrittsverfolgung.

Modul 5: E-Mail-Berichterstattung & Benachrichtigungen

Ein automatisiertes Benachrichtigungs- und Reporting-Modul hält Stakeholder über geplante Reports und Echtzeit-Alerts auf dem Laufenden – ohne ständige Plattformzugriffe.

E-Mail-Berichterstattung & Benachrichtigungen
E-Mail-Berichterstattung & Benachrichtigungen

Modul 6: Multi-Tenant-Management

Eine dedizierte Oberfläche für Managed-Service-Provider, die eine zentrale Übersicht über mehrere Tenants ermöglicht – mit Vergleichs-Dashboards, Massenaktionen und kundenspezifischem Reporting.

Geschäftliche Effekte für den Kunden

Das Projekt wurde innerhalb des geplanten Zeitrahmens unter Verwendung eines flexiblen, agilen Ansatzes umgesetzt, der kontinuierliche Validierungen, Anpassungen an Änderungen im Microsoft 365-Ökosystem und Beta-Tests mit realen Kunden ermöglichte. Dies stellte sicher, dass die finale Lösung stabil, relevant und an den realen Nutzungsszenarien ausgerichtet war, bevor sie vollständig eingeführt wurde. Vor der Implementierung führten wir außerdem Usability-Tests und UX-Audits durch.

Unmittelbar nach der Implementierung startete der Kunde eine proprietäre SaaS-Plattform, die sein Serviceangebot im Microsoft-365-Consulting-Markt klar differenziert. Sicherheitsbewertungen, die früher Stunden in Anspruch nahmen, können nun in Minuten abgeschlossen werden, während die automatisierte Audit-Vorbereitung den manuellen Aufwand deutlich reduziert und die Konsistenz über Projekte hinweg verbessert. Die intuitive Benutzeroberfläche ermöglicht eine schnelle Einführung mit minimalem Schulungsaufwand, und frühes Nutzerfeedback bestätigte hohe Benutzerfreundlichkeit und Designqualität.

Einige Kennzahlen zu den geschäftlichen Effekten für Unternehmen, die diese Plattform nutzen:

  • 5–10 aktive Nutzer pro Organisation, die die Plattform regelmäßig verwenden
  • Bis zu 70 % Reduktion der Zeit für die Bewertung der Microsoft 365-Sicherheitslage
  • Über 60 % weniger manueller Aufwand für die Audit-Vorbereitung dank Automatisierung
  • 50 % schnelleres Onboarding neuer Nutzer durch intuitive UI und standardisierte Workflows
  • 30–40 % Effizienzsteigerung bei Consultants durch Reduzierung repetitiver manueller Aufgaben
a7eb583c7a5943bf917013c2162be166
262d17a8c0704de3863f0b97804f5b16
737784f7c0874029909eedd3552b5281
c574081f3b624172a955fcbbf541fc51
2352621fe83242b997d7a0f3bd042975
b0ca1d93fb0141848b7f94bd390e0a5b
66b7847f231f4443bf6a7106e4b9d8d0
87c14b528a0945e9ae853b079082c57c
fc80fff0e3084256bc1a0beeb3575184
Haben Sie vor, ein gleiches Projekt zu schaffen?
Haben Sie eine Projektidee? Lassen Sie uns darüber diskutieren
Kontakt



    Insert math as
    Block
    Inline
    Additional settings
    Formula color
    Text color
    #333333
    Type math using LaTeX
    Preview
    \({}\)
    Nothing to preview
    Insert