Portal do cliente para gerir serviços de alojamento, VPS e nuvem

O Innowise ajudou a Serverplan a criar um portal de cliente de autoatendimento para gerenciar produtos de hospedagem, pedidos, transações, assinaturas e configurações de conta por meio da API e do middleware Core existentes.

Centro unificado para alojamento e gestão de contas

Fluxos de trabalho mais suaves através da API principal e da integração de middleware

Customer profile and account authentication in a self-service hosting management portal
Indústria Tecnologia da informação
Empregados 50+
Região Itália
Serviços Desenvolvimento Web, desenvolvimento back-end, integração
Cliente desde 2024

Visão geral do cliente

Resumo por IA

A Serverplan é um fornecedor italiano de serviços de alojamento e de nuvem. Oferece alojamento partilhado, VPS, servidores dedicados, soluções de nuvem e serviços relacionados com domínios para empresas que necessitam de uma infraestrutura fiável e de apoio técnico contínuo. A empresa está em atividade desde 2002 e tem sede em Cassino, Itália.

Desafio

  • A Serverplan precisava de um novo portal do cliente que permitisse aos utilizadores gerir todos os seus serviços de alojamento num único local. O portal tinha de suportar tarefas quotidianas como a gestão de produtos, a realização e o acompanhamento de encomendas, a verificação de transacções, a visualização de facturas, o tratamento de subscrições, a escolha de métodos de pagamento e a atualização das definições da conta.
  • O objetivo era também tornar o portal mais fácil de utilizar para os clientes que gerem diferentes tipos de serviços, tais como alojamento, domínios, VPS e servidores dedicados. O portal tinha de suportar estas tarefas para que os utilizadores pudessem gerir mais facilmente os seus serviços e encontrar rapidamente informações sobre faturação e serviços.
  • Outro desafio era integrar muitas funcionalidades num único portal sem que a experiência do utilizador parecesse dividida. A nova área de clientes tinha de reunir a gestão de produtos, encomendas, faturação, subscrições e definições de conta, sem deixar de ser simples para as pessoas que a utilizam no dia a dia.
  • Do ponto de vista técnico, o portal precisava de utilizar a mesma API Core que o fluxo do Order Wizard Serverplan para encomendar serviços relacionados com o alojamento. Isto significava que o frontend não podia utilizar diretamente os dados do backend. A equipa teve de adicionar uma camada de middleware para preparar os dados para a interface do utilizador.
  • O portal também reuniu muitas secções diferentes num único local: gestão de serviços, encomendas, transacções, facturas, subscrições, métodos de pagamento e definições de conta, incluindo 2FA e registos de atividade. Cada uma destas áreas tinha a sua própria lógica, pelo que a equipa tinha de garantir que funcionavam em conjunto sem quebrar a estrutura geral do portal.
  • O produto em si foi construído como um conjunto de módulos funcionais separados. À medida que o desenvolvimento avançava, a equipa tinha de manter a experiência do utilizador e o fluxo de dados consistentes em todos eles, para que o portal parecesse um sistema coeso.

Solução que fornecemos

Conceção da solução

A nossa equipa tratou da parte frontal do Octopus e ligou-o ao backend para construir uma nova área de cliente para os utilizadores do Serverplan.

O portal utilizava a mesma API Core do projeto Order Wizard. Simplificando, o backend já continha a lógica e os dados necessários para a plataforma, mas esses dados não podiam ir diretamente para a interface de uma forma fácil de utilizar. É por isso que a solução também incluiu uma camada de middleware que reformulou os dados da API para o frontend.

O portal em si foi planeado como um conjunto de módulos que abrangiam as principais necessidades dos utilizadores: abrir o painel de instrumentos, configurar produtos, gerir projectos e encomendas, rever o histórico de transacções, aceder a facturas, trabalhar com crédito pré-pago e subscrições, escolher métodos de pagamento e atualizar as definições da conta. Esta configuração seguiu a estrutura de domínio existente e deu à área do cliente uma forma lógica à medida que o projeto evoluía.

Funcionalidade chave fornecida

Painel de controlo e área de clientes

O painel de controlo Octopus reuniu os principais detalhes da conta e do serviço num único local. Os utilizadores podiam abrir um ecrã e verificar rapidamente as encomendas activadas, as encomendas ainda em configuração, as datas de vencimento, os pagamentos e as facturas. A nossa equipa criou o frontend para esta parte do portal e ligou-o ao backend para que estes fluxos pudessem funcionar dentro da nova área de cliente. Para os utilizadores da Serverplan, isso significou menos tempo gasto na procura de informações de rotina sobre contas e serviços.

Gestão de produtos e encomendas

Esta parte do portal reunia num único local a configuração de produtos e a gestão de encomendas, abrangendo domínios, alojamento partilhado, alojamento de revenda, Powermail, PEC, servidores dedicados e VPS. Também incluía ferramentas específicas para gerir pacotes e listas de encomendas por tipo de produto, juntamente com funcionalidades de gestão de projectos para criar âmbitos personalizados e agrupar objectos relacionados. Assim, em vez de saltar entre secções desconexas e tentar controlar tudo manualmente, os utilizadores podiam gerir diferentes produtos e acções relacionadas na mesma área de cliente com muito menos problemas.

Faturação, transacções e crédito pré-pago

