Um site para o seu SaaS B2B em HTML e CSS: recursos, casos de uso, preços e botões de demonstração, pronto para celular

Exemplo de resultado

Exemplo do pacote PadrãoVer completo

Site de duas páginas de um app de planejamento de refeições

A página inicial e a de preços

A página inicial no celular

Arquivos: um arquivo ZIP com 2 páginas HTML ligadas entre si, os estilos e 5 imagens desenhadas para o site, pronto para subir na hospedagem do cliente. As imagens aqui são capturas de tela das páginas.

Cliente: Plately, um app que planeja os jantares da semana para famílias sem tempo. Tarefa: uma página inicial com o que o app faz e como funciona, e uma página de preços com três planos, uma tabela comparativa e perguntas frequentes, com botões de cadastro que levam ao app, em verde-folha e laranja quente.

O cliente e todos os dados são fictícios.

Sobre este serviço

Compradores empresariais comparam várias ferramentas antes de falar com alguém, por isso um site B2B precisa responder às perguntas deles com clareza: que problema o produto resolve, para quais empresas, como ele se encaixa no trabalho delas, quanto custa e como os dados são tratados. A partir do seu briefing, escrevemos e montamos as páginas: uma primeira tela com a promessa principal, recursos agrupados por tarefa, como funciona, as integrações e os dados de segurança que você listar, uma tabela de preços por usuários ou limites, perguntas frequentes e botões para começar um teste ou agendar uma demonstração, cada um abrindo o seu link. Logos de clientes, resultados de cases e certificados aparecem só se você os fornecer e puder mostrá-los. Telas reais do produto vêm apenas das suas capturas; as imagens desenhadas são ilustrações sem interface.

O que está incluído

• O que você recebeUm arquivo ZIP com as páginas, os estilos e as imagens do site, pronto para subir na sua hospedagem, e a prévia de cada página na página do pedido.
• Recursos por tarefaAgrupados pelo que o comprador precisa resolver, não pelos itens do menu
• Planos fáceis de compararUsuários, limites e recursos de cada plano lado a lado, como no seu briefing
• Dados de confiança, só os seusIntegrações, notas de segurança e logos de clientes que você tem permissão para mostrar
• O seu produto na páginaAs suas capturas de tela e o seu logo do jeito que são; ilustrações desenhadas em um só estilo
• Funciona no celular, código limpoDe celulares pequenos a telas largas; HTML e CSS simples, nada carregado de outros sites

Como funciona

1. 1
   BriefingVocê descreve o produto, os compradores, os planos e os links, e envia capturas de tela e o seu logo
2. 2
   SiteEscrevemos os textos, desenhamos as ilustrações e montamos as páginas
3. 3
   Prévia e arquivoVocê confere cada página no computador e no celular, pede ajustes dentro do seu pacote e baixa o arquivo

O que precisamos de você

O que o produto faz, para quais empresas e cargos ele serve, de 3 a 6 recursos principais, as integrações que você oferece, os seus planos com preços, limites e o que cada um inclui, os dados de segurança ou de tratamento de dados que você pode afirmar, as páginas que você quer e os links exatos dos botões de teste, demonstração, login e contato. Opcionalmente, até 5 imagens em PNG, JPEG ou WebP: o seu logo, capturas de tela reais do produto e logos de clientes que você tem permissão para mostrar.

Vamos perguntar:

• Quem compra o seu produto, e que problema ele resolve?
• Recursos principais e integrações
• Planos, preços e limites
• Para onde os botões levam?
• Fatos que você pode mostrar

Compare os pacotes

Perguntas e respostas

Não encontrou a resposta? Pergunte