Portale clienti per la gestione di hosting, VPS e servizi cloud

Innowise ha aiutato Serverplan a creare un portale clienti self-service per la gestione dei prodotti di hosting, degli ordini, delle transazioni, degli abbonamenti e delle impostazioni dell'account tramite l'API Core e il middleware esistenti.

Hub unificato per l'hosting e la gestione degli account

Flussi di lavoro più fluidi grazie all'integrazione di Core API e middleware

Industria Tecnologia dell'informazione

Dipendenti 50+

Regione Italia

Servizi Sviluppo web, sviluppo back-end, integrazione

Cliente da 2024

Panoramica del cliente

Riassumere l'articolo con AI

Serverplan è un fornitore italiano di servizi di hosting e cloud. Offre hosting condiviso, VPS, server dedicati, soluzioni cloud e servizi legati ai domini per le aziende che necessitano di un'infrastruttura affidabile e di un supporto tecnico continuo. L'azienda opera dal 2002 e ha sede a Cassino, in Italia.

Sfida

Serverplan aveva bisogno di un nuovo portale clienti che permettesse agli utenti di gestire tutti i loro servizi di hosting in un unico luogo. Il portale doveva supportare attività quotidiane come la gestione dei prodotti, l'inserimento e il monitoraggio degli ordini, il controllo delle transazioni, la visualizzazione delle fatture, la gestione degli abbonamenti, la scelta dei metodi di pagamento e l'aggiornamento delle impostazioni dell'account.
L'obiettivo era anche quello di rendere il portale più facile da usare per i clienti che gestiscono diversi tipi di servizi, come hosting, domini, VPS e server dedicati. Il portale doveva supportare queste attività in modo che gli utenti potessero gestire più facilmente i loro servizi e trovare rapidamente informazioni sulla fatturazione e sui servizi.
Un'altra sfida consisteva nell'inserire molte funzionalità in un unico portale, senza che l'esperienza dell'utente risultasse frammentata. La nuova area clienti doveva riunire la gestione dei prodotti, gli ordini, la fatturazione, gli abbonamenti e le impostazioni dell'account, pur rimanendo semplice per chi la utilizza quotidianamente.

Dal punto di vista tecnico, il portale doveva utilizzare la stessa API Core del flusso Order Wizard di Serverplan per ordinare i servizi di hosting. Ciò significava che il frontend non poteva utilizzare direttamente i dati del backend. Il team ha dovuto aggiungere un livello middleware per preparare i dati per l'interfaccia utente.
Il portale riuniva inoltre molte sezioni diverse in un unico luogo: gestione dei servizi, ordini, transazioni, fatture, abbonamenti, metodi di pagamento e impostazioni dell'account, compresi 2FA e registri delle attività. Ognuna di queste aree aveva una propria logica, quindi il team doveva assicurarsi che funzionassero insieme senza interrompere la struttura generale del portale.
Il prodotto stesso è stato costruito come una serie di moduli funzionali separati. Man mano che lo sviluppo procedeva, il team doveva mantenere l'esperienza dell'utente e il flusso dei dati coerenti tra tutti i moduli, in modo che il portale sembrasse un unico sistema coeso.

La soluzione che abbiamo fornito

Progettazione della soluzione

Il nostro team si è occupato della parte frontend di Octopus e l'ha collegata al backend per costruire una nuova area clienti per gli utenti di Serverplan.

Il portale utilizzava la stessa API Core del progetto Order Wizard. In poche parole, il backend conteneva già la logica e i dati necessari per la piattaforma, ma tali dati non potevano essere inseriti direttamente nell'interfaccia in modo semplice. Per questo motivo la soluzione comprendeva anche un livello di middleware che rimodellava i dati API per il frontend.

Il portale stesso è stato progettato come un insieme di moduli che coprono le principali operazioni che gli utenti devono compiere: aprire il dashboard, configurare i prodotti, gestire progetti e ordini, esaminare la cronologia delle transazioni, accedere alle fatture, lavorare con il credito prepagato e gli abbonamenti, scegliere i metodi di pagamento e aggiornare le impostazioni dell'account. Questa impostazione ha seguito la struttura del dominio esistente e ha dato all'area clienti una forma logica, man mano che il progetto si evolveva.

Funzionalità chiave fornite

Cruscotto e area clienti

La dashboard di Octopus ha riunito in un unico luogo i principali dettagli del conto e del servizio. Gli utenti potevano aprire una schermata e controllare rapidamente gli ordini attivati, quelli ancora in fase di configurazione, le date di scadenza, i pagamenti e le fatture. Il nostro team ha realizzato il frontend per questa parte del portale e lo ha collegato al backend in modo che questi flussi potessero funzionare all'interno della nuova area clienti. Per gli utenti di Serverplan, ciò ha significato una riduzione del tempo dedicato alla ricerca di informazioni di routine sugli account e sui servizi.

Gestione dei prodotti e degli ordini

Questa parte del portale ha riunito la configurazione dei prodotti e la gestione degli ordini in un unico luogo, coprendo domini, hosting condiviso, hosting per rivenditori, Powermail, PEC, server dedicati e VPS. Includeva anche strumenti specifici per la gestione dei pacchetti e degli elenchi di ordini per tipo di prodotto, oltre a funzioni di gestione dei progetti per la creazione di ambiti personalizzati e il raggruppamento di oggetti correlati. In questo modo, invece di rimbalzare tra sezioni scollegate e cercare di tenere traccia di tutto manualmente, gli utenti potevano gestire diversi prodotti e azioni correlate nella stessa area clienti con molti meno problemi.

