Kundenportal für die Verwaltung von Hosting-, VPS- und Cloud-Diensten

Innowise unterstützte Serverplan beim Aufbau eines Self-Service-Kundenportals für die Verwaltung von Hosting-Produkten, Bestellungen, Transaktionen, Abonnements und Kontoeinstellungen über die bestehende Core API und Middleware.

Einheitliche Drehscheibe für Hosting und Kontoverwaltung

Reibungslosere Arbeitsabläufe durch Core API und Middleware-Integration

Branche Informationstechnologie

Angestellte 50+

Region Italien

Leistungen Web-Entwicklung, Back-End-Entwicklung, Integration

Kunde seit 2024

Kundenübersicht

Artikel mit KI zusammenfassen

Serverplan ist ein italienischer Anbieter von Hosting- und Cloud-Diensten. Er bietet Shared Hosting, VPS, dedizierte Server, Cloud-Lösungen und Domain-bezogene Dienste für Unternehmen, die eine zuverlässige Infrastruktur und kontinuierlichen technischen Support benötigen. Das Unternehmen ist seit 2002 tätig und hat seinen Sitz in Cassino, Italien.

Herausforderung

Serverplan benötigte ein neues Kundenportal, mit dem die Benutzer alle ihre Hostingdienste an einem Ort verwalten können. Das Portal sollte alltägliche Aufgaben wie die Verwaltung von Produkten, die Aufgabe und Verfolgung von Bestellungen, die Überprüfung von Transaktionen, die Anzeige von Rechnungen, die Bearbeitung von Abonnements, die Auswahl von Zahlungsmethoden und die Aktualisierung von Kontoeinstellungen unterstützen.
Ziel war es auch, das Portal für Kunden, die verschiedene Arten von Diensten wie Hosting, Domains, VPS und dedizierte Server verwalten, benutzerfreundlicher zu gestalten. Das Portal sollte diese Aufgaben unterstützen, damit die Nutzer ihre Dienste einfacher verwalten und Abrechnungs- und Serviceinformationen schnell finden können.
Eine weitere Herausforderung bestand darin, viele Funktionen in einem Portal unterzubringen, ohne dass sich die Benutzererfahrung aufgespalten anfühlt. Der neue Kundenbereich musste Produktmanagement, Bestellungen, Rechnungsstellung, Abonnements und Kontoeinstellungen vereinen und gleichzeitig für die tägliche Nutzung übersichtlich sein.

Auf der technischen Seite musste das Portal dieselbe Kern-API verwenden wie der Bestellassistent von Serverplan für die Bestellung von Hosting-Diensten. Das bedeutete, dass das Frontend die Backend-Daten nicht direkt nutzen konnte. Das Team musste eine Middleware-Schicht hinzufügen, um die Daten für die Benutzeroberfläche aufzubereiten.
Das Portal fasste auch viele verschiedene Bereiche an einem Ort zusammen: Servicemanagement, Bestellungen, Transaktionen, Rechnungen, Abonnements, Zahlungsmethoden und Kontoeinstellungen, einschließlich 2FA und Aktivitätsprotokolle. Jeder dieser Bereiche hatte seine eigene Logik, so dass das Team dafür sorgen musste, dass sie zusammenarbeiten, ohne die Gesamtstruktur des Portals zu unterbrechen.
Das Produkt selbst wurde als eine Reihe von separaten Funktionsmodulen aufgebaut. Während der Entwicklung musste das Team die Benutzerfreundlichkeit und den Datenfluss über alle Module hinweg konsistent halten, damit das Portal wie ein zusammenhängendes System wirkt.

Gelieferte Lösung

Lösungsdesign

Unser Team hat sich um den Frontend-Teil von Octopus gekümmert und diesen mit dem Backend verbunden, um einen neuen Kundenbereich für Serverplan-Nutzer aufzubauen.

Das Portal nutzte die gleiche Kern-API wie das Projekt Order Wizard. Einfach ausgedrückt, enthielt das Backend bereits die Logik und die Daten, die für die Plattform benötigt wurden, aber diese Daten konnten nicht auf benutzerfreundliche Weise direkt in die Schnittstelle übernommen werden. Aus diesem Grund umfasste die Lösung auch eine Middleware-Schicht, die die API-Daten für das Frontend umgestaltete.

