Portal klienta do zarządzania hostingiem, VPS i usługami w chmurze

Innowise pomógł Serverplan zbudować samoobsługowy portal klienta do zarządzania produktami hostingowymi, zamówieniami, transakcjami, subskrypcjami i ustawieniami konta za pośrednictwem istniejącego interfejsu API Core i oprogramowania pośredniego.

Ujednolicone centrum hostingu i zarządzania kontem

Płynniejsze przepływy pracy dzięki integracji Core API i oprogramowania pośredniczącego

Customer profile and account authentication in a self-service hosting management portal
Branża IT
Pracownicy 50+
Region Włochy
Usługi Tworzenie stron internetowych, rozwój back-endu, integracja
Klient od 2024

Opis klienta

Podsumuj artykuł za pomocą AI

Serverplan to włoski dostawca usług hostingowych i chmurowych. Oferuje hosting współdzielony, VPS, serwery dedykowane, rozwiązania chmurowe i usługi związane z domenami dla firm, które potrzebują niezawodnej infrastruktury i stałego wsparcia technicznego. Firma działa od 2002 roku i ma siedzibę w Cassino we Włoszech.

Wyzwanie

  • Serverplan potrzebował nowego portalu dla klientów, który pozwoliłby użytkownikom zarządzać wszystkimi usługami hostingowymi w jednym miejscu. Portal musiał obsługiwać codzienne zadania, takie jak zarządzanie produktami, składanie i śledzenie zamówień, sprawdzanie transakcji, przeglądanie faktur, obsługa subskrypcji, wybór metod płatności i aktualizacja ustawień konta.
  • Celem było również ułatwienie korzystania z portalu klientom, którzy zarządzają różnymi rodzajami usług, takimi jak hosting, domeny, VPS i serwery dedykowane. Portal musiał wspierać te zadania, aby użytkownicy mogli łatwiej zarządzać swoimi usługami i szybko znajdować informacje o rozliczeniach i usługach.
  • Kolejnym wyzwaniem było zmieszczenie wielu funkcji w jednym portalu bez dzielenia doświadczenia użytkownika. Nowy obszar klienta musiał łączyć zarządzanie produktami, zamówienia, rozliczenia, subskrypcje i ustawienia konta, a jednocześnie być prosty dla osób korzystających z niego na co dzień.
  • Od strony technicznej portal musiał korzystać z tego samego podstawowego interfejsu API, co przepływ kreatora zamówień Serverplan do zamawiania usług związanych z hostingiem. Oznaczało to, że frontend nie mógł bezpośrednio korzystać z danych backendu. Zespół musiał dodać warstwę oprogramowania pośredniego, aby przygotować dane dla interfejsu użytkownika.
  • Portal łączył również wiele różnych sekcji w jednym miejscu: zarządzanie usługami, zamówienia, transakcje, faktury, subskrypcje, metody płatności i ustawienia konta, w tym 2FA i dzienniki aktywności. Każdy z tych obszarów miał własną logikę, więc zespół musiał upewnić się, że współpracują ze sobą bez naruszania ogólnej struktury portalu.
  • Sam produkt został zbudowany jako zestaw oddzielnych modułów funkcjonalnych. W miarę postępu prac zespół musiał zachować spójność doświadczenia użytkownika i przepływu danych we wszystkich z nich, aby portal sprawiał wrażenie jednego spójnego systemu.

Dostarczone przez nas rozwiązanie

Zaprojektowanie rozwiązania

Nasz zespół zajął się frontendową częścią Octopusa i połączył go z backendem, aby zbudować nowy obszar klienta dla użytkowników Serverplan.

Portal korzystał z tego samego Core API, co projekt Order Wizard. Mówiąc prościej, backend zawierał już logikę i dane potrzebne dla platformy, ale dane te nie mogły trafić bezpośrednio do interfejsu w sposób przyjazny dla użytkownika. Dlatego rozwiązanie zawierało również warstwę oprogramowania pośredniego, która przekształciła dane API dla interfejsu użytkownika.

