Portal del cliente para gestionar servicios de alojamiento, VPS y en la nube

Innowise ayudó a Serverplan a crear un portal de clientes de autoservicio para gestionar productos de alojamiento, pedidos, transacciones, suscripciones y configuración de cuentas a través de la API Core y el middleware existentes.

Centro unificado de alojamiento y gestión de cuentas

Flujos de trabajo más fluidos mediante Core API e integración de middleware

Industria Tecnología de la información

Empleados 50+

Región Italia

Servicios Desarrollo web, desarrollo back-end, integración

Cliente desde 2024

Visión general del cliente

Resumir artículo con IA

Serverplan es un proveedor italiano de alojamiento y servicios en la nube. Ofrece alojamiento compartido, VPS, servidores dedicados, soluciones en la nube y servicios relacionados con dominios para empresas que necesitan una infraestructura fiable y asistencia técnica continua. La empresa opera desde 2002 y tiene su sede en Cassino, Italia.

Desafío

Serverplan necesitaba un nuevo portal de clientes que permitiera a los usuarios gestionar todos sus servicios de alojamiento en un solo lugar. El portal debía soportar tareas cotidianas como la gestión de productos, la realización y seguimiento de pedidos, la comprobación de transacciones, la visualización de facturas, la gestión de suscripciones, la elección de métodos de pago y la actualización de la configuración de la cuenta.
El objetivo también era facilitar el uso del portal a los clientes que gestionan distintos tipos de servicios, como alojamiento, dominios, VPS y servidores dedicados. El portal tenía que dar soporte a estas tareas para que los usuarios pudieran gestionar sus servicios más fácilmente y encontrar información sobre facturación y servicios con rapidez.
Otro reto era integrar muchas funciones en un solo portal sin que la experiencia del usuario pareciera fragmentada. La nueva área de clientes tenía que agrupar la gestión de productos, pedidos, facturación, suscripciones y configuración de cuentas, sin dejar de ser sencilla para los usuarios cotidianos.

Desde el punto de vista técnico, el portal debía utilizar la misma Core API que el flujo de Order Wizard Serverplan para solicitar servicios relacionados con el alojamiento. Esto significaba que el frontend no podía utilizar directamente los datos del backend. El equipo tuvo que añadir una capa de middleware para preparar los datos para la interfaz de usuario.
El portal también reunía muchas secciones diferentes en un solo lugar: gestión de servicios, pedidos, transacciones, facturas, suscripciones, métodos de pago y configuración de cuentas, incluidos 2FA y registros de actividad. Cada una de estas áreas tenía su propia lógica, por lo que el equipo tuvo que asegurarse de que funcionaran juntas sin romper la estructura general del portal.
El producto en sí se construyó como un conjunto de módulos funcionales independientes. A medida que avanzaba el desarrollo, el equipo tuvo que mantener la coherencia de la experiencia del usuario y el flujo de datos en todos ellos para que el portal pareciera un sistema cohesionado.

Solución que ofrecemos

Diseño de soluciones

Nuestro equipo se encargó de la parte frontend de Octopus y la conectó al backend para construir una nueva área de clientes para los usuarios de Serverplan.

El portal utilizaba la misma Core API que el proyecto Order Wizard. En pocas palabras, el backend ya contenía la lógica y los datos necesarios para la plataforma, pero esos datos no podían ir directamente a la interfaz de una forma fácil de usar. Por eso la solución incluía también una capa de middleware que reconfiguraba los datos de la API para el frontend.

El portal en sí se planificó como un conjunto de módulos que cubrían las principales necesidades de los usuarios: abrir el panel de control, configurar productos, gestionar proyectos y pedidos, revisar el historial de transacciones, acceder a facturas, trabajar con crédito prepagado y suscripciones, elegir métodos de pago y actualizar la configuración de la cuenta. Esta configuración siguió la estructura de dominio existente y dio al área de clientes una forma lógica a medida que el proyecto evolucionaba.

Funciones clave

Cuadro de mandos y área de clientes

El salpicadero de Octopus reunía los principales detalles de la cuenta y el servicio en un solo lugar. Los usuarios podían abrir una pantalla y comprobar rápidamente los pedidos activados, los pedidos aún en preparación, las fechas de vencimiento, los pagos y las facturas. Nuestro equipo construyó el frontend de esta parte del portal y lo conectó al backend para que estos flujos pudieran funcionar dentro de la nueva área de clientes. Para los usuarios de Serverplan, esto supuso perder menos tiempo buscando información rutinaria sobre cuentas y servicios.

Gestión de productos y pedidos

Esta parte del portal reunía la configuración de productos y la gestión de pedidos en un único lugar, abarcando dominios, alojamiento compartido, alojamiento para revendedores, Powermail, PEC, servidores dedicados y VPS. También incluía herramientas específicas para gestionar paquetes y listas de pedidos por tipo de producto, junto con funciones de gestión de proyectos para crear ámbitos personalizados y agrupar objetos relacionados. De este modo, en lugar de rebotar entre secciones desconectadas e intentar hacer un seguimiento de todo manualmente, los usuarios podían gestionar diferentes productos y acciones relacionadas en la misma área de cliente con muchas menos complicaciones.

