Portail client pour la gestion de l'hébergement, du VPS et des services en nuage

Innowise a aidé Serverplan à créer un portail client en libre-service pour gérer les produits d'hébergement, les commandes, les transactions, les abonnements et les paramètres de compte via l'API de base et le logiciel intermédiaire existants.

Centre unifié pour l'hébergement et la gestion des comptes

Des flux de travail plus fluides grâce à l'API de base et à l'intégration des logiciels intermédiaires

Customer profile and account authentication in a self-service hosting management portal
Industrie Technologies de l'information
Salariés 50+
Région Italie
Services Développement web, développement back-end, intégration
Client depuis 2024

Vue d'ensemble du client

Résumé par l'IA

Serverplan est un fournisseur italien de services d'hébergement et de cloud computing. Il propose des hébergements partagés, des VPS, des serveurs dédiés, des solutions cloud et des services liés aux domaines pour les entreprises qui ont besoin d'une infrastructure fiable et d'une assistance technique permanente. L'entreprise existe depuis 2002 et est basée à Cassino, en Italie.

Défi

  • Serverplan avait besoin d'un nouveau portail client qui permettrait aux utilisateurs de gérer tous leurs services d'hébergement en un seul endroit. Le portail devait prendre en charge les tâches quotidiennes telles que la gestion des produits, le placement et le suivi des commandes, la vérification des transactions, la consultation des factures, la gestion des abonnements, le choix des méthodes de paiement et la mise à jour des paramètres du compte.
  • L'objectif était également de rendre le portail plus facile à utiliser pour les clients qui gèrent différents types de services, tels que l'hébergement, les domaines, les VPS et les serveurs dédiés. Le portail devait prendre en charge ces tâches afin que les utilisateurs puissent gérer leurs services plus facilement et trouver rapidement les informations relatives à la facturation et aux services.
  • Un autre défi consistait à intégrer un grand nombre de fonctionnalités dans un seul portail sans que l'utilisateur ait l'impression d'être morcelé. Le nouvel espace client devait regrouper la gestion des produits, les commandes, la facturation, les abonnements et les paramètres du compte, tout en restant simple pour les personnes qui l'utilisent au quotidien.
  • D'un point de vue technique, le portail devait utiliser la même API de base que l'assistant de commande Serverplan pour commander des services liés à l'hébergement. Cela signifie que le frontend ne pouvait pas utiliser directement les données du backend. L'équipe a dû ajouter une couche de middleware pour préparer les données pour l'interface utilisateur.
  • Le portail regroupait également de nombreuses sections différentes en un seul endroit : gestion des services, commandes, transactions, factures, abonnements, méthodes de paiement et paramètres du compte, y compris 2FA et journaux d'activité. Chacune de ces sections ayant sa propre logique, l'équipe a dû s'assurer qu'elles fonctionnaient ensemble sans briser la structure globale du portail.
  • Le produit lui-même a été conçu comme un ensemble de modules fonctionnels distincts. Au fur et à mesure que le développement avançait, l'équipe devait veiller à ce que l'expérience utilisateur et le flux de données soient cohérents entre tous les modules, afin que le portail soit perçu comme un seul système cohésif.

La solution que nous avons fournie

Conception de la solution

Notre équipe s'est occupée de la partie frontale d'Octopus et l'a connectée au backend pour construire un nouvel espace client pour les utilisateurs de Serverplan.

Le portail utilisait la même API de base que le projet Order Wizard. En d'autres termes, le backend contenait déjà la logique et les données nécessaires à la plateforme, mais ces données ne pouvaient pas être directement intégrées dans l'interface de manière conviviale. C'est pourquoi la solution comprenait également une couche de middleware qui remodelait les données de l'API pour le frontend.

Le portail lui-même a été conçu comme un ensemble de modules couvrant les principales tâches des utilisateurs : ouvrir le tableau de bord, configurer les produits, gérer les projets et les commandes, consulter l'historique des transactions, accéder aux factures, travailler avec des crédits prépayés et des abonnements, choisir des méthodes de paiement et mettre à jour les paramètres du compte. Cette configuration a suivi la structure du domaine existant et a donné à l'espace client une forme logique au fur et à mesure de l'évolution du projet.

Fonctionnalité clé fournie

Tableau de bord et espace client

Le tableau de bord Octopus regroupe les principaux détails du compte et des services en un seul endroit. Les utilisateurs pouvaient ouvrir un écran et vérifier rapidement les commandes activées, les commandes en cours de configuration, les dates d'échéance, les paiements et les factures. Notre équipe a développé le frontend pour cette partie du portail et l'a connecté au backend pour que ces flux puissent fonctionner dans le nouvel espace client. Pour les utilisateurs de Serverplan, cela signifie moins de temps passé à chercher des informations de routine sur les comptes et les services.

Gestion des produits et des commandes

Cette partie du portail regroupait la configuration des produits et la gestion des commandes en un seul endroit, couvrant les domaines, l'hébergement partagé, l'hébergement pour revendeurs, Powermail, PEC, les serveurs dédiés et les VPS. Elle comprenait également des outils spécifiques pour la gestion des paquets et des listes de commandes par type de produit, ainsi que des fonctions de gestion de projet pour la création de champs d'application personnalisés et le regroupement d'objets connexes. Ainsi, au lieu de sauter entre des sections déconnectées et d'essayer de tout suivre manuellement, les utilisateurs pouvaient gérer différents produits et actions connexes dans le même espace client, avec beaucoup moins de tracas.

Facturation, transactions et crédit prépayé