Sam portal został zaplanowany jako zestaw modułów obejmujących główne czynności potrzebne użytkownikom: otwieranie pulpitu nawigacyjnego, konfigurowanie produktów, zarządzanie projektami i zamówieniami, przeglądanie historii transakcji, dostęp do faktur, praca z przedpłaconymi kredytami i subskrypcjami, wybór metod płatności i aktualizacja ustawień konta. Ta konfiguracja była zgodna z istniejącą strukturą domeny i nadała obszarowi klienta logiczny kształt w miarę rozwoju projektu.

Dostarczona kluczowa funkcjonalność

Pulpit nawigacyjny i obszar klienta

Pulpit nawigacyjny Octopus zawierał główne dane konta i usługi w jednym miejscu. Użytkownicy mogli otworzyć jeden ekran i szybko sprawdzić aktywowane zamówienia, zamówienia w trakcie konfiguracji, terminy płatności, płatności i faktury. Nasz zespół zbudował frontend dla tej części portalu i połączył go z zapleczem, aby te przepływy mogły działać w nowym obszarze klienta. Dla użytkowników Serverplan oznaczało to mniej czasu spędzonego na szukaniu rutynowych informacji o koncie i usługach.

Zarządzanie produktami i zamówieniami

Ta część portalu zebrała konfigurację produktów i zarządzanie zamówieniami w jednym miejscu, obejmując domeny, hosting współdzielony, hosting dla resellerów, Powermail, PEC, serwery dedykowane i VPS. Zawierała również specjalne narzędzia do zarządzania pakietami i listami zamówień według typu produktu, a także funkcje zarządzania projektami do tworzenia niestandardowych zakresów i grupowania powiązanych obiektów. Zamiast więc przeskakiwać między rozłączonymi sekcjami i próbować śledzić wszystko ręcznie, użytkownicy mogli obsługiwać różne produkty i powiązane działania w tym samym obszarze klienta, co było znacznie mniej kłopotliwe.

Rozliczenia, transakcje i kredyt przedpłacony

Octopus oferował również historię transakcji, dostęp do wystawionych faktur i zarządzanie kredytami przedpłaconymi z doładowaniami, historią transakcji, limitami użytkowania i powiadomieniami. Funkcje te utworzyły stronę rozliczeniową nowego obszaru klienta i dały użytkownikom jaśniejszy obraz ich operacji finansowych bez dodatkowej wymiany informacji. W przypadku Serverplan dodało to bardziej kompletną obsługę konta w zakresie płatności i codziennych zadań rozliczeniowych.

Subskrypcje i metody płatności

Portal obejmował również zarządzanie subskrypcjami w celu automatycznego odnawiania zamówień z opcjami modyfikacji i anulowania. Użytkownicy mogą również zarządzać elektronicznymi metodami płatności, takimi jak karty kredytowe i PayPal. Zamiast więc oddzielać powtarzające się działania serwisowe od zadań związanych z płatnościami, Serverplan może połączyć je w tym samym obszarze klienta i ułatwić obsługę tych przepływów.

Ustawienia konta i kontrola dostępu

Sekcja konta zawierała dane osobowe, kontakty rozliczeniowe, ustawienia dostępu, 2FA i dziennik aktywności, dzięki czemu użytkownicy mogli zarządzać podstawową konfiguracją konta z jednego miejsca. W ramach szerszych prac nad portalem, Innowise pomógł przenieść te przepływy kont do tego samego obszaru klienta, co działania związane z usługami, dzięki czemu portal stał się bardziej spójny w codziennym użytkowaniu.

Podejście do dostawy

Innowise zarządzał projektem przy użyciu Agile, co pasowało do budowy portalu takiego jak ten, gdzie wymagania mogą się zmieniać w miarę kształtowania się nowych sekcji. Zamiast próbować mapować każdy szczegół od pierwszego dnia, zespół poruszał się w iteracjach i pracował nad zakresem krok po kroku.

