Como entregar sites aos seus clientes com sucesso

Como entregar sites aos seus clientes com sucesso
Saiba como estruturar o fluxo de trabalho do seu projeto no Tilda para criar relacionamentos de longo prazo com os clientes
Ser um designer não é apenas criar visuais impressionantes ou interfaces intuitivas. Trata-se também de conhecimento técnico, atenção aos detalhes e preocupação real com seus clientes. Uma das etapas mais importantes de um projeto é a entrega - garantir que o cliente possa gerenciar o site com confiança sem depender constantemente de você para obter suporte.
Conteúdo:

O que realmente significa uma transferência de site

Um projeto típico de site passa por vários estágios: Conceituação, prototipagem, design, desenvolvimento, testes e, finalmente, a entrega. Os designers geralmente criam um site em sua própria conta do Tilda e só o transferem para o cliente quando tudo está pronto. Mas a transferência não começa no estágio final; ela começa muito antes. Cada decisão que você toma deve levar a um objetivo: um site totalmente funcional que o cliente possa executar por conta própria.

Isso inclui garantir que tudo funcione adequadamente (formulários, animações, carrinhos de compras), que as configurações de SEO estejam em vigor e que o cliente tenha todas as instruções necessárias. Uma transferência adequada lhes dá confiança para atualizar o conteúdo - como postagens de blog, cronogramas ou preços - sem medo de quebrar nada.

Por que vale a pena pensar no futuro

Claro, um designer poderia simplesmente criar o site e seguir em frente. No entanto, dedicar um pouco mais de cuidado pode ser muito útil, tanto para o relacionamento com o cliente quanto para sua reputação.
Gera confiança

Os clientes adoram trabalhar com pessoas que pensam um passo à frente. Um site bem organizado, páginas claramente identificadas e instruções bem pensadas mostram que você é um profissional que respeita o tempo deles (e o seu próprio). Esse tipo de abordagem deixa uma impressão duradoura: É mais provável que eles voltem ou indiquem você para outras pessoas.

Evita futuras dores de cabeça

Orientações simples e comentários na página ajudam o cliente a evitar erros e a gerenciar o site com confiança. Isso significa menos mensagens de pânico e correções apressadas.

Promove seu trabalho

Mesmo após o término do projeto, seu design continua falando por você. Quanto mais tempo o site permanecer bem mantido e consistente, melhor ele refletirá suas habilidades. Um projeto de portfólio que já foi lindo perde valor se os futuros clientes o virem em desordem.
Portanto, quando você entrega um site a um cliente, não está apenas concluindo esse projeto específico, mas também estabelecendo as bases para oportunidades futuras.

Como estruturar seu projeto para que seja fácil para o cliente usá-lo

1
Desative a indexação e configure um domínio temporário

A primeira coisa a fazer depois de criar um novo projeto no Tilda é impedir que ele seja indexado pelos mecanismos de pesquisa. Por quê? Porque sem as configurações adequadas de SEO ou um favicon personalizado, seu cliente pode ver o site aparecer nos resultados de pesquisa com o título de página errado, uma descrição genérica e o logotipo da Tilda em vez do seu próprio. Se um site for indexado prematuramente, a atualização dos metadados pode levar dias ou até semanas.

Como fazer isso: Configurações do site → SEO → Impedir que os mecanismos de pesquisa indexem este site.
2
Crie um domínio temporário claro

Durante o processo de design, você provavelmente enviará ao seu cliente links de visualização para obter feedback. Para evitar confusão, atualize o domínio padrão gerado automaticamente para algo claro e reconhecível. Por exemplo, em vez de site-3949584.tilda.ws, use algo como greenstudio.tilda.ws.

Como fazer isso: Site Settings → Main Settings → Custom Subdomain On Tilda.
3
Adicione fontes personalizadas e configure a tipografia

