Kundportal för hantering av hosting-, VPS- och molntjänster

Innowise hjälpte Serverplan att bygga en kundportal med självbetjäning för hantering av hostingprodukter, beställningar, transaktioner, prenumerationer och kontoinställningar via det befintliga Core API och middleware.

Enhetlig hubb för hosting och kontohantering

Smidigare arbetsflöden via Core API och middleware-integration

Industri Informationsteknik

Anställda 50+

Region Italien

Tjänster Webbutveckling, backend-utveckling, integration

Kund sedan 2024

Översikt över kunder

Sammanfatta artikeln med AI

Serverplan är en italiensk leverantör av hosting- och molntjänster. De erbjuder delad hosting, VPS, dedikerade servrar, molnlösningar och domänrelaterade tjänster för företag som behöver tillförlitlig infrastruktur och löpande teknisk support. Företaget har varit verksamt sedan 2002 och är baserat i Cassino, Italien.

Utmaning

Serverplan behövde en ny kundportal som skulle låta användarna hantera alla sina värdtjänster på ett och samma ställe. Portalen måste stödja vardagliga uppgifter som att hantera produkter, lägga och spåra beställningar, kontrollera transaktioner, visa fakturor, hantera prenumerationer, välja betalningsmetoder och uppdatera kontoinställningar.
Målet var också att göra portalen enklare att använda för kunder som hanterar olika typer av tjänster, till exempel hosting, domäner, VPS och dedikerade servrar. Portalen behövde stödja dessa uppgifter så att användarna lättare kunde hantera sina tjänster och snabbt hitta fakturerings- och serviceinformation.
En annan utmaning var att få plats med många funktioner i en portal utan att användarupplevelsen skulle kännas splittrad. Det nya kundområdet skulle samla produkthantering, beställningar, fakturering, prenumerationer och kontoinställningar samtidigt som det skulle kännas enkelt för dem som använde det dagligen.

På den tekniska sidan behövde portalen använda samma Core API som Order Wizard Serverplans flöde för att beställa hostingrelaterade tjänster. Detta innebar att frontend inte kunde använda backend-data direkt. Teamet var tvunget att lägga till ett middleware-lager för att förbereda data för användargränssnittet.
Portalen samlade också många olika delar på ett och samma ställe: servicehantering, beställningar, transaktioner, fakturor, prenumerationer, betalningsmetoder och kontoinställningar, inklusive 2FA och aktivitetsloggar. Alla dessa områden hade sin egen logik, så teamet var tvunget att se till att de fungerade tillsammans utan att portalens övergripande struktur bröts.
Själva produkten byggdes som en uppsättning separata funktionella moduler. I takt med att utvecklingen gick framåt var teamet tvunget att se till att användarupplevelsen och dataflödet var konsekvent i alla moduler så att portalen skulle kännas som ett sammanhängande system.

Lösning vi levererade

Lösningsdesign

Vårt team tog hand om frontend-delen av Octopus och kopplade den till backend för att bygga ett nytt kundområde för Serverplan-användare.

Portalen använde samma Core API som Order Wizard-projektet. Enkelt uttryckt innehöll backend redan den logik och de data som behövdes för plattformen, men dessa data kunde inte gå direkt in i gränssnittet på ett användarvänligt sätt. Därför inkluderade lösningen även ett middleware-lager som omformade API-data för frontend.

Själva portalen planerades som en uppsättning moduler som täcker de viktigaste sakerna som användarna behövde göra: öppna instrumentpanelen, konfigurera produkter, hantera projekt och order, granska transaktionshistorik, få tillgång till fakturor, arbeta med förbetald kredit och prenumerationer, välja betalningsmetoder och uppdatera kontoinställningar. Den här installationen följde den befintliga domänstrukturen och gav kundområdet en logisk form allteftersom projektet utvecklades.

Nyckelfunktionalitet levererad

Instrumentpanel och kundområde

Octopus instrumentpanel samlade alla uppgifter om huvudkontot och tjänsterna på ett ställe. Användarna kunde öppna en skärm och snabbt kontrollera aktiverade beställningar, beställningar som fortfarande var under installation, förfallodatum, betalningar och fakturor. Vårt team byggde frontend för den här delen av portalen och kopplade den till backend så att dessa flöden kunde fungera i det nya kundområdet. För Serverplans användare innebar det mindre tid för att leta efter rutinmässig information om konton och tjänster.

Produkt- och orderhantering

I den här delen av portalen samlades produktkonfiguration och orderhantering på ett och samma ställe och omfattade domäner, delad hosting, reseller hosting, Powermail, PEC, dedikerade servrar och VPS. Den innehöll också specifika verktyg för att hantera paket och orderlistor per produkttyp, tillsammans med projekthanteringsfunktioner för att skapa anpassade scope och gruppera relaterade objekt. Så istället för att hoppa mellan olika sektioner och försöka hålla reda på allt manuellt kunde användarna hantera olika produkter och relaterade åtgärder i samma kundområde med mycket mindre krångel.

Fakturering, transaktioner och förbetald kredit