Fatturazione, transazioni e credito prepagato

Octopus offre anche la cronologia delle transazioni, l'accesso alle fatture emesse e la gestione del credito prepagato con ricariche, cronologia delle transazioni, limiti di utilizzo e notifiche. Queste funzioni costituivano il lato di fatturazione della nuova area clienti e fornivano agli utenti una visione più chiara delle loro operazioni finanziarie, senza ulteriori passaggi. Per Serverplan, questo ha aggiunto un'esperienza più completa per quanto riguarda i pagamenti e le attività quotidiane di fatturazione.

Abbonamenti e metodi di pagamento

Il portale comprendeva anche la gestione degli abbonamenti per il rinnovo automatico degli ordini con possibilità di modifica e cancellazione. Gli utenti potevano gestire anche metodi di pagamento elettronici, come carte di credito e PayPal. In questo modo, invece di dividere le azioni di servizio ricorrenti dalle attività legate ai pagamenti, Serverplan poteva riunirle all'interno della stessa area clienti e rendere questi flussi più facili da gestire.

Impostazioni dell'account e controllo degli accessi

La sezione dell'account riuniva i dati personali, i contatti per la fatturazione, le impostazioni di accesso, il 2FA e il registro delle attività, in modo che gli utenti potessero gestire la configurazione principale dell'account da un unico punto. Nell'ambito del lavoro più ampio sul portale, Innowise ha contribuito a portare questi flussi di account nella stessa area clienti delle azioni relative ai servizi, rendendo il portale più coeso nell'uso quotidiano.

Approccio alla consegna

Innowise ha gestito il progetto con il metodo Agile, che si adatta a un portale come questo, in cui i requisiti possono cambiare man mano che le nuove sezioni prendono forma. Invece di cercare di definire ogni dettaglio fin dal primo giorno, il team si è mosso per iterazioni e ha lavorato sull'ambito passo dopo passo.

Per renderlo gestibile, il portale è stato suddiviso in moduli basati sulla struttura del dominio esistente. In questo modo il team ha avuto modo di lavorare in parallelo su diverse parti dell'area clienti, mantenendo l'organizzazione del sistema complessivo.

La consegna è passata poi attraverso le fasi di sviluppo e di test, con tappe fondamentali per monitorare i progressi e mantenere il rollout allineato con la tempistica più ampia del portale. In questo modo, il processo è rimasto flessibile laddove era necessario, ma sufficientemente strutturato per far procedere il lavoro in modo costante.

La parte difficile era che il backend aveva già una sua struttura e non corrispondeva perfettamente a ciò che gli utenti si aspettano di vedere in un portale clienti. Abbiamo dovuto modellare questi dati attraverso il middleware e rifletterli nel frontend in modo da rendere semplici le azioni quotidiane come la gestione dei servizi o il controllo delle fatture.

Dmitry Coolgun Responsabile della consegna

Tecnologie

Vue 3

Mezzi

PHP

JavaScript

HTML

CSS/SCSS

Bootstrap

Team

Responsabile di progetto

Sviluppatori PHP

Risultati

Durata del progetto

Febbraio 2024 - Dicembre 2024

Questa soluzione ha risolto entrambi gli aspetti della sfida in un colpo solo. Serverplan dispone ora di un unico portale per le attività di assistenza, fatturazione e account, dove gli utenti possono controllare gli ordini, esaminare le fatture, gestire gli abbonamenti, aggiornare i metodi di pagamento e gestire le impostazioni dell'account senza spostarsi tra sezioni separate. In questo modo la gestione quotidiana dei servizi risulta più diretta e meno dispersiva.

Sotto il cofano, il portale funziona ancora con il backend esistente di Serverplan attraverso l'API Core e il livello di middleware, quindi la nuova esperienza del cliente si inserisce nell'attuale configurazione tecnica dell'azienda piuttosto che sostituirla.

Indice dei contenuti

Competenze PHP per portali di hosting

Casi correlati

Contattateci

Prenota una chiamata oppure compilate il modulo sottostante e sarete ricontattati una volta elaborata la vostra richiesta.

Nome

Azienda

Telefono

Messaggio

Inviaci un messaggio vocale

Allegare i documenti

Caricare il file

È possibile allegare 1 file di dimensioni massime di 2 MB. Formati di file validi: pdf, jpg, jpeg, png.

Facendo clic su Invia, l'utente acconsente al trattamento dei propri dati personali da parte di Innowise in base alla nostra Informativa sulla privacy per fornirvi informazioni pertinenti. Inviando il vostro numero di telefono, accettate che possiamo contattarvi tramite chiamate vocali, SMS e applicazioni di messaggistica. Potrebbero essere applicate tariffe per chiamate, messaggi e dati.

Potete anche inviarci la vostra richiesta
a contact@innowise.com

Cosa succede dopo?

Una volta ricevuta ed elaborata la vostra richiesta, vi contatteremo per illustrarvi le esigenze del vostro progetto. Progetto e firmare un NDA per garantire la riservatezza.

Dopo aver esaminato i vostri desideri, le vostre esigenze e le vostre aspettative, il nostro team elaborerà una proposta di progetto con l'ambito di lavoro, le dimensioni del team, i tempi e le stime dei costi stimati.

Organizzeremo un incontro con voi per discutere l'offerta e definire i dettagli.

Infine, firmeremo un contratto e inizieremo subito a lavorare sul vostro progetto.