Case Study

NetPlans
Cloud Cockpit

Ein global agierender Managed Service Provider mit über 400 IT-Experten, der sich auf innovative Cloud-Lösungen samt eigener Business Cloud in Deutschland spezialisiert.

Image

Das Projekt

Mit der Cloud Cockpit Web-Anwendung von NetPlans können Kunden virtuelle Maschinen (VMs) auf den Servern von NetPlans anlegen und verwalten. Die Nutzergruppe stellt hauptsächlich der B2B dar, welche sich nur eingeschränkt mit der Back-End Server Struktur auskennen. Hier dient das Cloud Cockpit als Schnittstelle zwischen dem Back-End Server System und dem Endnutzer. Dabei stellt NetPlans alle Infrastruktur-Komponenten, wie z. B. Server, Rechenleistung, Netzkapazitäten, Speicher, Backup-Kapazitäten auf einer shared Hardware-Plattform zur Verfügung.

Meine Rolle

  • User Flow

  • UX/UI Design

  • Design System

  • Management Design

Zielsetzung

Problemstellung

  • Einrichtung und Verwaltung

    Die bestehenden Prozesse zur Einrichtung und Verwaltung von VMs waren zeitaufwändig und erforderten technisches Fachwissen.

  • Mangelnde Konfigurationsmöglichkeiten

    Es gab begrenzte Möglichkeiten für Nutzer, ihre VMs selbstständig zu konfigurieren und anzupassen.

  • Aktivitäten und Zugriffe

    Einfacher Zugriff auf Aufzeichnungen fehlte, um die Aktivitäten und Zugriffe auf die VMs nachzuverfolgen.

Image
Image

Lösung

  • Individuelle Konfiguration

    Anpassung von vCPU, RAM und des Speicherplatzes der VMs direkt über das Cloud Cockpit, für individuelle Anwendungsfälle.

  • Self-Service-Funktionen

    Die Einführung von Self-Service-Funktionen ermöglicht es der Nutzergruppe, ihre VMs nach Bedarf selbständig anzupassen und zu konfigurieren.

  • Implementierung von Log-Protokollen

    Log-Protokolle zur Aufzeichnung von Aktivitäten und Zugriffen auf die VMs, welche direkt vom Nutzer eingesehen werden können.

Nutzer Ziele

  • Selbständige, Administrative Konfiguration und Verwaltung der VMs
  • Individualisierung an Unternehmensstrukturen durch individuelle Konfigurationen
  • Grafische Übersicht und Steuerung der virtuellen Maschinen für jeden Nutzer

Business Ziele

  • Arbeitslast In-House reduzieren, Nutzer können selbständig VMs anlegen und verwalten
  • Service-Modell Erweiterung für NetPlans Cloud-Kunden
  • Markensichtbarkeit
Interface
Image

Dashboard

Das Dashboard gibt einen guten Einblick in die Kapazitäten der virtuellen Maschinen und eine Liste aller angelegten VMs.

Virtuelle Maschinen

  • VMs erstellen

    Anpassung von vCPU, RAM und des Speicherplatzes der VMs direkt über das Cloud Cockpit, für individuelle Anwendungsfälle.

  • VMs bearbeiten

    Um Nutzern volle Kontrolle über ihre virtuellen Maschinen gewährleisten zu können, mussten die Anwendung auch mit einem Bearbeitungsmodus erweitert werden.

Image
Image
Image
Module

IP Adressen

IP Adressen spielen bei virtuellen Maschinen eine zentrale Rolle und sollten von Nutzern auch manuell, im zugewiesenen Adressbereich, angepasst werden können.

Hardware

Hier können Hardware Komponenten wie RAM, Storage und CPU erweitert und gekürzt werden, für eine maximal individuelle Einstellung auf die Ansprüche des Nutzers bzw. des Unternehmens.

Passwort

Falls Nutzer nur “Leseberechtigung” erhalten sollen, wird dies in dem Passwort Modul zugewiesen und Änderungen werden im Log zwischengespeichert.

Lizenzen

Lizenzen der Nutzer werden automatisch angelegt falls Daten hinterlegt wurden.

  • 01
    IP Adressen
  • 02
    Hardware
  • 03
    Passwort
  • 04
    Lizenzen
System

Design System

Die Komponenten basieren auf dem Standard von Material Design. Alle Komponenten wurden in Figma mit einem Auto-Layout entworfen, für konsistente Abstände und schnelle Änderungen an Modulen. Auch für eine interaktive, visuelle Vorstellung (Prototyp) nutze ich die Variablen in Figma mit Interaktionen.

Image
Image

Variablen & Komponenten

Die Komponenten basieren auf dem Standard von Material Design. Alle Komponenten wurden in Figma mit einem Auto-Layout entworfen, für konsistente Abstände und schnelle Änderungen an Modulen. Auch für eine interaktive, visuelle Vorstellung (Prototyp) nutze ich die Variablen in Figma mit Interaktionen.

Learnings

Kommunikation im IT Sektor

Durch meine Grundlagen im IT Bereich konnte ich die Projektleitung und Kommunikation im Bereich Design selbständig leiten und Aufgaben ausführen. Dank dieser Grundlage konnte ich gut mit den Entwicklern kommunizieren und die komplexen IT-Strukturen in ein intuitives User Interface umwandeln.

Tiefen Einblick in Figma

Da Kommunikation mit Entwicklern “Key” für einen reibungslosen Ablauf ist, lernte ich viel mit Figma meine Ideen den Entwicklern zu präsentieren. Durch Figmas Variablen, Komponenten und Auto-Layout konnte ich schnell, globale Änderungen umsetzen und Ideen visualisieren.

Footer

Image

Hey, ich bin Robin.
Fotografie, Marketing & User Experience

Portfolio

Kontakt

email icon social media icon