O que é template, tema ou modelo?

Saiba o que é template (ou modelo) e quais são os prós e contras. Contém lista para baixar templates para e-mail, vídeos, WordPress etc.

Por Fabio Lobo, atualizado em 23/11/2020. 6 pessoas falando sobre isso!

É importante ter soluções rápidas e de baixo custo para colocar alguns projetos no ar logo. Então, se você não sabe o que é template, pode estar perdendo algumas oportunidades.

Ou, pior: pode estar perdendo tempo e dinheiro.

Pensando nisso, elaborei esse post. Vou explicar o que é template, dar exemplos e links para download.

Em resumo, aqui você vai ler:

  • O que é template, modelo ou tema;
  • Para que serve isso;
  • Tipos de templates e onde encontrá-los;
  • Como usar um tema para site;
  • Se essa alternativa vale a pena e é profissional;
  • E respostas para dúvidas comuns.
ilustração de uma pessoa atrás de um smartphone gigante com uma planta ao lado; à frente, o texto Tudo sobre template

O que é template?

Um template (modelo, em português), que também pode ser chamado de tema (theme, em inglês), é uma estrutura pronta para usar. Além disso, o modelo pode ser personalizado de acordo com uma identidade visual.

Há diversos tipos de temas para diferentes fins. Template para site, por exemplo, é basicamente um site pronto.

Ou seja, nesse caso um template traz toda a estrutura, com layout e código-fonte do site, blog ou loja virtual.

Em outro exemplo podemos citar templates para e-mail marketing. Nesse caso o modelo pode vir em formato de imagem para edição em algum programa, como o Photoshop, ou já em HTML.

Assim, você só precisa substituir o texto desse template para a mensagem que você pretende enviar para seus emails, além de adicionar o logo da sua empresa e fazer outros ajustes que forem necessários.

Para que serve o template?

Seguindo com os exemplos acima, se você está com pouco tempo para colocar um site no ar ou não sabe criar uma peça de e-mail marketing, utilizar um template passa a ser a escolha ideal.

Isso porque você terá um modelo pronto, bastando apenas cadastrar seu conteúdo.

Então, a principal finalidade de um modelo é facilitar seu trabalho. Além disso, é bem mais barato adquirir um template pronto em vez de contratar um prestador de serviço.

Inclusive, um template pode ser utilizado tanto por alguém que não tem conhecimento na área quanto por um profissional qualificado. O resultado final será diferente, é claro – mas a finalidade é a mesma.

O que é layout?

Comumente confundido com template, layout é um desenho, um esquema de como um trabalho vai ficar.

Por exemplo, você pode comprar um layout pronto para site e editá-lo como desejar. Porém, essa é só a representação visual do projeto. Como não há o código-fonte, não é possível visualizar e navegar pelo layout em um navegador de internet.

Um layout, então, é uma das partes de um template.

Tipos de template ou modelo

Há templates, ou modelos, para diferentes finalidades. Como você pode ver, os dois exemplos que citei acima têm uma certa diferença. Afinal, são plataformas diferentes.

Além disso, você pode encontrar modelos para redes sociais, vídeos, apresentações, logotipos, panfletos, currículos, convites, cardápios, propostas… e muito mais.

Pensando nisso, criei uma lista com os exemplos mais comuns para uso de templates. Veja abaixo!

Sites prontos

printscreen de templates para sites

Conforme exemplifiquei mais acima, o template de um site pode ser considerado um site pronto.

Porém, em alguns casos apenas o modelo não é o suficiente para você ter seu site. Além do óbvio, que é ter um domínio e uma hospedagem para o projeto, alguns templates exigem um CMS para funcionar.

É o caso de temas para WordPress: você deve ter esse CMS instalado, que é o que fará seu site funcionar, para utilizar o tema. Portanto, os dois trabalham juntos.

Por outro lado, há templates para sites em HTML puro. Nesse caso, basta editar os arquivos e fazer o upload para sua hospedagem, assim já será possível acessar o site.

