Como criar um portal do cliente: arquivos, status, faturas e permissões

Um portal do cliente é uma área privada em que cada cliente faz login para ver o andamento do projeto, os arquivos compartilhados, as solicitações em aberto e as faturas. Para criar um, defina exatamente o que o cliente precisa ver nos primeiros dez segundos, modele clientes, projetos e arquivos de modo que cada registro pertença a um único cliente, garanta no servidor que os clientes vejam apenas os próprios registros e mantenha os envios em armazenamento privado. A lista de recursos pode ser curta; o que importa é acertar as permissões.

Por que as empresas criam portais do cliente

Portais normalmente substituem uma pilha de conversas de e-mail, pastas compartilhadas e mensagens do tipo "como está o andamento?". Agências, contadores, consultores, construtoras, estúdios e empresas de serviços usam todos. Um bom portal:

• Responde à pergunta sobre o andamento antes que o cliente a faça.
• Reúne os arquivos em um só lugar, com a versão mais recente bem visível.
• Dá às solicitações um lugar adequado, em vez de e-mails espalhados.
• Passa a imagem de organização, o que importa para retenção e indicações.

Se você tem um ou dois clientes e nada sensível, uma pasta ou um documento compartilhado pode bastar. Um portal vale a pena quando você tem muitos clientes, trabalho recorrente ou informações que os clientes não devem ver sobre os outros.

O que um portal do cliente precisa

Comece com login, visão geral, arquivos e solicitações. Acrescente faturas, aprovações e mensagens quando os clientes realmente precisarem.

Os dados

Um portal típico tem: clientes (empresas), usuários de cliente (as pessoas que fazem login, pertencentes a um único cliente), os membros da sua equipe, projetos (pertencentes a um único cliente), marcos ou atualizações de status, arquivos (pertencentes a um projeto), solicitações e, opcionalmente, faturas. A regra de design principal: todo registro deve remeter a exatamente um cliente. Isso torna as permissões simples de aplicar e de verificar.

Permissões

Anote estas regras e teste-as:

• Um usuário de cliente vê apenas os projetos, arquivos, solicitações e faturas do seu cliente.
• Notas internas nunca são mostradas aos clientes.
• Membros da equipe veem os clientes para os quais foram designados, ou todos os clientes, se a equipe for pequena.
• Os links de arquivos são privados e têm prazo de validade, não são URLs públicas que qualquer pessoa possa compartilhar ou adivinhar.
• Remover um usuário de cliente elimina o acesso dele imediatamente.

As verificações precisam acontecer no servidor. Um portal que carrega os dados de todos os clientes e filtra no navegador não é privado.

Decisões e compromissos

Método de login

Clientes entram raramente, então esquecem as senhas. Links mágicos (um link de acesso enviado por e-mail) ou login único com uma conta que eles já usam costumam funcionar melhor do que senhas em portais. Qualquer que seja a escolha, convide os clientes a partir do seu lado, em vez de deixar qualquer pessoa se cadastrar. Nosso guia sobre como adicionar login ao seu app compara as opções.

Um portal ou um por cliente

Um único app com uma lista de clientes é mais fácil de manter do que um site separado para cada cliente. Você ainda pode dar a cada cliente uma aparência com a sua marca — o logotipo dele, os nomes dos projetos dele — dentro do mesmo app.

Arquivos

Use um armazenamento de arquivos adequado, em vez de salvar os envios no disco do próprio servidor, defina um tamanho máximo de arquivo, restrinja os tipos de arquivo se puder e entregue os arquivos apenas a usuários que passem na verificação de permissão. Decida como funcionam as versões: sobrescrever, ou manter o histórico.

Faturas e pagamentos

Você pode mostrar as faturas da sua ferramenta de contabilidade, gerar faturas simples no portal ou linkar para uma página de pagamento hospedada. Construir um sistema completo de faturamento é um projeto à parte — veja como criar um app de faturamento. Para um portal, mostrar o status da fatura e um link "Pagar agora" para um checkout hospedado costuma bastar.

Integrações

Muitos portais puxam o status de ferramentas que você já usa — um gerenciador de projetos, um CRM ou um software de contabilidade — em vez de exigir que você atualize dois lugares. Integrações economizam tempo, mas acrescentam configuração e manutenção. Se a sua equipe já trabalha em um CRM, considere construir o portal sobre os mesmos dados.

Um primeiro prompt para um criador com IA