Aby ułatwić zarządzanie, portal został podzielony na moduły w oparciu o istniejącą strukturę domeny. Dało to zespołowi bardziej przejrzysty sposób na równoległą pracę nad różnymi częściami obszaru klienta, przy jednoczesnym zachowaniu ogólnej organizacji systemu.

Następnie realizacja przeszła przez fazy rozwoju i testowania, z kamieniami milowymi w celu śledzenia postępów i dostosowania wdrożenia do szerszego harmonogramu portalu. Tak więc proces pozostawał elastyczny tam, gdzie był potrzebny, ale nadal był wystarczająco ustrukturyzowany, aby praca przebiegała stabilnie.

Quote icon

Trudność polegała na tym, że backend miał już swoją własną strukturę, która nie odpowiadała temu, co użytkownicy oczekują zobaczyć w portalu klienta. Musieliśmy ukształtować te dane za pomocą oprogramowania pośredniczącego i odzwierciedlić je we frontendzie w sposób, który ułatwiłby codzienne czynności, takie jak zarządzanie usługami lub sprawdzanie faktur.

Dmitry Coolgun
Dmitry Coolgun Delivery Manager

Technologie

Vue 3

Vue 3

Mezzi

Mezzi

PHP

PHP

JavaScript

JavaScript

HTML

HTML

CSS/SCSS

CSS/SCSS

Bootstrap

Bootstrap

Zespół

Icon 1
Kierownik projektu
Icon 3
Programiści PHP
zespół Innowise

Wyniki

Czas trwania projektu
Luty 2024 r. - grudzień 2024 r.

To rozwiązanie zamknęło obie strony wyzwania jednocześnie. Serverplan ma teraz jeden portal do zadań związanych z usługami, rozliczeniami i kontami, w którym użytkownicy mogą sprawdzać zamówienia, przeglądać faktury, zarządzać subskrypcjami, aktualizować metody płatności i obsługiwać ustawienia konta bez przechodzenia między oddzielnymi sekcjami. Dzięki temu codzienne zarządzanie usługami jest bardziej bezpośrednie i mniej rozproszone. 

Pod maską portal nadal współpracuje z istniejącym backendem Serverplan za pośrednictwem Core API i warstwy oprogramowania pośredniego, więc nowa obsługa klienta pasuje do obecnej konfiguracji technicznej firmy, zamiast ją zastępować.

Spis treści

Ekspertyza PHP dla portali hostingowych

    Skontaktuj się z nami

    Umów się na rozmowę lub wypełnij poniższy formularz, a my odezwiemy się do Ciebie po przetworzeniu Twojego zgłoszenia.

    Wyślij nam wiadomość głosową
    Załącz dokumenty
    Prześlij plik

    Można załączyć 1 plik o rozmiarze do 2 MB. Prawidłowe formaty plików: pdf, jpg, jpeg, png.

    Klikając "Wyślij", wyrażasz zgodę na przetwarzanie Twoich danych osobowych przez Innowise zgodnie z naszą Politykę Prywatności w celu przekazania Ci odpowiednich informacji. Podając numer telefonu, zgadzasz się na kontakt za pośrednictwem połączeń głosowych, SMS-ów lub komunikatorów. Mogą obowiązywać opłaty za połączenia, wiadomości i transmisję danych.

    Możesz także wysłać swoje zapytanie
    na contact@innowise.com
    Co dalej?
    1

    Po otrzymaniu i przetworzeniu zgłoszenia skontaktujemy się z Tobą, aby szczegółowo opisać projekt i podpisać umowę NDA w celu zapewnienia poufności.

    2

    Po zapoznaniu się z Twoimi potrzebami i oczekiwaniami, nasz zespół opracuje projekt wraz z zakresem prac, wielkością zespołu, wymaganym czasem i szacunkowymi kosztami.

    3

    Zorganizujemy spotkanie w celu omówienia oferty i ustalenia szczegółów.

    4

    Na koniec podpiszemy umowę, błyskawicznie rozpoczynając pracę nad projektem.

    arrow