Das Portal selbst wurde als eine Reihe von Modulen geplant, die die wichtigsten Aufgaben der Benutzer abdecken: Öffnen des Dashboards, Konfigurieren von Produkten, Verwalten von Projekten und Aufträgen, Überprüfen des Transaktionsverlaufs, Zugriff auf Rechnungen, Arbeiten mit Prepaid-Guthaben und Abonnements, Auswahl von Zahlungsmethoden und Aktualisieren von Kontoeinstellungen. Dieser Aufbau folgte der bestehenden Domänenstruktur und gab dem Kundenbereich eine logische Form, während sich das Projekt weiterentwickelte.

Gelieferte Hauptfunktionen

Dashboard und Kundenbereich

Das Octopus-Dashboard fasst die wichtigsten Konto- und Servicedetails an einem Ort zusammen. Die Benutzer konnten einen Bildschirm öffnen und schnell die aktivierten Aufträge, die noch in der Einrichtung befindlichen Aufträge, Fälligkeitsdaten, Zahlungen und Rechnungen überprüfen. Unser Team entwickelte das Frontend für diesen Teil des Portals und verband es mit dem Backend, so dass diese Abläufe innerhalb des neuen Kundenbereichs funktionieren konnten. Für die Benutzer von Serverplan bedeutete dies, dass sie weniger Zeit mit der Suche nach routinemäßigen Konto- und Serviceinformationen verbringen mussten.

Produkt- und Auftragsverwaltung

Dieser Teil des Portals fasste die Produktkonfiguration und die Auftragsverwaltung an einem Ort zusammen und umfasste Domains, Shared Hosting, Reseller Hosting, Powermail, PEC, dedizierte Server und VPS. Er enthielt auch spezielle Tools für die Verwaltung von Paketen und Bestelllisten nach Produkttyp sowie Projektmanagementfunktionen für die Erstellung benutzerdefinierter Bereiche und die Gruppierung verwandter Objekte. Anstatt zwischen unzusammenhängenden Abschnitten hin- und herzuspringen und zu versuchen, den Überblick zu behalten, konnten die Benutzer verschiedene Produkte und damit zusammenhängende Aktionen im selben Kundenbereich mit viel weniger Aufwand verwalten.

Abrechnung, Transaktionen und Prepaid-Guthaben

Octopus bot auch eine Transaktionshistorie, Zugang zu ausgestellten Rechnungen und eine Prepaid-Guthabenverwaltung mit Aufladungen, Transaktionshistorie, Nutzungsgrenzen und Benachrichtigungen. Diese Funktionen bildeten die Abrechnungsseite des neuen Kundenbereichs und verschafften den Nutzern einen klareren Überblick über ihre Finanzvorgänge ohne zusätzliches Hin und Her. Für Serverplan bedeutete dies ein umfassenderes Kontoerlebnis rund um Zahlungen und alltägliche Abrechnungsaufgaben.

Abonnements und Zahlungsmodalitäten

Das Portal umfasste auch die Abonnementverwaltung für die automatische Verlängerung von Bestellungen mit Änderungs- und Kündigungsoptionen. Die Benutzer konnten auch elektronische Zahlungsmethoden wie Kreditkarten und PayPal verwalten. Anstatt also wiederkehrende Service-Aktionen von zahlungsbezogenen Aufgaben zu trennen, konnte Serverplan sie im selben Kundenbereich zusammenführen und die Abläufe einfacher gestalten.

Kontoeinstellungen und Zugangskontrolle

Der Kontobereich fasste persönliche Daten, Rechnungskontakte, Zugriffseinstellungen, 2FA und ein Aktivitätsprotokoll zusammen, sodass die Benutzer die wichtigsten Kontoeinstellungen von einem Ort aus verwalten konnten. Als Teil der umfassenderen Arbeiten am Portal half Innowise dabei, diese Kontobewegungen in denselben Kundenbereich wie dienstleistungsbezogene Aktionen zu bringen, wodurch das Portal bei der täglichen Nutzung kohärenter wurde.

Ansatz für die Lieferung

Innowise verwaltete das Projekt nach dem agilen Ansatz, der sich für ein Portal wie dieses eignet, bei dem sich die Anforderungen ändern können, wenn neue Abschnitte Gestalt annehmen. Anstatt zu versuchen, jedes Detail vom ersten Tag an zu planen, ging das Team in Iterationen vor und arbeitete sich Schritt für Schritt durch den Umfang.