Facturación, transacciones y crédito prepagado

Octopus también ofrecía historial de transacciones, acceso a facturas emitidas y gestión de crédito prepago con recargas, historial de transacciones, límites de uso y notificaciones. Estas funciones formaban la parte de facturación de la nueva área de clientes y ofrecían a los usuarios una visión más clara de sus operaciones financieras sin tener que ir de un lado a otro. Para Serverplan, esto supuso una experiencia de cuenta más completa en relación con los pagos y las tareas diarias de facturación.

Suscripciones y formas de pago

El portal también abarcaba la gestión de suscripciones para la renovación automática de pedidos con opciones de modificación y cancelación. Los usuarios también podían gestionar métodos de pago electrónico, como tarjetas de crédito y PayPal. Así, en lugar de separar las acciones de servicio recurrentes de las tareas relacionadas con el pago, Serverplan podía reunirlas dentro de la misma área de clientes y facilitar la gestión de esos flujos.

Configuración de la cuenta y control de acceso

La sección de cuentas reunía datos personales, contactos de facturación, ajustes de acceso, 2FA y un registro de actividad, para que los usuarios pudieran gestionar la configuración básica de la cuenta desde un único lugar. Como parte del trabajo más amplio del portal, Innowise ayudó a que estos flujos de cuentas estuvieran en la misma área de clientes que las acciones relacionadas con los servicios, lo que hizo que el portal estuviera más cohesionado en el uso diario.

Enfoque de la entrega

Innowise gestionó el proyecto de forma ágil, lo que resultaba adecuado para la construcción de un portal como éste, en el que los requisitos pueden cambiar a medida que se crean nuevas secciones. En lugar de intentar planificar todos los detalles desde el primer día, el equipo trabajó por iteraciones y analizó el alcance paso a paso.

Para hacerlo manejable, el portal se dividió en módulos basados en la estructura de dominios existente. Así, el equipo pudo trabajar en paralelo en distintas partes del área de clientes y mantener organizado el sistema general.

A continuación, se pasó a las fases de desarrollo y pruebas, con hitos para controlar el progreso y mantener el despliegue alineado con el calendario general del portal. De este modo, el proceso se mantuvo flexible cuando fue necesario, pero lo suficientemente estructurado como para que el trabajo avanzara de forma constante.

Lo difícil era que el backend ya tenía su propia estructura y no se ajustaba claramente a lo que los usuarios esperan ver en un portal de clientes. Tuvimos que dar forma a esos datos a través del middleware y reflejarlos en el frontend de forma que resultaran sencillas acciones cotidianas como la gestión de servicios o la comprobación de facturas.

Dmitry Coolgun Gestor de entregas

Tecnologías

Vue 3

Mezzi

PHP

JavaScript

HTML

CSS/SCSS

Bootstrap

Equipo

Jefe de proyecto

Desarrolladores PHP

Resultados

Duración del proyecto

Febrero 2024 - Diciembre 2024

Esta solución resolvió los dos problemas a la vez. Serverplan dispone ahora de un portal para las tareas de servicio, facturación y cuentas, en el que los usuarios pueden comprobar pedidos, revisar facturas, gestionar suscripciones, actualizar métodos de pago y gestionar la configuración de cuentas sin moverse entre secciones separadas. Esto hace que la gestión diaria del servicio sea más directa y menos dispersa.

Bajo el capó, el portal sigue funcionando con el backend existente de Serverplan a través de la API Core y la capa de middleware, por lo que la nueva experiencia del cliente se adapta a la configuración técnica actual de la empresa en lugar de sustituirla.

Índice

Conocimientos de PHP para portales de alojamiento

Casos relacionados

Contáctenos

Reserve usted una llamada o rellene usted el siguiente formulario y nos pondremos en contacto con usted cuando hayamos procesado su solicitud.

Nombre

Empresa

Correo electrónico

Teléfono

Mensaje

Envíenos un mensaje de voz

Adjuntar documentos

Cargar archivo

Puede adjuntar 1 archivo de hasta 2 MB. Formatos de archivo válidos: pdf, jpg, jpeg, png.

Al hacer clic en Enviar, autoriza a Innowise a procesar sus datos personales de acuerdo con nuestra política de privacidad. Política de privacidad para proporcionarle información relevante. Al enviar su número de teléfono, acepta que nos pongamos en contacto con usted a través de llamadas de voz, SMS y aplicaciones de mensajería. Pueden aplicarse tarifas de llamadas, mensajes y datos.

También puede enviarnos su solicitud
a contact@innowise.com

¿Qué pasa después?

Una vez recibida y procesada su solicitud, nos pondremos en contacto con usted para detallarle las necesidades de su proyecto y firmar un acuerdo de confidencialidad. Proyecto y firmaremos un acuerdo de confidencialidad.

Tras examinar sus deseos, necesidades y expectativas, nuestro equipo elaborará una propuesta de proyecto con el alcance del trabajo, el tamaño del equipo, el plazo y los costes estimados con el alcance del trabajo, el tamaño del equipo, el tiempo y las estimaciones de costes.

Concertaremos una reunión con usted para hablar de la oferta y concretar los detalles.

Por último, firmaremos un contrato y empezaremos a trabajar en su proyecto de inmediato.