Onde encontrar?

  • ThemeForest: A meu ver essa é a melhor opção. Afinal, há um catálogo variado para diversos nichos e plataformas – cerca de 50 mil templates. Além disso, é perceptível que há mais qualidade em relação aos concorrentes.
  • TemplateMonster: Alternativa ao ThemeForest, esse catálogo tem mais de 15 mil modelos para diferentes plataformas.
  • WordPress / WooCommerce: Aqui no site mesmo você encontra uma lista com temas prontos para a plataforma. São várias opções premium e grátis de templates para sites, blogs, portfolios e lojas virtuais.
  • Qode Interactive: Com quase mil opções, esse catálogo oferece temas com estrutura visivelmente mais criativa e ousada.

Template de imagens para redes sociais

printscreen de templates para redes sociais

Se você tem um perfil pessoal, talvez utilizar um modelo pronto não faça tanto sentido. Porém, para empresas essa é uma boa opção para criar conteúdo personalizado em redes sociais.

Com um template para Instagram, por exemplo, é possível criar posts com frases de impacto, divulgação de um produto, montagem de fotos e por aí vai.

Onde encontrar?

  • Canva: Catálogo com templates para Instagram, Facebook, Twitter, Pinterest e YouTube.
  • Crello: Alternativa ao Canva.
  • Creative Market: Catálogo com modelos para redes sociais (praticamente todas) que podem ser editados no Canva ou no Photoshop.
  • Freepik: Catálogo com imagens para redes sociais que podem ser editadas no Photoshop ou Illustrator.

Modelo de e-mail marketing

printscreen de templates para e-mail marketing

Apesar do e-mail ter sido cada vez mais substituído por redes sociais e apps de mensagem, estratégias de e-mail marketing ainda dão muito resultado. De uma mensagem de feliz ano novo a um cupom de desconto.

Mas para isso é preciso ter conhecimento em marketing, design e, é claro, redação.

Um template pronto para newsletter, por exemplo, já vai te ajudar com os dois primeiros requisitos.

Onde encontrar?

  • TemplateMonster: Catálogo com templates para plataformas como MailChimp e Mailster.
  • Canva: Catálogo com layouts e modelos para newsletter, tudo editável diretamente na plataforma.
  • BEE Free: Catálogo com diversas opções de templates editáveis na plataforma.
  • Litmus: Catálogo com modelos de email em HTML.

Template para vídeos

printscreen de templates para vídeos

Nunca foi tão fácil trabalhar com a criação de vídeos. Muito se deve à evolução constante das redes sociais, com vídeos para o YouTube, Instagram, Facebook e até para o WhatsApp.

Afinal, vídeo é o tipo de conteúdo cada vez mais consumido na internet.

Onde encontrar?

  • VideoHive: Catálogo da Envato com modelos para vídeos e stock.
  • TemplateMonster: Catálogo com templates para After Effects, Premier Pro e Final Cut, além de motion graphics.
  • Canva: Catálogo com modelos para vídeos que podem ser editados diretamente na plataforma.
  • Biteable: Catálogo de templates de vídeos que também são editados na própria plataforma.

Mockups e templates para apresentação

printscreen de templates para apresentação

Mockup é como se fosse uma maquete. É um tipo de modelo para apresentação que ilustra, por exemplo, como um produto irá ficar.

Na imagem acima você pode ver a apresentação de como é meu site quando visualizado de um tablet. Desse modo, posso alterar a imagem que utilizei pela de outro site ou de um aplicativo.

Ou seja, a ilustração tablet em si é o mock-up, porque você pode utilizá-lo para apresentar o que desejar.

Além disso, há também templates para apresentação de slides, propostas, portfolio e muito mais.

Onde encontrar?

  • TemplateMonster: Catálogo com templates para PowerPoint, Keynote e Google Slides, além de infográficos.
  • Canva: Catálogo com modelos para apresentações de diversos tipos.
  • Adobe Spark: Alternativa ao Canva.
  • Creative Market: Por aqui você encontra catálogos tanto de mockups quanto de templates para apresentação.

Como usar um template ou tema em um site?

Agora que você já sabe o que é um template, é hora de colocar a mão na massa.

Como essa é minha especialidade (tanto a criação de temas para sites quanto a instalação de modelos prontos), acaba sendo meu foco por aqui.

Então, se você tem pressa e já decidiu que irá utilizar um tema pronto, confira minhas dicas!

Primeiros passos antes de escolher um template

ilustração de um site sendo construído

Antes de sair caçando um tema para seu site, blog ou loja virtual, é preciso ter algumas coisas em mente.