Antes de usar uma fonte em um projeto, especialmente em um projeto comercial, certifique-se sempre de que ela esteja devidamente licenciada. O uso de fontes não licenciadas pode resultar em problemas legais para seu cliente, desde exigências de pagamento até cartas de cessação e desistência.
A Tilda Sans é uma família de fontes gratuita disponível para todos os usuários da Tilda, adequada para projetos pessoais e comerciais. Ela vem em 7 pesos - de Light a Black - e é compatível com 134 idiomas.
Defina configurações globais de fonte para seu site. Os parâmetros que você definir serão aplicados automaticamente a todos os blocos e páginas, ajudando a manter o site visualmente consistente. Isso é especialmente útil para elementos como cartões de produtos, em que o estilo do texto não pode ser ajustado manualmente.

Como fazer isso: Site Settings → Fonts and Colors (Configurações do site → Fontes e cores).
4
Mantenha tudo organizado no painel

Para ajudar seu cliente a navegar facilmente pela estrutura do site, use as ferramentas de organização integradas do Tilda — pastas, comentários e etiquetas.

As pastas são ótimas para agrupar páginas relacionadas. Por exemplo, todas as páginas relacionadas a um catálogo de produtos podem ser colocadas em uma pasta “Catálogo”.

Como fazer: Configurações da página → Adicional → Criar nova pasta.

Dica profissional: Crie uma pasta “Arquivo” para rascunhos ou páginas que seu cliente decidir não usar (pelo menos por enquanto). Marque-a como uma pasta de arquivo nas configurações para que essas páginas não sejam publicadas. Dessa forma, se o cliente mudar de ideia, você poderá recuperá-las facilmente.

Digamos que você criou uma página com avaliações, mas o cliente não estava pronto para publicá-la. Se ele voltar mais tarde querendo adicionar avaliações, basta retirar a página do arquivo e publicá-la com um clique.
Se você ainda não conhece as soluções sem código, use este código promocional exclusivo para obter um mês do Tilda Personal Plan em vez da avaliação padrão de duas semanas.

Os comentários nas páginas facilitam a identificação da finalidade de cada página. Por exemplo, se uma página se chama “Entre em contato 24 horas por dia, 7 dias por semana”, mas na verdade é um formulário de contato, adicione um comentário como “Página de contato” para deixar isso claro. Os comentários só ficam visíveis no Painel.

As etiquetas funcionam como tags para as páginas. Você pode agrupar páginas como “Sobre nós”, “Avaliações” e “Contatos” sob um rótulo chamado “Informações da empresa”. Clicar em um rótulo mostra todas as páginas com essa tag — muito útil ao trabalhar em sites grandes.

Se você estiver trabalhando em um site grande com centenas de páginas, é importante criar um sistema de rotulagem claro para que seu cliente possa navegar pelas páginas facilmente. Certifique-se de incluir um pequeno guia que explique a lógica de agrupamento por trás dos rótulos — seja por seção, jornada do usuário, tipo de conteúdo ou outra coisa — para que a estrutura faça sentido mesmo sem sua ajuda direta.
Você sabia?
No Tilda, há uma ferramenta integrada de anotações , o Tilda Docs, que você pode usar para criar e organizar facilmente a documentação do projeto como parte da transferência do site.


Para definir um rótulo, acesse Page Settings → Additional → Comment For Page / Label.
5
Use blocos de alias para conteúdo repetido

Quando o site estiver no ar, o cliente poderá querer atualizar elementos recorrentes, como um formulário de contato ou uma programação de aulas. Facilite esse processo usando blocos de alias para seções repetidas.

Um bloco de alias é uma cópia espelhada de um bloco original. Quando você atualiza o original, as alterações aparecem em todos os lugares em que o alias é usado após a republicação do site. Isso facilita manter as coisas atualizadas sem precisar editar cada página manualmente.
Os blocos de alias também ajudam a manter a consistência em todo o site e reduzem o risco de problemas de layout durante as atualizações de conteúdo.

Como fazer isso: Block Library → Other → Alias Block (T213).
6
Faça upload de um Favicon