Crie um portal do cliente para a Northlight, uma pequena agência de design web. Os clientes são empresas; cada uma tem um ou mais usuários que fazem login. Os usuários de cliente veem apenas os projetos da própria empresa. Para cada projeto: status atual (Descoberta, Design, Desenvolvimento, Revisão, No ar), próximo marco com data, uma área de arquivos onde os dois lados podem enviar e baixar (PDF, imagens, ZIP, máximo de 50 MB), um formulário de solicitação (título, detalhes, prioridade) com uma lista das solicitações anteriores e o status de cada uma, e uma linha do tempo de atualizações. A equipe da agência vê uma área administrativa com todos os clientes, pode alterar o status dos projetos, publicar atualizações, adicionar notas internas que os clientes nunca veem e responder às solicitações. Aplique todas as regras de acesso no servidor. Guarde os dados em um banco de dados e os arquivos em um armazenamento privado, com links de download com prazo de validade. Login provisório por enquanto — adicionaremos a autenticação real depois. Design limpo e profissional que funcione em celulares.

Construa em etapas: dados e administração primeiro, depois a visão do cliente, depois o login real, depois os arquivos e por último os extras. Como escrever prompts para criadores de apps com IA tem mais padrões.

Etapas de construção

1. Liste primeiro o que o cliente precisa ver, e sobre o que ele hoje manda e-mails para você.
2. Modele os dados de modo que cada registro pertença a um cliente.
3. Construa a visão administrativa e cadastre os dados de um cliente real.
4. Construa a visão do cliente para esse cliente.
5. Adicione login real com convites enviados por você.
6. Adicione arquivos em armazenamento privado, com verificação de permissão no download.
7. Teste as permissões: crie dois clientes de teste e tente todas as formas de ver os dados do outro — trocar IDs na URL, adivinhar links de arquivos, usar um convite antigo.
8. Adicione solicitações e notificações por e-mail.
9. Faça um piloto com um ou dois clientes simpáticos e pergunte sobre o que eles ainda mandam e-mail para você.
10. Acrescente faturas, aprovações ou integrações com base nesse feedback.

Erros comuns

• Filtrar no navegador em vez de no servidor. O bug mais grave de um portal: os dados de todos os clientes são baixados, apenas escondidos.
• URLs públicas de arquivos. Um link compartilhado que qualquer pessoa pode abrir anula o portal.
• Cadastro aberto. Os clientes devem ser convidados, não poder criar as próprias contas e escolher uma empresa.
• Recursos demais no lançamento. Um portal que os clientes não entendem é ignorado em favor do e-mail.
• Duas fontes da verdade. Se o status fica no seu gerenciador de projetos e no portal, um deles vai ficar desatualizado. Escolha um ou sincronize os dois.
• Esquecer a desativação. Quando alguém da equipe do cliente sai, o acesso dessa pessoa precisa acabar.
• Guardar dados regulamentados sem as proteções certas. Registros de saúde, jurídicos ou financeiros podem ter exigências legais que você precisa cumprir.

Custos e ferramentas

Os custos de operação são hospedagem, banco de dados, armazenamento de arquivos (que cresce com os arquivos que você compartilha) e um provedor de e-mail para convites e notificações. Se você usa um provedor de login ou de pagamentos hospedado, confira os preços atuais no site dele. Comparado a softwares de portal cobrados por usuário, os custos do seu próprio portal crescem com o uso, e não com o número de clientes.

Quando um produto pronto é a escolha melhor

Softwares de portal do cliente, e os portais embutidos em ferramentas de contabilidade, jurídicas ou de gestão de escritórios, podem ser a escolha melhor quando o seu setor tem exigências específicas — assinaturas eletrônicas com validade jurídica, registros regulamentados, troca de documentos fiscais — ou quando a ferramenta que você já usa inclui um portal. Esses produtos já resolveram conformidade e suporte. Crie o seu quando o seu fluxo de trabalho não se encaixa em portais genéricos, quando você quer que o portal reflita exatamente a sua marca e o seu processo, ou quando a cobrança por cliente ou por usuário deixa de fazer sentido para você.

Criando com o Mythex

O Mythex pode criar o portal do prompt acima: uma visão do cliente, uma visão administrativa, solicitações e uma linha do tempo, com um banco de dados Postgres dedicado e armazenamento de arquivos adicionados quando o app precisar deles. O login dos clientes é do tipo traga o seu próprio — as contas do Mythex são para quem constrói o app, e você escolhe uma abordagem de autenticação para os seus clientes, que o agente integra. O Mythex não tem um produto integrado de assinatura eletrônica nem de faturamento, então esses itens são integrações ou recursos que você constrói. Use segredos do projeto para quaisquer chaves de API, e o testador de app no chat para navegar pelos fluxos de cliente e de administração antes de publicar.

A documentação tem um caso de uso de portal do cliente e cobre o armazenamento de arquivos e a adição de login. Para um prompt inicial, experimente o modelo de portal do cliente para agências ou veja os modelos de apps. Antes de convidar clientes reais, passe pela nossa lista de verificação de segurança para apps criados com IA.

Perguntas