Como agências entregam muitos sites de clientes com templates sem que todos fiquem iguais?

Um sistema prático para agências que criam muitos sites parecidos: poucos templates mestres, um kit de marca por cliente, um briefing de conteúdo que preenche o template, regras sobre o que pode mudar e uma forma de aplicar correções em todos os sites.

Agências que entregam muitos sites rapidamente fazem isso com um sistema, não com uma pasta de temas: de três a seis templates mestres pensados para os tipos de cliente que atendem, um kit de marca por cliente (logo, cores, fontes, fotos, tom de voz), um formulário de briefing que preenche as seções de cada template e regras escritas sobre o que pode mudar por cliente e o que deve ficar fixo. O template traz a estrutura que funciona; o kit de marca e o conteúdo real tornam cada site do cliente. A última peça é a manutenção: uma forma de corrigir algo uma vez e aplicar em todos os sites criados com aquele template. Bem feito, um site novo leva dias em vez de semanas e ainda tem a cara do cliente, não dos seus outros clientes.

Por que a maioria das abordagens com templates falha

Parte 1: escolha poucos templates mestres

Comece pela sua lista de clientes, não por ideias de design. Agrupe os clientes antigos pelo que o site deles precisa fazer:

TemplateFeito paraSeções principais
Serviço localPrestadores de serviço, clínicas, salões: o objetivo são ligações e agendamentosHero com telefone e agendamento, serviços, área de atendimento, avaliações, sobre, contato
Escritório profissionalAdvogados, contadores, consultores: o objetivo é confiançaÁreas de atuação, equipe, abordagem, artigos, contato
Espaço ou hospitalidadeRestaurantes, espaços de eventos, estúdios: o objetivo são visitasCardápio ou oferta, galeria, horário e localização, reservas, eventos
CampanhaLançamentos, eventos, ofertas: um objetivo, vida curtaPágina única, uma chamada para ação, provas, perguntas frequentes
Catálogo pequenoPoucos produtos vendidos onlineGrade de produtos, página de produto, frete e trocas, sobre

De três a seis templates cobrem a maioria dos portfólios de agência. Cada um deve ter várias opções de layout por seção (por exemplo, três layouts de hero), para que dois clientes no mesmo template ainda possam ter visuais diferentes.

Parte 2: monte um kit de marca por cliente

O kit de marca é o que faz um site baseado em template parecer feito sob medida. Reúna tudo antes de começar:

ItemMínimoMelhor
LogoUma versão que funcione em fundos clarosVersões clara e escura, mais um ícone para o favicon
CoresUma cor principalPrincipal, destaque, neutros escuro e claro, com contraste verificado
TipografiaUma fonteUma fonte para títulos e outra para o texto, que combinem com o negócio
FotosCinco fotos reais do negócioUma sessão curta: pessoas, local, trabalho em andamento
Tom de vozTrês palavras que descrevem como falamDuas frases de exemplo de que gostam e uma de que não gostam
Forma e estiloCantos arredondados ou retosEstilo de botão, espessura de borda, uso de sombras

Mudar fontes, cantos e estilo de botão junto com as cores diferencia dois sites muito mais do que qualquer troca de logo. Fotos reais fazem ainda mais.

Parte 3: um briefing de conteúdo que preenche o template

Monte o formulário de briefing a partir das seções do template, com limites que combinem com o design:

Nosso questionário para clientes de sites tem uma versão mais completa que você pode adaptar.

Escreva o texto de cada site a partir das respostas do próprio cliente. Nunca reaproveite o texto principal entre clientes do mesmo template: para os visitantes ele soa genérico, e os mecanismos de busca desconfiam de páginas quase idênticas em sites diferentes. O template é compartilhado; as palavras não devem ser.

Parte 4: regras sobre o que pode mudar

Registre, para cada template, o que é fixo e o que é flexível. Sem isso, toda conversa com cliente reabre decisões de design.