Octopus propose également l'historique des transactions, l'accès aux factures émises et la gestion des crédits prépayés avec les recharges, l'historique des transactions, les limites d'utilisation et les notifications. Ces fonctionnalités constituent le volet facturation du nouvel espace client et permettent aux utilisateurs d'avoir une vision plus claire de leurs opérations financières sans avoir à effectuer des allers-retours supplémentaires. Pour Serverplan, il s'agit d'une expérience de compte plus complète en ce qui concerne les paiements et les tâches de facturation quotidiennes.

Abonnements et modes de paiement

Le portail couvre également la gestion des abonnements pour le renouvellement automatique des commandes avec des options de modification et d'annulation. Les utilisateurs pouvaient également gérer les méthodes de paiement électronique, telles que les cartes de crédit et PayPal. Ainsi, plutôt que de séparer les actions de service récurrentes des tâches liées au paiement, Serverplan a pu les regrouper au sein d'un même espace client et faciliter la gestion de ces flux.

Paramètres du compte et contrôle d'accès

La section des comptes regroupait les données personnelles, les contacts de facturation, les paramètres d'accès, la fonction 2FA et un journal d'activité, afin que les utilisateurs puissent gérer la configuration de base du compte à partir d'un seul et même endroit. Dans le cadre d'un travail plus large sur le portail, Innowise a aidé à intégrer ces flux de comptes dans le même espace client que les actions liées aux services, ce qui a rendu le portail plus cohérent dans l'utilisation quotidienne.

Approche de la mise en œuvre

Innowise a géré le projet en utilisant la méthode Agile, qui convient à la construction d'un portail comme celui-ci, où les exigences peuvent changer au fur et à mesure que de nouvelles sections prennent forme. Au lieu d'essayer de définir chaque détail dès le premier jour, l'équipe a procédé par itérations et a travaillé sur l'étendue du projet étape par étape.

Pour que cela soit gérable, le portail a été divisé en modules basés sur la structure du domaine existant. Cela a permis à l'équipe de travailler plus clairement sur différentes parties de l'espace client en parallèle, tout en gardant le système global organisé.

Le projet est ensuite passé par les phases de développement et d'essai, avec des jalons permettant de suivre les progrès et d'aligner le déploiement sur le calendrier général du portail. Le processus est donc resté souple là où il le fallait, mais suffisamment structuré pour que le travail progresse régulièrement.

Quote icon

La difficulté résidait dans le fait que le backend possédait déjà sa propre structure et qu'elle ne correspondait pas exactement à ce que les utilisateurs s'attendent à voir dans un portail client. Nous avons dû façonner ces données à travers le middleware et les refléter dans le frontend de manière à faciliter les actions quotidiennes telles que la gestion des services ou la vérification des factures.

Dmitry Coolgun
Dmitry Coolgun Gestionnaire des livraisons

Technologies

Vue 3

Vue 3

Mezzi

Mezzi

PHP

PHP

JavaScript

JavaScript

HTML

HTML

CSS/SCSS

CSS/SCSS

Bootstrap

Bootstrap

Équipe

Icon 1
Chef de projet
Icon 3
Développeurs PHP
L'équipe Innowise

Résultats

Durée du projet
Février 2024 - décembre 2024

Cette solution a permis de relever les deux défis à la fois. Serverplan dispose désormais d'un portail unique pour les tâches de service, de facturation et de compte, où les utilisateurs peuvent vérifier les commandes, examiner les factures, gérer les abonnements, mettre à jour les méthodes de paiement et gérer les paramètres du compte sans avoir à se déplacer entre des sections distinctes. La gestion quotidienne des services est ainsi plus directe et moins dispersée. 

Sous le capot, le portail fonctionne toujours avec le backend existant de Serverplan par le biais de l'API de base et de la couche de middleware, de sorte que la nouvelle expérience client s'intègre dans la configuration technique actuelle de l'entreprise plutôt que de la remplacer.

Table des matières

Expertise PHP pour les portails d'hébergement

    Contactez-nous

    Réserver un appel ou remplissez le formulaire ci-dessous et nous vous contacterons dès que nous aurons traité votre demande.

    Envoyez-nous un message vocal
    Joindre des documents
    Charger fichier

    Vous pouvez joindre un fichier d'une taille maximale de 2 Mo. Formats de fichiers valables : pdf, jpg, jpeg, png.

    En cliquant sur Envoyer, vous consentez à ce qu'Innowise traite vos données personnelles conformément à notre politique de confidentialité. Politique de confidentialité pour vous fournir des informations pertinentes. En communiquant votre numéro de téléphone, vous acceptez que nous puissions vous contacter par le biais d'appels vocaux, de SMS et d'applications de messagerie. Les tarifs des appels, des messages et des données peuvent s'appliquer.

    Vous pouvez également nous envoyer votre demande
    à contact@innowise.com
    Que se passe-t-il ensuite ?
    1

    Une fois que nous aurons reçu et traité votre demande, nous vous contacterons pour détailler les besoins de votre projet et signer un accord de confidentialité.

    2

    Après avoir examiné vos souhaits, vos besoins et vos attentes, notre équipe élaborera une proposition de projet avec l'étendue des travaux, la taille de l'équipe, les délais et les coûts estimés projet avec l'étendue des travaux, la taille de l'équipe, les délais et les coûts estimés.

    3

    Nous prendrons rendez-vous avec vous pour discuter de l'offre et régler les détails.

    4

    Enfin, nous signons un contrat et commençons immédiatement à travailler sur votre projet.

    arrow