{"id":41136,"date":"2024-07-08T10:37:03","date_gmt":"2024-07-08T13:37:03","guid":{"rendered":"https:\/\/www.locaweb.com.br\/blog\/?p=41136"},"modified":"2026-02-18T16:41:48","modified_gmt":"2026-02-18T19:41:48","slug":"templates-de-sites-criador-locaweb","status":"publish","type":"post","link":"https:\/\/www.locaweb.com.br\/blog\/produtos\/criador-de-sites\/templates-de-sites-criador-locaweb\/","title":{"rendered":"Templates de sites: Prontos para usar e personalizar"},"content":{"rendered":"\n<p><em>Os sites dizem muito a respeito de um neg\u00f3cio. Aprenda a fazer as melhores escolhas para personalizar seus templates de sites e vender mais<\/em><\/p>\n\n\n\n<p>A sabedoria popular diz que a primeira impress\u00e3o \u00e9 a que fica \u2013 na vida e nos neg\u00f3cios. Hoje, essa primeira impress\u00e3o pode vir de muitos lugares: na vida digital, ela se realiza pelas publica\u00e7\u00f5es feitas em redes sociais e pelo seu site.<\/p>\n\n\n\n<p>E n\u00e3o apenas conte\u00fado: o visual far\u00e1 toda diferen\u00e7a na experi\u00eancia de uso. Nesse ponto entra a elabora\u00e7\u00e3o da <a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/criador-de-sites\/criacao-de-site-profissional\/\" target=\"_blank\" rel=\"noreferrer noopener\">cria\u00e7\u00e3o de sites profissionais<\/a>.<\/p>\n\n\n\n<p>Para quem n\u00e3o entende quase nada, ou nada mesmo, de <em>webdesign<\/em>, e precisa <a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/criador-de-sites\/monte-sua-pagina-criador-de-sites-locaweb\/\" target=\"_blank\" rel=\"noreferrer noopener\">montar uma p\u00e1gina do zero<\/a>, uma boa not\u00edcia: o <a href=\"https:\/\/www.locaweb.com.br\/criador-de-sites\/\">criador de sites<\/a> da Locaweb traz uma grande variedade de <em>templates de sites <\/em>e muitos recursos para quem contratar a ferramenta fazer a personaliza\u00e7\u00e3o de um modo pr\u00e1tico e intuitivo.<\/p>\n\n\n\n<p>Mas como nenhuma ferramenta no mundo faz tudo sozinha, vamos falar sobre os detalhes importantes na hora de personalizar os <em>templates <\/em>de sites.<\/p>\n\n\n\n<p>E o nosso <em>spoiler <\/em>\u00e9 que a <strong>Locaweb <\/strong>tem tudo o que vamos falar aqui \u2013 e mais um pouco.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"812\" height=\"500\" src=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2023\/05\/templates-de-sites-criador-locaweb-3.png\" alt=\"Mulher empreendedora em seu notebook personalizando templates de sites com o Criador de Sites da Locaweb\" class=\"wp-image-41164\" srcset=\"https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2023\/05\/templates-de-sites-criador-locaweb-3.png 812w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2023\/05\/templates-de-sites-criador-locaweb-3-500x308.png 500w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2023\/05\/templates-de-sites-criador-locaweb-3-768x473.png 768w, https:\/\/www.locaweb.com.br\/blog\/wp-content\/uploads\/2023\/05\/templates-de-sites-criador-locaweb-3-150x92.png 150w\" sizes=\"(max-width: 812px) 100vw, 812px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 um template de site?&nbsp;<\/h2>\n\n\n\n<p>\u00c9 justo iniciar o assunto respondendo essa pergunta. Template \u00e9 uma palavra de origem inglesa e significa <strong>modelo<\/strong>, mas tamb\u00e9m pode ser definido como <strong>tema<\/strong>. Trata-se, ent\u00e3o, de um modelo de site pronto para <a href=\"https:\/\/www.locaweb.com.br\/conteudos\/como-criar-um-blog\/\">criar blogs<\/a>, e-commerces, <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/marketing-e-seo\/o-que-e-landing-page\/\" target=\"_blank\" rel=\"noreferrer noopener\">landing pages<\/a> e outras aplica\u00e7\u00f5es digitais.<\/p>\n\n\n\n<p>Os templates contam com m\u00f3dulos pr\u00e9-estabelecidos para incluir os elementos do site. Pensando em um e-commerce, o m\u00f3dulo pode vir com um espa\u00e7o determinado para incluir a foto de um produto e sua descri\u00e7\u00e3o, outro m\u00f3dulo para receber a ficha t\u00e9cnica e assim vai. Ali\u00e1s, o fato de ser modular permite trabalhar o fluxo da informa\u00e7\u00e3o estrategicamente, como for melhor para o neg\u00f3cio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Fortale\u00e7a a sua presen\u00e7a digital<\/h3>\n\n\n\n<p>Templates de sites foram criados para facilitar a vida de quem precisa construir a presen\u00e7a digital de um neg\u00f3cio, para vender ou fortalecer sua marca pessoal, mas n\u00e3o tem tempo de aprender a programar ou investir na contrata\u00e7\u00e3o de um profissional para trabalhar de forma exclusiva.<\/p>\n\n\n\n<p>O curioso \u00e9 que hoje em dia os templates de sites s\u00e3o t\u00e3o bons e produzem resultados t\u00e3o profissionais que algumas empresas de webdesign utilizam esse recurso para ganhar tempo e escalar seus ganhos.<\/p>\n\n\n\n<p>Portanto, n\u00e3o tenha preconceito de utilizar uma ferramenta de templates. Ela atende a todos. Nesse artigo, vamos entregar conceitos e orientar a trabalhar com ela sem susto.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Elementos importantes para os templates de site<\/h2>\n\n\n\n<p>Antes de colocar a m\u00e3o no teclado e come\u00e7ar montar o template de sua p\u00e1gina, \u00e9 preciso selecionar e reunir todos os materiais para arrastar para dentro da ferramenta do criador de sites. <strong>Leia agora a nossa indica\u00e7\u00e3o dos elementos mais importantes:<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Conte\u00fados<\/h3>\n\n\n\n<p>\u00c9 recomend\u00e1vel que todos os textos a serem utilizados estejam escritos e revisados antes de subirem para a ferramenta de cria\u00e7\u00e3o de um site. Isso evita o famoso retrabalho e quem opera com uma estrutura mais enxuta n\u00e3o tem tempo a perder.<\/p>\n\n\n\n<p>\u00c9 muito importante prestar aten\u00e7\u00e3o se os textos t\u00eam as palavras-chave do seu neg\u00f3cio e atende \u00e0s regras de SEO. Para evitar problemas em uma p\u00e1gina informativa, tenha cuidado com:<\/p>\n\n\n\n<p><strong>Ficha t\u00e9cnica:<\/strong> aqui entram as informa\u00e7\u00f5es sobre as medidas (lembre-se de padronizar a unidade de medida em todas as fichas t\u00e9cnicas), modelo, marca, o material utilizado na produ\u00e7\u00e3o, tecnologias empregadas, validade e garantia, entre outras informa\u00e7\u00f5es importantes de acordo com a natureza do produto.<\/p>\n\n\n\n<p><strong>Descri\u00e7\u00e3o:<\/strong> se a ficha t\u00e9cnica se ocupa de informa\u00e7\u00f5es funcionais, a descri\u00e7\u00e3o deve inspirar a compra com uma pequena <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/primeiros-passos\/como-fazer-storytelling\/\" target=\"_blank\" rel=\"noreferrer noopener\">storytelling<\/a>. Se voc\u00ea estiver vendendo sapatos, por exemplo, a descri\u00e7\u00e3o deve falar sobre a maciez, conforto e a versatilidade do produto. A descri\u00e7\u00e3o deve mostrar como seu produto \u00e9 vantajoso e agrega valor a quem compra.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Como CRIAR UM SITE DO ZERO com o Criador de sites | Locaweb\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/SO4OFdMQ2sI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p><strong>Pre\u00e7os: <\/strong>revise bem os pre\u00e7os antes de subir o produto ou servi\u00e7o. Pelo c\u00f3digo de defesa do consumidor, vale o que est\u00e1 na etiqueta. Sem choro e nem vela.&nbsp;<\/p>\n\n\n\n<p><strong>Conte\u00fados informativos \/ blog: <\/strong>os conte\u00fados feitos para formar base de <em>leads<\/em> devem ser bem escritos, apurado com fontes confi\u00e1veis e oficiais, ter boas refer\u00eancias e simples de serem lidos. Ortografia, gram\u00e1tica e grafia (comer ou trocar letras, por exemplo) podem transmitir uma impress\u00e3o de pouco cuidado ou falta de profissionalismo.<\/p>\n\n\n\n<p><strong>Comunica\u00e7\u00e3o promocional: <\/strong>geralmente, esse tipo de mensagem utiliza uma linguagem mais emocional para inspirar as pessoas a comprar e aproveitar oportunidades o mais r\u00e1pido poss\u00edvel. No entanto, cada tipo de p\u00fablico interpreta a comunica\u00e7\u00e3o promocional dentro de seu pr\u00f3prio repert\u00f3rio. <\/p>\n\n\n\n<p>Para ficar mais claro, n\u00e3o d\u00e1 para utilizar a mesma linguagem de vendas do produto \u201cbaratex\u201d para vender rel\u00f3gio su\u00ed\u00e7o, percebe?<\/p>\n\n\n\n<p>Quanto mais ajustado for o seu site, blog ou e-commerce, melhor ser\u00e1 o ranqueamento org\u00e2nico. <strong>Dica importante<\/strong>: d\u00ea uma olhada nos in\u00fameros <a href=\"https:\/\/blog.locaweb.com.br\/?s=seo\" target=\"_blank\" rel=\"noreferrer noopener\">artigos sobre SEO produzidos pela Locaweb<\/a> para ir dominando o assunto.<\/p>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Boas pr\u00e1ticas de SEO com foco no WordPress | Locaweb\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/sPwKgMle8Sc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">2) Logotipo<\/h3>\n\n\n\n<p>Antes de tudo, o logotipo \u00e9 uma imagem que identifica a marca de uma empresa, institui\u00e7\u00e3o, organiza\u00e7\u00e3o etc. Pode ser composto por s\u00edmbolo e palavra, s\u00f3 palavra ou s\u00f3 s\u00edmbolo. Tem gente que chama logotipo de logomarca, mas sempre que isso acontece, os cora\u00e7\u00f5es de designers param de bater por alguns segundos.<\/p>\n\n\n\n<p>Deixando a brincadeira de lado, para aplica\u00e7\u00f5es online (em sites, na assinatura de <a href=\"https:\/\/www.locaweb.com.br\/email-profissional\/\" target=\"_blank\" rel=\"noreferrer noopener\">e-mails profissionais<\/a>, <a href=\"https:\/\/www.locaweb.com.br\/email-marketing-locaweb\/\" target=\"_blank\" rel=\"noreferrer noopener\">e-mail marketing<\/a>, convite digital etc), as extens\u00f5es de arquivo mais recomendadas s\u00e3o <strong>PNG e SVG <\/strong>com fundo transparente, ou mesmo <strong>JPG <\/strong>com a cor de fundo da imagem igual \u00e0 cor de fundo da aplica\u00e7\u00e3o.<\/p>\n\n\n\n<p>Ter imagens leves, sem distor\u00e7\u00f5es, com bom carregamento, tamb\u00e9m faz parte das <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/marketing-e-seo\/seo-para-2024\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>boas pr\u00e1ticas de SEO<\/strong><\/a> e ranqueamento org\u00e2nico. Portanto, cuide para que os arquivos estejam em excelente resolu\u00e7\u00e3o e carregamento de imagem.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Fotografias<\/h3>\n\n\n\n<p>Os <strong>arquivos de foto <\/strong>precisam ter uma excelente resolu\u00e7\u00e3o, com \u00f3timo carregamento na p\u00e1gina, e estar em dimens\u00f5es proporcionais. Aqui vale a mesma orienta\u00e7\u00e3o sobre os logotipos: n\u00e3o utilize fotos com baixa resolu\u00e7\u00e3o ou distorcidas, pois isso derruba o ranqueamento org\u00e2nico.&nbsp;<\/p>\n\n\n\n<p>N\u00e3o caia na bobagem de baixar uma imagem qualquer da internet, pois isso pode, sim, gerar uma bela dor de cabe\u00e7a l\u00e1 na frente. Prefira fotos baixadas de <a href=\"https:\/\/blog.locaweb.com.br\/temas\/codigo-aberto\/plataforma-de-imagens-quais-as-vantagens-e-como-escolhe-las\/\" target=\"_blank\" rel=\"noreferrer noopener\">plataformas de imagens<\/a> (gratuitas ou pagas) ou produza fotos autorais. Para facilitar a sua vida, o <strong>criador de sites da Locaweb tem um banco de imagens<\/strong> com centenas de imagens em diversos segmentos de servi\u00e7os. Isso facilita muito a sua busca.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4) \u00cdcones<\/h3>\n\n\n\n<p>Os \u00edcones s\u00e3o <strong>s\u00edmbolos gr\u00e1ficos <\/strong>que indicam visualmente uma informa\u00e7\u00e3o e permitem a inclus\u00e3o de links para suas p\u00e1ginas \u2013 sejam internas do pr\u00f3prio site ou externas. Os \u00edcones tamb\u00e9m podem ser utilizados para indicar as redes sociais da marca e e-mail, recebendo um link, por exemplo. No <em>template<\/em>, os \u00edcones podem estar associados \u00e0s se\u00e7\u00f5es de produtos, ilustrar os campos de busca, login, senha etc.&nbsp;<\/p>\n\n\n\n<p>Para manter a unidade e a organiza\u00e7\u00e3o iconogr\u00e1fica, escolha um estilo de iconografia e o mantenha durante toda a montagem do template de site. O que queremos dizer com isso? Mantenha o padr\u00e3o de cores, espessura de linha, altura e largura dos \u00edcones. Muitas varia\u00e7\u00f5es criam distra\u00e7\u00f5es no visitante e podem criar um visual desorganizado, o que pode afastar a audi\u00eancia.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">A import\u00e2ncia da identidade visual<\/h3>\n\n\n\n<p>Sua marca ainda n\u00e3o tem uma <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/de-olho-no-digital\/o-que-e-identidade-visual-e-como-criar-uma\/\" target=\"_blank\" rel=\"noreferrer noopener\">identidade visual<\/a>? Pense um pouco sobre a import\u00e2ncia do assunto. Pequenos e m\u00e9dios neg\u00f3cios podem se beneficiar das <strong>vantagens de uma<\/strong> <strong>identidade visual bem constru\u00edda: <\/strong>eles passam a ser percebidos como empresas profissionalizadas e confi\u00e1veis. A identidade visual deve fazer parte da estrat\u00e9gia de comunica\u00e7\u00e3o e marketing de sua marca.<\/p>\n\n\n\n<p>Se nesse momento seu neg\u00f3cio ainda n\u00e3o pode investir nisso, n\u00e3o se desespere. Os templates de site da Locaweb podem ajudar a melhorar sua presen\u00e7a digital e n\u00e3o deixar as oportunidades de <a href=\"https:\/\/www.locaweb.com.br\/conteudos\/plataforma-de-vendas-online\/\" target=\"_blank\" rel=\"noreferrer noopener\">vendas online<\/a> para tr\u00e1s.<\/p>\n\n\n\n<p>Vamos dar algumas orienta\u00e7\u00f5es sobre como montar bons templates de sites em alguns nichos de atua\u00e7\u00e3o. Segue o fio at\u00e9 o final deste artigo:<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Tipos de template de site<\/h2>\n\n\n\n<p>Os templates devem estar de acordo com a finalidade do site, pois cada layout vai oferecer uma experi\u00eancia de uso diferente para a pessoa.&nbsp;<\/p>\n\n\n\n<p>Algumas caracter\u00edsticas do template s\u00e3o inegoci\u00e1veis, como:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Navegabilidade<\/strong>: uma boa navega\u00e7\u00e3o, em que a pessoa consegue trafegar nas p\u00e1ginas com tranquilidade, tamb\u00e9m conta para o ranqueamento org\u00e2nico. Se a pessoa consegue encontrar facilmente o que procura na p\u00e1gina, menor ser\u00e1 o \u00edndice de abandono do site.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Personaliz\u00e1vel: <\/strong>o template escolhido deve ter m\u00f3dulos que atendam a inclus\u00e3o de logotipo, fotografias, v\u00eddeos e textos sem distor\u00e7\u00f5es ou \u201cburacos\u201d no layout. Infelizmente, \u00e9 muito comum se deparar com sites constru\u00eddos a partir de templates prontos, em que os elementos parecem desconectados e perdidos.<\/li>\n<\/ul>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>F\u00e1cil atualiza\u00e7\u00e3o: <\/strong>o template precisa oferecer a atualiza\u00e7\u00e3o de produtos e servi\u00e7os com facilidade, sem perda de tempo. Se o template for muito complexo para mexer, considere outro modelo ou outra ferramenta.<\/li>\n<\/ul>\n\n\n\n<p>Em linhas gerais, os principais tipos de sites s\u00e3o:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Institucional:<\/strong> s\u00e3o sites que apresentam a empresa, com informa\u00e7\u00f5es sobre sua hist\u00f3ria, informa\u00e7\u00f5es sobre servi\u00e7os, p\u00e1gina de contato, publica\u00e7\u00e3o de resultados e outros tipos de dados.<\/li>\n<\/ol>\n\n\n\n<ol start=\"2\" class=\"wp-block-list\">\n<li><strong>Blog e site pessoal:<\/strong> pode ser exclusivo ou parte de um site. O blog costuma ser utilizado para publica\u00e7\u00e3o de textos para captar audi\u00eancia. Esses textos podem ser informativos, educativos, relato de opini\u00f5es pessoais, experi\u00eancias pessoais, review de produtos etc.<\/li>\n<\/ol>\n\n\n\n<ol start=\"3\" class=\"wp-block-list\">\n<li><strong>E-commerce ou loja virtual:<\/strong> o e-commerce \u00e9 um site feito para venda online de produtos. Geralmente, ele \u00e9 composto por uma p\u00e1gina principal onde s\u00e3o comunicados lan\u00e7amentos, promo\u00e7\u00f5es e os demais produtos. As p\u00e1ginas internas podem ser divididas em categorias de produtos que linkam para os produtos propriamente ditos.<\/li>\n<\/ol>\n\n\n\n<ol start=\"4\" class=\"wp-block-list\">\n<li><strong>Servi\u00e7os: <\/strong>essas p\u00e1ginas oferecem a presta\u00e7\u00e3o do servi\u00e7o de profissionais, de loca\u00e7\u00e3o de espa\u00e7os e ve\u00edculos ou reserva de lugares em restaurantes ou eventos, por exemplo.<\/li>\n<\/ol>\n\n\n\n<ol start=\"5\" class=\"wp-block-list\">\n<li><strong>Landing Pages:<\/strong> s\u00e3o sites criados para captar leads. Geralmente, a pessoa troca seus dados por algum produto digital, como e-books, relat\u00f3rios, pesquisas de tend\u00eancias e outros conte\u00fados digitais.<\/li>\n<\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Possibilidade de personaliza\u00e7\u00e3o de templates de site<\/h2>\n\n\n\n<p>Voc\u00ea j\u00e1 ouviu falar em painel de controle?<\/p>\n\n\n\n<p>O <strong>painel de controle <\/strong>re\u00fane as funcionalidades de uma ferramenta, permitindo que a pessoa localize rapidamente o que precisa por meio de menus e submenus. Numa ferramenta de cria\u00e7\u00e3o de sites, essa \u00e9 a primeira p\u00e1gina com a qual a pessoa ter\u00e1 contato para personalizar o seu template.<\/p>\n\n\n\n<p>S\u00f3 para dar um exemplo, no <a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/hospedagem-de-sites\/wordpress-para-alavancar-seu-negocio\/\">WordPress<\/a>, uma das plataformas mais utilizadas no mundo para criar blogs e sites, os temas dos <em>templates<\/em> de sites v\u00e3o dentro da op\u00e7\u00e3o Apar\u00eancia. <\/p>\n\n\n\n<p>Ao escolher um <em>template<\/em>, o pr\u00f3prio painel de controle conduz a pessoa a escolher o que ela precisa para deixar o site com sua cara.<\/p>\n\n\n\n<p>Quando a pessoa escolhe um tema, ele j\u00e1 vem com a visualiza\u00e7\u00e3o completa de como ficaria o site. A partir desse momento \u00e9 poss\u00edvel fazer uma s\u00e9rie de personaliza\u00e7\u00f5es. Vamos conhecer algumas possibilidades dentro da cria\u00e7\u00e3o do site:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1) Imagem de abertura<\/h3>\n\n\n\n<p>A <strong>imagem de abertura <\/strong>deve ser muito bem pensada, pois \u00e9 a primeira mensagem visual recebida pelo visitante. Ela pode ocupar toda a largura do template, ou apenas uma parte alinhada \u00e0 direita, centro ou esquerda. \u00c9 poss\u00edvel personalizar como desejar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Cores<\/h3>\n\n\n\n<figure class=\"wp-block-embed aligncenter is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Como usar a psicologia das cores na sua estrat\u00e9gia de marketing | Locaweb\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/biSJloc9Vx0?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Para facilitar a vida de quem est\u00e1 montando o site, a pr\u00f3pria ferramenta sugere uma s\u00e9rie de <a href=\"https:\/\/www.locaweb.com.br\/blog\/temas\/marketing-e-seo\/psicologia-das-cores-no-marketing\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>combina\u00e7\u00f5es de cores<\/strong><\/a><strong> <\/strong>(ou paleta de cores) para serem escolhidas. Na maior parte dos casos, tamb\u00e9m \u00e9 poss\u00edvel personalizar as cores a serem usadas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Fam\u00edlia de fontes ou tipografia<\/h3>\n\n\n\n<p>A ferramenta tamb\u00e9m sugere alguns tipos de <strong>fontes (letras) <\/strong>para os t\u00edtulos e corpo do e-mail. O tamanho, espessura e cor devem ser pensados n\u00e3o apenas sob o ponto de vista est\u00e9tico, mas pelo conforto visual e facilidade de leitura.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4) Menu de navega\u00e7\u00e3o ou cabe\u00e7alho<\/h3>\n\n\n\n<p>Aqui v\u00e3o os <strong>nomes das p\u00e1ginas <\/strong>do site. Algumas op\u00e7\u00f5es do menu explicam do que se trata o neg\u00f3cio (nossa hist\u00f3ria, quem somos ou sobre n\u00f3s), quais os servi\u00e7os prestados, <a href=\"https:\/\/www.locaweb.com.br\/blog\/produtos\/email\/emails-transacionais-loja-virtual\/\" target=\"_blank\" rel=\"noreferrer noopener\">loja virtual<\/a>, not\u00edcias, estudos, blog e contato, entre outros. Tudo depende da finalidade do site. Uma forma de facilitar a vida do visitante \u00e9 deixar o cabe\u00e7alho fixo, mesmo quando a p\u00e1gina \u00e9 rolada para baixo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5) Rodap\u00e9<\/h3>\n\n\n\n<p>O <strong>rodap\u00e9 <\/strong>\u00e9 um campo informativo no final da p\u00e1gina. Nele \u00e9 poss\u00edvel incluir os direitos autorais da constru\u00e7\u00e3o do site, o mapa do site com todos os links para as p\u00e1ginas contidas nele, informa\u00e7\u00f5es de contato <strong>(como endere\u00e7o f\u00edsico, e-mail e hor\u00e1rio de funcionamento)<\/strong>, os \u00edcones para as redes sociais ou links para documentos informativos. Geralmente ele \u00e9 desenvolvido em uma cor destacada em rela\u00e7\u00e3o ao site, mas sempre dentro da paleta de cores da identidade visual.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Exemplos de templates<\/h2>\n\n\n\n<p>Uma coisa \u00e9 certa: identificando o tipo de site fica muito mais simples escolher o template. Como cada setor de neg\u00f3cio conta com suas particularidades, trazemos alguns exemplos para inspirar suas cria\u00e7\u00f5es.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Template de site de servi\u00e7os<\/h3>\n\n\n\n<p>Profissionais aut\u00f4nomos podem se beneficiar da presen\u00e7a digital para captar mais clientes para sua presta\u00e7\u00e3o de servi\u00e7o. Como a maioria deles n\u00e3o tem, necessariamente, conhecimento em programa\u00e7\u00e3o de websites, modelos de sites acabam facilitando sua entrada no mundo da internet.<\/p>\n\n\n\n<p>Indo para a pr\u00e1tica, os sites de presta\u00e7\u00e3o de servi\u00e7os podem ser ilustrados com imagens mais gerais, portanto o banco de imagens embarcado no criador de sites atende bem esses casos. Mas esses profissionais precisam comunicar bem se o servi\u00e7o \u00e9 cobrado por hora ou por demanda, se os materiais para execu\u00e7\u00e3o devem ser fornecidos ou n\u00e3o, se h\u00e1 atendimento online e qualquer outro detalhe espec\u00edfico da profiss\u00e3o.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Como &#8216;enriquecer&#8217; o seu template<\/h4>\n\n\n\n<p>O template pode ser enriquecido com depoimentos de clientes satisfeitos &#8211; o que chamamos de prova social. \u00c9 poss\u00edvel inserir essa informa\u00e7\u00e3o manualmente por escrito. Outra forma de incluir \u00e9 transformando a captura da tela das avalia\u00e7\u00f5es do Google em imagens. Em seguida \u00e9 s\u00f3 inseri-las em um m\u00f3dulo do template.<\/p>\n\n\n\n<p>Outro cuidado que os prestadores de servi\u00e7o devem tomar \u00e9 divulgar bem seus canais de contato. Eles precisam estar bem vis\u00edveis e funcionais, preferencialmente com o atendimento feito em tempo real. <\/p>\n\n\n\n<p>\u00c9 poss\u00edvel utilizar um m\u00f3dulo de formul\u00e1rio de contato fornecido nos templates tamb\u00e9m. Isso ajuda a direcionar os contatos para um \u00fanico lugar.<\/p>\n\n\n\n<p>Modelos de sites prontos podem atender facilmente prestadores de servi\u00e7os do setor jur\u00eddico, de sa\u00fade, de limpeza e organiza\u00e7\u00e3o, de cuidados com idosos e muitos outros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Template de site de restaurantes, cafeterias e confeitarias<\/h3>\n\n\n\n<p>O template para esses tipos de site precisa fazer o usu\u00e1rio \u201ccomer com os olhos\u201d e sentir vontade de estar naquele ambiente. Um m\u00f3dulo com banner rotativo de tamanho generoso e com boas fotos pode conquistar o poss\u00edvel cliente logo de entrada&nbsp;<\/p>\n\n\n\n<p>O banner rotativo tamb\u00e9m cumpre a fun\u00e7\u00e3o de linkar o menu, informar sobre os meios de pagamentos aceitos no estabelecimento, como fazer as reservas ou divulgar eventos e promo\u00e7\u00f5es.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Contrate servi\u00e7os profissionais<\/h4>\n\n\n\n<p>Considerar a contrata\u00e7\u00e3o de servi\u00e7os fotogr\u00e1ficos pode ser um diferencial para o site. Fotos autorais com boa qualidade dos pratos, caf\u00e9s e sobremesas, do sal\u00e3o, da fachada e da experi\u00eancia dos clientes devem ser a primeira op\u00e7\u00e3o no momento de ilustrar o site. Essa comunica\u00e7\u00e3o pode aumentar a confian\u00e7a e o desejo de compra na pessoa.<\/p>\n\n\n\n<p>Deixe bem vis\u00edvel no template o campo para reservas, caso trabalhe com esse tipo de comodidade. Pode ser um m\u00f3dulo de chat embarcado, um link para o WhatsApp do restaurante ou um m\u00f3dulo que mostre a interface de reserva (com a data, o hor\u00e1rio e a quantidade de lugares para os clientes).<\/p>\n\n\n\n<p>Se o estabelecimento trabalhar com delivery, h\u00e1 a op\u00e7\u00e3o de adicionar uma loja virtual e m\u00f3dulo de pagamento ao site.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Template de sites de hot\u00e9is e pousadas<\/h3>\n\n\n\n<p>O setor hoteleiro tem estabelecimentos de todos os portes, mas do pequeno ao grande, todos precisam estabelecer uma boa presen\u00e7a digital.<\/p>\n\n\n\n<p>Ter um site para divulga\u00e7\u00e3o dos quartos e outras depend\u00eancias de hot\u00e9is e pousadas \u00e9 essencial para atrair p\u00fablico de todos os lugares do pa\u00eds e do mundo, e para isso acontecer \u00e9 preciso ter uma comunica\u00e7\u00e3o bem atrativa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Envolva a experi\u00eancia de uso<\/h4>\n\n\n\n<p>Sempre que uma <a href=\"https:\/\/www.locaweb.com.br\/conteudos\/plataforma-de-vendas-online\/\" target=\"_blank\" rel=\"noreferrer noopener\">venda online<\/a> envolve experi\u00eancia de uso, o site precisa ilustrar com fotos autorais o que o cliente pode esperar. No caso de Hot\u00e9is e pousadas, o template precisa, necessariamente, conter fotos atuais, com diversos \u00e2ngulos, para conquistar a confian\u00e7a de quem nunca se hospedou.<\/p>\n\n\n\n<p>Vale considerar no template uma p\u00e1gina com a divulga\u00e7\u00e3o dos pontos de interesse do local \u2013 culturais, gastron\u00f4micos e tur\u00edsticos. Isso ser\u00e1 importante para despertar o interesse das pessoas em passar mais tempo no local \u2013 e, obviamente, ficar mais dias hospedadas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Template de sites educacionais&nbsp;<\/h3>\n\n\n\n<p>Independentemente do setor educacional, seja escola de idiomas, aulas particulares ou escola regular, a institui\u00e7\u00e3o deve ter um site e ele pode ser feito com um template pronto para usar.<\/p>\n\n\n\n<p>No caso de sites educacionais, o mais comum \u00e9 que a p\u00e1gina seja mais informativa, com detalhes sobre a metodologia de ensino utilizada, fotos do local, hor\u00e1rios e canais de contato.<\/p>\n\n\n\n<p>O template precisa fazer o papel de vendedor e contar uma hist\u00f3ria coerente, tanto para ajudar a fazer a venda online quando o tipo de curso permitir, quanto para trazer os interessados para conhecer a institui\u00e7\u00e3o de ensino pessoalmente.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Como lembrar de tudo isso na hora de montar o seu template?<\/h4>\n\n\n\n<p>Pelas informa\u00e7\u00f5es que j\u00e1 mostramos, d\u00e1 para perceber que \u00e9 poss\u00edvel montar sua p\u00e1gina utilizando apenas com uma boa ferramenta para <em>template<\/em>s de sites \u2013 e a Locaweb pode provar -, mas concordamos que existem muitos detalhes.<\/p>\n\n\n\n<p>Pensando nisso, a <strong>Locaweb <\/strong>tem em seu site muitas informa\u00e7\u00f5es capazes de resolver d\u00favidas simples e complexas. Na se\u00e7\u00e3o chamada <a href=\"https:\/\/www.locaweb.com.br\/ajuda\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ajuda<\/a> \u00e9 poss\u00edvel encontrar e revisar todos os itens necess\u00e1rios para montar um site bonito e funcional.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Suporte a comunidade de usu\u00e1rios<\/h4>\n\n\n\n<p>Outro apoio muito importante vem das <strong>comunidades de usu\u00e1rios<\/strong>. Essas comunidades postam perguntas e outras pessoas respondem com exemplos. Toda essa conversa fica armazenada dentro do f\u00f3rum para ser visualizada a qualquer momento.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crie seu site hoje mesmo!<\/h2>\n\n\n\n<p>Ter um site profissional n\u00e3o precisa ser um desafio t\u00e9cnico que consome o seu tempo mais precioso. Com o <strong>Criador de Sites com IA da Locaweb<\/strong>, voc\u00ea supera o bloqueio criativo e coloca seu neg\u00f3cio no ar em apenas <strong>tr\u00eas passos simples<\/strong>: basta descrever sua ideia e deixar que nossa intelig\u00eancia artificial cuide do layout, textos e imagens otimizadas para voc\u00ea.&nbsp;<\/p>\n\n\n\n<p>\u00c9 a uni\u00e3o perfeita entre a agilidade da tecnologia de ponta e a confian\u00e7a de quem tem mais de <strong>25 anos de experi\u00eancia<\/strong> no mercado, garantindo a seguran\u00e7a e o suporte necess\u00e1rios para sua marca crescer.&nbsp;<\/p>\n\n\n\n<p>N\u00e3o perca mais oportunidades de vendas por falta de presen\u00e7a digital; <strong><a href=\"https:\/\/www.locaweb.com.br\/criador-de-sites\/\">experimente a ferramenta gratuitamente por 15 dias<\/a><\/strong> e descubra como \u00e9 f\u00e1cil converter visitantes em clientes com uma solu\u00e7\u00e3o completa, integrada e sem burocracia.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Quer personalizar templates de sites? Descubra neste artigo como \u00e9 f\u00e1cil utilizando o Criador de Sites da Locaweb!<\/p>\n","protected":false},"author":53,"featured_media":41163,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1207],"tags":[],"class_list":["post-41136","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-criador-de-sites"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/41136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/users\/53"}],"replies":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=41136"}],"version-history":[{"count":25,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/41136\/revisions"}],"predecessor-version":[{"id":54380,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/41136\/revisions\/54380"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media\/41163"}],"wp:attachment":[{"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=41136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=41136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.locaweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=41136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}