O Octopus incluía também o histórico das transacções, o acesso às facturas emitidas e a gestão do crédito pré-pago com carregamentos, histórico das transacções, limites de utilização e notificações. Estas funcionalidades constituíam a vertente de faturação da nova área de clientes e proporcionavam aos utilizadores uma visão mais clara das suas operações financeiras, sem necessidade de recorrer a outras funcionalidades. Para a Serverplan, isto acrescentou uma experiência de conta mais completa em torno de pagamentos e tarefas de faturação diárias.

Assinaturas e métodos de pagamento

O portal também abrangia a gestão de subscrições para renovação automática de encomendas com opções de modificação e cancelamento. Os utilizadores também podiam gerir métodos de pagamento eletrónico, como cartões de crédito e PayPal. Assim, em vez de separar as acções de serviço recorrentes das tarefas relacionadas com o pagamento, a Serverplan podia reuni-las na mesma área de cliente e tornar esses fluxos mais fáceis de gerir.

Definições de conta e controlo de acesso

A secção da conta reunia dados pessoais, contactos de faturação, definições de acesso, 2FA e um registo de actividades, para que os utilizadores pudessem gerir a configuração principal da conta a partir de um único local. Como parte do trabalho mais amplo do portal, o Innowise ajudou a trazer esses fluxos de conta para a mesma área do cliente que as ações relacionadas ao serviço, o que tornou o portal mais coeso no uso diário.

Abordagem de entrega

A Innowise geriu o projeto utilizando o método Agile, que se adequava a uma construção de portal como esta, em que os requisitos podem mudar à medida que novas secções ganham forma. Em vez de tentar mapear todos os detalhes desde o primeiro dia, a equipa avançou em iterações e trabalhou o âmbito passo a passo.

Para tornar isso mais fácil de gerir, o portal foi dividido em módulos com base na estrutura de domínio existente. Isto deu à equipa uma forma mais clara de trabalhar em diferentes partes da área do cliente em paralelo, mantendo o sistema global organizado.

A entrega passou então pelas fases de desenvolvimento e teste, com marcos para acompanhar o progresso e manter a implementação alinhada com o cronograma mais amplo do portal. Assim, o processo manteve-se flexível onde era necessário, mas suficientemente estruturado para manter o trabalho em movimento constante.

Quote icon

A parte mais complicada foi que o backend já tinha a sua própria estrutura e não correspondia claramente ao que os utilizadores esperam ver num portal do cliente. Tivemos de moldar esses dados através do middleware e reflecti-los no frontend de uma forma que tornasse simples as acções diárias, como a gestão de serviços ou a verificação de facturas.

Dmitry Coolgun
Dmitry Coolgun Gestor de entregas

Tecnologias

Vue 3

Vue 3

Mezzi

Mezzi

PHP

PHP

JavaScript

JavaScript

HTML

HTML

CSS/SCSS

CSS/SCSS

Bootstrap

Bootstrap

Equipa

Icon 1
Gestor de projectos
Icon 3
Programadores de PHP
Innowise team

Resultados

Duração do projecto
fevereiro de 2024 - dezembro de 2024

Esta solução resolveu os dois lados do desafio de uma só vez. A Serverplan tem agora um portal para tarefas de serviço, faturação e conta, onde os utilizadores podem verificar encomendas, rever facturas, gerir subscrições, atualizar métodos de pagamento e gerir definições de conta sem se deslocarem entre secções separadas. Isto faz com que a gestão diária do serviço seja mais direta e menos dispersa. 

Por baixo do capô, o portal continua a funcionar com o backend existente da Serverplan através da API Core e da camada de middleware, pelo que a nova experiência do cliente se enquadra na configuração técnica atual da empresa, em vez de a substituir.

Índice

Experiência em PHP para alojamento de portais

    Contactar-nos

    Marcar uma chamada ou preencha o formulário abaixo e entraremos em contacto consigo assim que tivermos processado o seu pedido.

    Envie-nos uma mensagem de voz
    Anexar documentos
    Enviar ficheiro

    Pode anexar um ficheiro com um máximo de 2MB. Formatos de ficheiro válidos: pdf, jpg, jpeg, png.

    Ao clicar em Enviar, o utilizador autoriza a Innowise a processar os seus dados pessoais de acordo com a nossa Política de privacidade para lhe fornecer informações relevantes. Ao enviar o seu número de telefone, o utilizador aceita que o possamos contactar através de chamadas de voz, SMS e aplicações de mensagens. Poderão ser aplicadas tarifas de chamadas, mensagens e dados.

    Pode também enviar-nos o seu pedido
    para contact@innowise.com
    O que é que acontece a seguir?
    1

    Assim que recebermos e processarmos o seu pedido, entraremos em contacto consigo para necessidades do seu projeto e assinar um NDA para garantir a confidencialidade.

    2

    Depois de analisarmos os seus desejos, necessidades e expectativas, a nossa equipa elaborará uma proposta de projeto proposta de projeto com o âmbito do trabalho, dimensão da equipa, tempo e estimativas de custos.

    3

    Marcaremos uma reunião consigo para discutir a oferta e acertar os pormenores.

    4

    Por fim, assinaremos um contrato e começaremos a trabalhar no seu projeto imediatamente.

    arrow