Não deixe de lado o favicon - é um detalhe pequeno, mas poderoso, que torna seu site instantaneamente reconhecível. Os favicons aparecem nas guias do navegador, nos favoritos e nos resultados de pesquisa, ajudando os usuários a identificar rapidamente o seu site. Sem um, o site parece inacabado e se perde facilmente entre as guias abertas.

Além disso, lembre-se: Muitos usuários navegam no modo escuro ou no celular. Você pode carregar diferentes versões do seu favicon para garantir que ele fique bem em qualquer plano de fundo.

Como fazer isso: Configurações do site → SEO → Favicons → Gerenciar.
7
Definir uma cor de fundo padrão

No Tilda, o fundo padrão na tela do editor é branco, mas isso não é aplicado automaticamente ao site ativo. Se você não atribuir uma cor de fundo padrão, os blocos poderão aparecer transparentes em determinados dispositivos ou no modo escuro. Os clientes não sabem disso e, se adicionarem novos blocos posteriormente, isso poderá quebrar a consistência visual do site. A definição de uma cor de fundo padrão garante a consistência do design e evita esses tipos de erros visuais.

Como fazer isso: Site Settings → Fonts and Colors (Configurações do site → Fontes e cores).
8
Adicione emblemas

Um emblema, que muitas vezes também é chamado de imagem do Open Graph, define como seu link aparece quando compartilhado em aplicativos de mensagens ou mídias sociais. Sem eles, a plataforma pode puxar uma imagem aleatória ou um trecho de texto, o que geralmente parece confuso e confuso.

Esses emblemas são definidos por página, não para todo o site, portanto, não se esqueça de adicioná-los em todas as páginas principais.

Como fazer isso: Configurações da página → Emblema.
9
Teste todos os formulários

Conecte seu formulários para um serviço de coleta de dados, como e-mail, Planilhas Google ou um CRM, e certifique-se de que tudo esteja funcionando corretamente. Verifique novamente se os envios de formulários são concluídos e mostre ao seu cliente como serão as mensagens enviadas. Dessa forma, ele saberá exatamente onde procurar novas consultas e não perderá nenhuma mensagem importante.

Dicas:
  • Envie um formulário de teste e peça ao cliente que confirme o recebimento.
  • Para sites de comércio eletrônico, configure e-mails de confirmação de pedido para que os clientes recebam os detalhes da compra.
  • Adicione uma mensagem de sucesso personalizada ou redirecione para uma página de agradecimento após o envio do formulário.
Como fazer isso: Configurações do site → Formulários.
10
Defina as configurações básicas de SEO

Depois que o design estiver concluído, é hora de ajustar suas configurações de SEO. Isso ajuda o site a aparecer nos resultados de pesquisa com mais rapidez e precisão. No mínimo, configure: Título e Descrição para cada página.

O Título é o que aparece nas guias do navegador e nos resultados dos mecanismos de busca. Ele deve ser exclusivo, relevante e incluir suas principais palavras-chave. A Descrição complementa o título e fornece um resumo do conteúdo da página.

Se você ignorar as meta-tags, será mais difícil para o site ter uma boa classificação nos mecanismos de busca.
Tags de imagem

Alt tag é o texto que descreve uma imagem. Ela aparece quando uma imagem não carrega e ajuda os usuários a entender o que deveria ser mostrado. O texto alternativo também melhora o SEO - se você incluir palavras-chave, a imagem poderá aparecer nos resultados da pesquisa de imagens.

A tag de título é uma dica de ferramenta que aparece quando um usuário passa o mouse sobre a imagem. É útil quando uma imagem precisa de explicações adicionais.

As tags de imagem melhoram o SEO e tornam seu site mais acessível para usuários com deficiências visuais.
Títulos H1 e H2

Essas tags ajudam a estruturar seu conteúdo por importância. O título H1 é o título principal de uma página - ele destaca as informações mais importantes. Você só deve usar uma tag H1 por página. O título H2 é um subtítulo que apoia o H1 e organiza o conteúdo da página em seções legíveis. Os mecanismos de pesquisa usam os títulos para entender a hierarquia do seu conteúdo e o quanto ele corresponde às consultas de pesquisa dos usuários.

