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.
Comece pela sua lista de clientes, não por ideias de design. Agrupe os clientes antigos pelo que o site deles precisa fazer:
| Template | Feito para | Seções principais |
|---|---|---|
| Serviço local | Prestadores de serviço, clínicas, salões: o objetivo são ligações e agendamentos | Hero com telefone e agendamento, serviços, área de atendimento, avaliações, sobre, contato |
| Escritório profissional | Advogados, contadores, consultores: o objetivo é confiança | Áreas de atuação, equipe, abordagem, artigos, contato |
| Espaço ou hospitalidade | Restaurantes, espaços de eventos, estúdios: o objetivo são visitas | Cardápio ou oferta, galeria, horário e localização, reservas, eventos |
| Campanha | Lançamentos, eventos, ofertas: um objetivo, vida curta | Página única, uma chamada para ação, provas, perguntas frequentes |
| Catálogo pequeno | Poucos produtos vendidos online | Grade 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.
O kit de marca é o que faz um site baseado em template parecer feito sob medida. Reúna tudo antes de começar:
| Item | Mínimo | Melhor |
|---|---|---|
| Logo | Uma versão que funcione em fundos claros | Versões clara e escura, mais um ícone para o favicon |
| Cores | Uma cor principal | Principal, destaque, neutros escuro e claro, com contraste verificado |
| Tipografia | Uma fonte | Uma fonte para títulos e outra para o texto, que combinem com o negócio |
| Fotos | Cinco fotos reais do negócio | Uma sessão curta: pessoas, local, trabalho em andamento |
| Tom de voz | Três palavras que descrevem como falam | Duas frases de exemplo de que gostam e uma de que não gostam |
| Forma e estilo | Cantos arredondados ou retos | Estilo 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.
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.
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 principais | Qual 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 leads | Fotos e textos |
| Acessibilidade básica: ordem de títulos, contraste, texto alternativo | Páginas extras além do conjunto principal |
| Configuração de analytics e rastreamento | Seçõ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.
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:
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.
| Dia | Trabalho |
|---|---|
| 0 | Formulário de briefing e kit de marca enviados com o e-mail de boas-vindas |
| 1-3 | O cliente preenche o briefing; você cobra o que falta |
| 4 | Montagem a partir do template: kit de marca aplicado, layouts escolhidos, textos escritos a partir do briefing |
| 5 | Verificação interna: formulários, celular, acessibilidade básica, títulos |
| 6-8 | Revisão do cliente, uma rodada de ajustes |
| 9 | Domí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.
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.
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.
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.
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.
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.
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.
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.
Compartilhar um layout é normal. O problema é reaproveitar o mesmo texto principal entre clientes. Escreva um texto original para cada site.
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