Já falei sobre elas no início do texto, mas irei reforçar com mais detalhes agora.

1. Tenha um domínio e assine uma hospedagem

Um domínio pode ser adquirido por, em média, R$ 40,00 anuais. Indico o Registro.br e o 101domain.

Já o custo de uma hospedagem varia bastante. Isto é, tudo depende de recursos, atendimento, estabilidade e muito mais. Confira essa lista de hospedagens e conheça também a WOWF!

2. Escolha um CMS

Eu sempre recomendo o WordPress, que é, de longe, o mais completo e com maior opção de temas prontos para baixar.

Inclusive, vou utilizar justamente o WordPress para explicar a instalação de um template. É importante, porém, que você tenha certeza de que esse é o CMS certo para você.

3. Planeje seu site

Outra tarefa a ser feita antes da aquisição de um template é planejar seu site.

Afinal, é através do planejamento que você vai saber quais páginas seu site deve ter e qual será a estrutura como um todo.

Como resultado, se você pular essa etapa vai acabar ficando dependente da estrutura do tema que escolher sem planejamento. Isso poderá gerar uma série de alterações no template.

Ou seja, mais trabalho e possivelmente mais despesa.

Dicas para escolher um modelo para site

  1. Utilize sites confiáveis: não baixe temas pirateados ou em sites duvidosos. Se o fizer, certamente terá problemas como invasões e até mesmo roubo de dados.
  2. Pesquise para o seu nicho: se você é dentista, não faz sentido utilizar um modelo para site de corretora de imóveis só porque achou a estrutura bacana. Cada nicho tem suas particularidades.
  3. Evite page builders e temas multi-purpose: construtores de site e temas multi-propósito facilitam seu trabalho, é verdade. Mas irão deixar seu site extremamente pesado.
  4. Seja assertivo: escolha um template com tudo o que você precisa, sem mais nem menos. Ou seja, um modelo que não vai precisar de quase nenhuma modificação.

Como instalar um template no WordPress?

Tempo necessário: 5 minutos.

Se você já baixou o tema para WordPress, siga os passos abaixo para fazer a instalação!

  1. Acesse o menu de Aparência

    Em seu painel do WordPress, clique em Aparência e então em Adicionar novo.printscreen de painel de temas

    Esse conteúdo não pode ser exibido em seu navegador.

  2. Vá para a opção de upload de tema

    Clique no botão Enviar tema. Abrirá uma opção para que você selecione um arquivo em seu computador.printscreen de painel de instalação de temas

    Esse conteúdo não pode ser exibido em seu navegador.

  3. Selecione o tema a ser instalado

    Procure o zip do tema que você baixou e selecione-o. Em seguida, clique em Instalar agora.printscreen de seleção e upload de arquivo

    Esse conteúdo não pode ser exibido em seu navegador.

  4. Ative o tema instalado

    No final da instalação, que irá levar alguns segundos para ser concluída, clique em Ativar.printscreen de tela de conclusão de instalação de tema

    Esse conteúdo não pode ser exibido em seu navegador.

Prontinho! Uma vez que o tema está instalado e ativo, agora você deve fazer as customizações que desejar.

Vale a pena usar um template pronto? É profissional?

Visto que é uma solução barata e rápida para ter uma tarefa concluída, vale a pena usar um template pronto.

Por outro lado, se o responsável por customizar o modelo não tiver conhecimentos da área de atuação (como design, marketing ou redação), o resultado final pode não ficar profissional.

Além disso, um template pode ser bem mais pesado que um projeto personalizado. No caso de sites esses modelos são desenvolvidos de maneira mais “genérica” para que possam ser utilizados de várias formas diferentes.

Aliás, muitos temas são feitos com códigos aproveitados de outros modelos, então o código pode ser bem bagunçado e cheio de remendas.

Portanto, fazer alterações visuais e estruturais em um template pode ser bem trabalhoso. Sem contar que pode deixar o tema ainda mais pesado e até mesmo prejudicar suas funções.

Por fim, templates podem ser soluções provisórias na maioria dos casos. Ou seja, algo só para começar.

Portanto, sugiro pensar como uma solução de médio prazo. Contratar um profissional para fazer algo do zero, totalmente personalizado para sua marca, é a melhor opção.