Um dies handhabbar zu machen, wurde das Portal in Module unterteilt, die auf der bestehenden Bereichsstruktur basieren. So konnte das Team übersichtlicher an verschiedenen Teilen des Kundenbereichs parallel arbeiten und gleichzeitig das Gesamtsystem übersichtlich halten.

Die Bereitstellung erfolgte dann in Entwicklungs- und Testphasen, wobei Meilensteine festgelegt wurden, um den Fortschritt zu verfolgen und die Einführung mit dem breiteren Zeitplan des Portals in Einklang zu bringen. So blieb der Prozess dort flexibel, wo er gebraucht wurde, aber dennoch strukturiert genug, um die Arbeit stetig voranzutreiben.

Die Schwierigkeit bestand darin, dass das Backend bereits über eine eigene Struktur verfügte, die sich nicht sauber mit den Erwartungen der Benutzer an ein Kundenportal deckte. Wir mussten diese Daten durch die Middleware in Form bringen und im Frontend so abbilden, dass alltägliche Aktionen wie die Verwaltung von Diensten oder die Überprüfung von Rechnungen einfach zu erledigen waren.

Dmitry Coolgun Delivery Manager

Technologien

Vue 3

Mezzi

PHP

JavaScript

HTML

CSS/SCSS

Bootstrap

Team

Projektmanager

PHP-Entwickler

Ergebnisse

Projektdauer

Februar 2024 - Dezember 2024

Mit dieser Lösung wurden beide Seiten der Herausforderung auf einmal gelöst. Serverplan verfügt nun über ein einziges Portal für Service-, Abrechnungs- und Kontoaufgaben, in dem die Benutzer Bestellungen überprüfen, Rechnungen einsehen, Abonnements verwalten, Zahlungsmethoden aktualisieren und Kontoeinstellungen vornehmen können, ohne zwischen verschiedenen Bereichen wechseln zu müssen. Das macht das tägliche Servicemanagement direkter und weniger verstreut.

Unter der Haube arbeitet das Portal weiterhin mit dem bestehenden Backend von Serverplan über die Core-API und die Middleware-Schicht zusammen, so dass sich das neue Kundenerlebnis in das aktuelle technische Setup des Unternehmens einfügt, anstatt es zu ersetzen.

Inhaltsübersicht

PHP-Kenntnisse für Hosting-Portale

Fallstudien

Kontakt aufnehmen

Anruf vereinbaren oder füllen Sie das Formular aus. Wir kontaktieren Sie, sobald wir Ihre Anfrage bearbeitet haben.

Name

Unternehmen

E-Mail

Telefon

Nachricht

Sprachnachricht senden

Datei beifügen

Datei hochladen

Sie können 1 Datei mit bis zu 2 MB anhängen. Gültige Dateiformate: pdf, jpg, jpeg, png.

Mit dem Klicken auf Senden erklären Sie sich damit einverstanden, dass Innowise Ihre personenbezogenen Daten gemäß unserer Datenschutzerklärung verarbeitet, um Ihnen relevante Informationen bereitzustellen. Mit Angabe Ihrer Telefonnummer stimmen Sie zu, dass wir Sie per Sprachanruf, SMS oder Messaging-Apps kontaktieren. Es können Gebühren für Anrufe, Nachrichten und Datenübertragung anfallen.

Sie können uns auch kontaktieren
bis hin zu contact@innowise.com

Wie geht es weiter?

Sobald wir Ihre Anfrage erhalten und geprüft haben, melden wir uns bei Ihnen, klären erste Fragen und unterzeichnen bei Bedarf ein NDA, um die Vertraulichkeit zu gewährleisten.

Nach genauer Prüfung Ihrer Anforderungen, Bedürfnisse und Erwartungen wird unser Team einen Projektvorschlag mit Angaben zu Arbeitsumfang, Teamgröße, Zeitaufwand und Kosten erstellen.

Wir vereinbaren einen Termin, um das Angebot gemeinsam zu besprechen und alle Details festzulegen.

Abschließend unterzeichnen wir den Vertrag und starten umgehend mit der Umsetzung Ihres Projekts.