Octopus innehöll också transaktionshistorik, tillgång till utställda fakturor och hantering av förbetalda krediter med påfyllningar, transaktionshistorik, användningsgränser och meddelanden. Dessa funktioner utgjorde faktureringssidan av det nya kundområdet och gav användarna en tydligare bild av sina finansiella transaktioner utan extra fram- och återkoppling. För Serverplan innebar detta en mer komplett kontoupplevelse kring betalningar och dagliga faktureringsuppgifter.

Prenumerationer och betalningsmetoder

Portalen omfattade också prenumerationshantering för automatisk förnyelse av beställningar med ändrings- och annulleringsalternativ. Användare kunde också hantera elektroniska betalningsmetoder, till exempel kreditkort och PayPal. Så i stället för att dela upp återkommande serviceåtgärder från betalningsrelaterade uppgifter kunde Serverplan samla dem inom samma kundområde och göra dessa flöden enklare att hantera.

Kontoinställningar och åtkomstkontroll

I kontosektionen samlades personuppgifter, faktureringskontakter, åtkomstinställningar, 2FA och en aktivitetslogg, så att användarna kunde hantera den grundläggande kontoinställningen från ett och samma ställe. Som en del av det bredare portalarbetet hjälpte Innowise till att föra in dessa kontoflöden i samma kundområde som servicerelaterade åtgärder, vilket gjorde portalen mer sammanhängande i den dagliga användningen.

Leveransmetod

Innowise hanterade projektet med hjälp av Agile, vilket passade ett portalbygge som detta, där kraven kan ändras allteftersom nya sektioner tar form. I stället för att försöka kartlägga varje detalj från dag ett arbetade teamet i iterationer och gick igenom omfattningen steg för steg.

För att göra det hanterbart delades portalen in i moduler baserat på den befintliga domänstrukturen. Detta gav teamet ett tydligare sätt att arbeta med olika delar av kundområdet parallellt samtidigt som det övergripande systemet hölls organiserat.

Leveransen genomgick sedan utvecklings- och testfaser, med milstolpar för att följa framstegen och se till att lanseringen låg i linje med den bredare tidslinjen för portalen. Processen var alltså flexibel där den behövde vara det, men ändå tillräckligt strukturerad för att arbetet skulle gå stadigt framåt.

Det svåra var att backend redan hade sin egen struktur, och den stämde inte helt överens med vad användarna förväntar sig att se i en kundportal. Vi var tvungna att forma dessa data genom middleware och återspegla dem i frontend på ett sätt som gjorde vardagliga åtgärder som att hantera tjänster eller kontrollera fakturor okomplicerade.

Dmitry Coolgun Leveransansvarig

Teknik

Vue 3

Mezzi

PHP

JavaScript

HTML

CSS/SCSS

Bootstrap

Team

Projekt- ledare

PHP-utvecklare

Resultat

Projektets löptid

Februari 2024 - December 2024

Den här lösningen löste båda sidorna av utmaningen på en gång. Serverplan har nu en portal för service-, fakturerings- och kontouppgifter, där användarna kan kontrollera beställningar, granska fakturor, hantera prenumerationer, uppdatera betalningsmetoder och hantera kontoinställningar utan att behöva gå mellan olika avsnitt. Det gör att den dagliga servicehanteringen känns mer direkt och mindre utspridd.

Under huven fungerar portalen fortfarande med Serverplans befintliga backend genom Core API och middleware-lagret, så den nya kundupplevelsen passar in i företagets nuvarande tekniska installation snarare än att ersätta den.

Innehållsförteckning

PHP-expertis för hosting-portaler

Relaterade fall

Kontakta oss

Boka ett samtal eller fyll i formuläret nedan så återkommer vi till dig när vi har behandlat din förfrågan.

Namn

Företag

E-post

Telefon

Meddelande

Skicka ett röstmeddelande till oss

Bifoga dokument

Ladda upp filen

Du kan bifoga 1 fil på upp till 2 MB. Giltiga filformat: pdf, jpg, jpeg, png.

Genom att klicka på Skicka samtycker du till att Innowise behandlar dina personuppgifter enligt våra Integritetspolicy för att förse dig med relevant information. Genom att lämna ditt telefonnummer samtycker du till att vi kan kontakta dig via röstsamtal, SMS och meddelandeappar. Samtals-, meddelande- och datataxor kan gälla.

Du kan också skicka oss din förfrågan

till contact@innowise.com

Vad händer härnäst?

När vi har tagit emot och behandlat din förfrågan återkommer vi till dig för att beskriva dina projektbehov och undertecknar en NDA för att säkerställa sekretess.

Efter att ha undersökt dina önskemål, behov och förväntningar kommer vårt team att ta fram ett projektförslag förslag med arbetsomfattning, teamstorlek, tids- och kostnadsberäkningar.

Vi ordnar ett möte med dig för att diskutera erbjudandet och fastställa detaljerna.

Slutligen undertecknar vi ett kontrakt och börjar arbeta med ditt projekt direkt.