Por exemplo, nesta página, o H1 é "How To Successfully Hand Off Websites To Your Clients" (Como transferir sites com sucesso para seus clientes) e os H2s são os títulos das seções, como "What a Website Handoff Really Means" (O que realmente significa uma transferência de site) e "Why It Pays To Think Ahead" (Por que vale a pena pensar no futuro).
Como definir tags de título: Configurações do bloco → SEO: Title Tag.

Não se esqueça de ativar a indexação quando o site estiver pronto para ser lançado.
11
Teste em vários dispositivos

Seu site pode ter aparência e comportamento diferentes em vários dispositivos. Certifique-se de que ele funcione bem em vários tamanhos de tela. Use emuladores para testar diferentes pontos de interrupção ou, melhor ainda, verifique-o em dispositivos reais sempre que possível.

Certifique-se de que os botões sejam clicáveis, que o texto seja legível e que não haja nenhuma falha no layout ou na navegação.
12
Transferir o projeto para a conta do cliente

Você só pode transferir um projeto para uma conta Tilda paga. Os projetos não podem ser movidos para planos gratuitos, portanto, certifique-se de que seu cliente tenha uma assinatura ativa antes de iniciar a transferência.

Como fazer isso: Configurações do site → Ações → Transferir site.
Após a transferência, faça login na conta do cliente e aceite o projeto. Em seguida, conecte o Tilda CRM na conta do cliente - ele está vinculado à conta do usuário, não ao projeto.
Mesmo que o cliente queira receber apenas envios de formulários por e-mail, o Tilda CRM é um ótimo backup. Ele armazena todos os leads recebidos, ajuda em futuras campanhas de e-mail e garante que nenhuma solicitação seja perdida.

Como fazer isso: Site Settings → Forms → Tilda CRM.
13
Gravar tutoriais em vídeo

Crie pequenos tutoriais em vídeo para orientar seu cliente sobre como gerenciar o site dele - como alterar o conteúdo, atualizar as informações do produto ou ajustar os blocos de texto. Isso facilita a integração, reduz erros e economiza seu tempo respondendo a perguntas repetidas.

Dicas:
  • Mantenha os vídeos curtos e focados, por exemplo, "Como alterar o texto" ou "Como adicionar um produto".
  • Use ferramentas como OBS Studio ou Loom para gravar a tela.
  • Se o cliente tiver vários administradores, crie uma página oculta com todos os vídeos em um só lugar.

Mais dicas de especialistas sobre transferência de site

Trabalhe em sua própria conta
Mesmo que o cliente já tenha uma conta Tilda, inicie o projeto na sua. Isso mantém o fluxo de trabalho limpo e seguro e evita que os clientes editem o projeto no meio do desenvolvimento ou o copiem.
Crie uma página de "Informações do site"
Inclua-a em uma página oculta do projeto ou como uma página pública do Tilda Docs. Liste suas informações de contato, quem desenvolveu o site e links para instruções. Isso ajuda os clientes a encontrá-lo se precisarem de suporte futuro.
Ofereça suporte contínuo
Seja uma solicitação única ou um contrato de retenção, ofereça-se para manter o site atualizado. Os clientes geralmente não têm tempo para gerenciar o conteúdo por conta própria, e a manutenção contínua garante que o site permaneça atualizado e funcional.
Use o programa de indicação do Tilda
Se o seu cliente se inscrever usando o seu link de indicação, você receberá créditos de bônus. Esses créditos podem ser usados para pagar sua assinatura do Tilda ou projetos futuros.

Se você gostou do artigo, compartilhe-o com seus amigos. Obrigado!

Leia também:
Livro de curso gratuito sobre como projetar, configurar e executar páginas de destino de alta conversão em
Saiba mais

Guia prático gratuito para animação na Web com exemplos e técnicas,

e dicas sobre como usá-los

Explorar