Assim você terá um projeto profissional, com identidade visual de sua empresa e bem otimizado.

Resumindo, então, esses são os prós e contras de um template pronto:

Prós

  • É barato: considerando que há templates grátis, pode ser infinitamente mais barato que contratar um profissional;
  • É rápido: como já é um modelo com tudo pronto para edição, a tarefa que levaria dias para ser feita pode ser concluída em minutos;
  • Fácil de encontrar: conforme você pode ver neste post, há vários catálogos com diferentes opções de temas prontos para as mais diversas finalidades.

Contras

  • O resultado final pode ser amador: se você não tiver conhecimentos para customizar o template, o trabalho pode ficar com aparência bem amadora;
  • Pode ficar pesado: principalmente no caso de temas para sites, que são desenvolvidos para atender inúmeras necessidades;
  • É genérico: manter uma identidade visual com um template também é difícil. Afinal, você teria que achar um modelo pronto com uma combinação de cores e elementos que têm a ver com a comunicação visual de sua empresa.

Créditos das imagens: Freepik e sites citados.

Revisão

Aqui você aprendeu o que é template. Ainda tem alguma dúvida? Confira abaixo!

Qual é a diferença entre template e layout?

Layout é apenas a parte visual do projeto. Template (modelo) contém o layout e outros recursos necessários para o trabalho. No caso de um site, por exemplo, o modelo vem com o layout e o código-fonte.

O que é mockup?

Mock-up é um modelo para apresentação para uma plataforma ou mídia específica, por exemplo. Como a ilustração ou foto de um computador para apresentar um site, uma garrafa em branco para apresentar um rótulo etc.

O que é tema para WordPress?

Tema, ou template (modelo) para WordPress, é a estrutura do site – com layout e código-fonte. Então, quando um tema é instalado no WordPress, o site ficará com o visual desse template.

A cópia dos conteúdos e trabalhos deste site não é permitida. Saiba mais clicando aqui!

Quem é Fabio Lobo?

Web designer, desenvolvedor front-end e programador WordPress.

Quem é Fabio Lobo?

Estou há mais de uma década na área. O foco do meu trabalho é em usabilidade, facilidade pro usuário, acessibilidade, SEO e performance.

Também tenho alguns projetos open source, além de prestar consultoria em hospedagem WordPress e criação de conteúdo.

Como posso te ajudar hoje?

Trabalho com consultoria, suporte, manutenção, criação e desenvolvimento.

Fale comigo

Leia também...

...alguns textos que têm a ver com o assunto:

Entrevista: Como é o trabalho de um Web Designer?

Saiba um pouco mais sobre o trabalho de um Web Designer nesse bate-papo. Tire suas dúvidas sobre a área de web design!

Site bonito ou funcional: o que é mais importante?

O que dá mais retorno: um site bonito ou um que funciona bem? Não pode ser os dois? Saiba mais sobre UX, design centrado no usuário e técnicas de conversão no Web Design!

Entrevista: Como é trabalhar com Design Digital para a web?

Quer saber como é trabalhar com Design Digital para a internet? Confira essa entrevista sobre Web Design e tire suas dúvidas sobre a profissão!

Comentários

6 comentários até o momento

  • Mto boa à sua explicação, caso venha necessitar entrarei em contato com vc. É pra minha CUNHADA ok, ñ tenho mais paciência pra TAL, meus sobrinhos que se virem.
    um abc

    Responder
    • Beleza, Sebastião! Precisando de algo me avise.

      Responder
  • Muitíssimo bom o conteúdo!

    Responder
    • Obrigado, Dâmaris!

      Responder
  • Eu tenho uma loja de conveniências, tipo mini mercado, e gostaria de ter um site, contudo não sei bem por onde começar. As suas explicações foram bem esclarecedoras mas, como voce mesmo disse, quando a gente não é do ramo, fica muito difícil de iniciar um projeto assim e mesmo efetuar a instalação, iniciar a utilização e gerenciar. Gostaria de uma orientação sua ou mesmo um orçamento para saber qual o tamanho do “problema”. Obrigado

    Responder
    • Claro, Richard! Pode entrar em contato que estarei à disposição para ajudar.

      Responder

Deixe seu comentário

Se você deseja um orçamento, entre em contato clicando aqui.

Quero um orçamento