Fixo (mudanças precisam de justificativa)Flexível (escolha do cliente)
Estrutura das páginas e ordem das seções nas páginas principaisQual opção de layout cada seção usa
Padrão de navegação e conteúdo do rodapéKit de marca: cores, fontes, cantos, botões
Campos de formulário necessários para rastrear leadsFotos e textos
Acessibilidade básica: ordem de títulos, contraste, texto alternativoPáginas extras além do conjunto principal
Configuração de analytics e rastreamentoSeções opcionais (perguntas frequentes, equipe, galeria)

Se os clientes editam os próprios sites, reflita essas regras no que a plataforma permite mudar. Isso pode significar deixá-los editar o conteúdo, mas não publicar sem a sua revisão.

Parte 5: mantenha os sites ligados ao template

A diferença entre uma biblioteca de templates e um sistema de templates é o que acontece depois do lançamento. Defina como as correções circulam:

Verificações de qualidade antes de cada lançamento com template

Templates facilitam lançar rápido e também lançar erros em escala. Faça a mesma verificação curta em todos os sites:

A verificação "nada esquecido" pega os erros mais constrangedores. Um visitante que encontra o nome de outra empresa em um site não vai confiar em mais nada nele.

Cronograma de um site com template

DiaTrabalho
0Formulário de briefing e kit de marca enviados com o e-mail de boas-vindas
1-3O cliente preenche o briefing; você cobra o que falta
4Montagem a partir do template: kit de marca aplicado, layouts escolhidos, textos escritos a partir do briefing
5Verificação interna: formulários, celular, acessibilidade básica, títulos
6-8Revisão do cliente, uma rodada de ajustes
9Domínio conectado, lançamento, entrega

Repare para onde vai o tempo: esperando conteúdo. As agências mais rápidas são as que têm o melhor briefing, não as que constroem mais rápido.

Fazendo isso na We.Inc

Em uma conta white-label da We.Inc, o dono da marca pode transformar qualquer um dos próprios sites, ou o site de um cliente sob a sua marca, em template, e os clientes escolhem entre os seus templates em uma galeria com a sua marca.

Galeria de templates exibida a um cliente dentro do painel com a marca da agência
A galeria de templates como o cliente a vê, com a marca da agência.

As configurações de marca guardam as partes do kit de marca que devem valer em tudo o que você controla: logos, cores, fontes e estilos de botão.

Configurações de marca para cores, uma fonte do Google e estilos de botão
Cores, fontes e estilos de botão definidos uma vez no nível da marca.

Depois, cada site ganha sua forma visual: selecione um título ou botão e mude a fonte, a cor, os cantos e os estados.

Editor visual com um botão selecionado mostrando controles de preenchimento, cantos, estados e breakpoints
Estilo por site no editor visual.

As regras de fixo versus flexível viram chaves por cliente, incluindo aprovação em uma etapa antes de o site de um cliente ir ao ar.

Padrões da marca para o que os clientes podem fazer
Padrões do que todo cliente pode mudar, ajustáveis por cliente.

Para aplicar mudanças em escala, a We.Inc tem uma área de operações em massa para aplicar a alteração de um arquivo em vários sites, com pré-visualização da mudança em cada site antes de aplicar.

Para conhecer na prática o seu próprio conjunto de templates, agende uma demonstração. Para o lado operacional de gerenciar muitos sites, veja nossa página de gestão de vários sites.

Perguntas frequentes

Quantos templates uma agência precisa?

Normalmente de três a seis templates mestres pensados para os tipos de cliente que você atende, cada um com várias opções de layout por seção, em vez de dezenas de temas separados.

Como evitar que sites feitos com template fiquem iguais?

Mude mais do que o logo: aplique um kit de marca completo (cores, fontes, cantos, estilo de botão), use fotos reais, escolha layouts de seção diferentes e escreva o texto de cada site a partir das respostas do próprio cliente.

Reaproveitar um template prejudica o SEO?

Compartilhar um layout é normal. O problema é reaproveitar o mesmo texto principal entre clientes. Escreva um texto original para cada site.

Como atualizar muitos sites feitos com o mesmo template?

Mantenha um registro de qual template e versão cada site usa, anote as correções do template e aplique as correções importantes nos sites afetados em lotes, com pré-visualização antes.

Comece grátis · Sem cartão de crédito

Relacionados: Guias

Produto

Para quem é

Recursos

Recursos

Empresa

Mapa do site