{"id":6859,"date":"2017-09-28T14:53:37","date_gmt":"2017-09-28T17:53:37","guid":{"rendered":"https:\/\/blog.hostinger.io\/br-tutoriais\/?p=6859"},"modified":"2025-04-16T04:37:05","modified_gmt":"2025-04-16T07:37:05","slug":"importancia-do-design","status":"publish","type":"post","link":"\/br\/tutoriais\/importancia-do-design","title":{"rendered":"Entenda a import\u00e2ncia do design ao criar seu site"},"content":{"rendered":"<p><span style=\"font-weight: 400\">Ter um site na internet sem se preocupar em fazer dele uma p&aacute;gina memor&aacute;vel, n&atilde;o trar&aacute; resultado algum para o seu neg&oacute;cio. &Eacute; por isso que hoje vamos falar sobre a import&acirc;ncia do design.<\/span><\/p><p><span style=\"font-weight: 400\">Em primeiro lugar, voc&ecirc; deve empregar t&eacute;cnicas de <\/span><span style=\"font-weight: 400\">marketing digital<\/span><span style=\"font-weight: 400\"> para que seu site na internet seja encontrado rapidamente e sem dificuldades por seu p&uacute;blico de interesse.<\/span><\/p><p><span style=\"font-weight: 400\">Depois de encontrar sua p&aacute;gina na web, se ela n&atilde;o for atrativa, este p&uacute;blico n&atilde;o lhe dar&aacute; aten&ccedil;&atilde;o e a abandonar&aacute; rapidamente. &Eacute; por este motivo que a import&acirc;ncia do design na constru&ccedil;&atilde;o de seu site deve ser sempre levada em conta.<\/span><\/p><p><span style=\"font-weight: 400\">Nesta postagem, al&eacute;m de algumas dicas de como tornar sua p&aacute;gina web mais f&aacute;cil de ser encontrada na internet, vamos esclarecer tamb&eacute;m os motivos pelos quais deve ser reconhecida a m&aacute;xima import&acirc;ncia do design na hora de <\/span><span style=\"font-weight: 400\">criar o layout de sites<\/span><span style=\"font-weight: 400\">.<\/span><\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Build-website-in-9-easy-steps-BR.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/public\" alt=\"\" class=\"wp-image-30342\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2022\/12\/eBook_-Build-website-BR.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-a-importancia-do-design-na-criacao-de-sites\"><strong>A import&acirc;ncia do design na cria&ccedil;&atilde;o de sites<\/strong><\/h2><p><span style=\"font-weight: 400\">Prometemos dar algumas dicas de como fazer seu site ser facilmente encontrado na internet por potenciais clientes, antes de explicar toda relev&acirc;ncia do design para seu site funcionar bem.<\/span><\/p><p><span style=\"font-weight: 400\">A dica principal, nesse caso, &eacute; o chamado SEO, <\/span><i><span style=\"font-weight: 400\">Search Engine Optimization<\/span><\/i><span style=\"font-weight: 400\">, ou Otimiza&ccedil;&atilde;o de Mecanismos de Busca, em portugu&ecirc;s.<\/span><\/p><p><span style=\"font-weight: 400\">Trata-se de usar ferramentas dispon&iacute;veis na internet, como o <\/span><span style=\"font-weight: 400\">Planejador de Palavras-Chave do Google<\/span><span style=\"font-weight: 400\"> e descobrir o que, exatamente, seu p&uacute;blico-alvo procura nesse mecanismo de busca.<\/span><\/p><p><span style=\"font-weight: 400\">Em seguida, &eacute; preciso <\/span><span style=\"font-weight: 400\"><a href=\"\/br\/tutoriais\/como-criar-um-blog\">criar um blog<\/a> empresarial<\/span><span style=\"font-weight: 400\"> e incluir nele diversos artigos interessantes sobre estes temas que seus potenciais clientes costumam buscar na internet.<\/span><\/p><p><span style=\"font-weight: 400\">Como este blog estar&aacute; ligado ao seu site, isso far&aacute; com que, aos poucos, ele seja considerado pelo Google uma p&aacute;gina de conte&uacute;do relevante e, assim, passar&aacute; a ser mais facilmente encontrado.<\/span><\/p><p><span style=\"font-weight: 400\">Bem, depois desta breve explica&ccedil;&atilde;o sobre uma das <\/span><span style=\"font-weight: 400\">t&eacute;cnicas de marketing digital<\/span><span style=\"font-weight: 400\"> mais usadas para destacar sites na internet, vamos &agrave; import&acirc;ncia do design em p&aacute;ginas web.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-foco-e-clareza\"><strong>Foco e clareza<\/strong><\/h2><p><span style=\"font-weight: 400\">Imagine que uma pessoa est&aacute; procurando um produto ou servi&ccedil;o na internet e &eacute; direcionado para um determinado site.&nbsp;<\/span><span style=\"font-weight: 400\">Ao acessar a p&aacute;gina, a pessoa encontra uma enorme quantidade de menus e links, todos com instru&ccedil;&otilde;es em letras mi&uacute;das e sem entender muito bem o que fazer e para onde ir.<\/span><\/p><p><span style=\"font-weight: 400\">&Eacute; neste ponto que voc&ecirc; deve se atentar para a import&acirc;ncia do design em sites, pois se ele n&atilde;o esclarecer rapidamente as coisas para os clientes, mas, em vez disso, s&oacute; deix&aacute;-los mais confusos, eles abandonar&atilde;o rapidamente a p&aacute;gina web.<\/span><\/p><p><span style=\"font-weight: 400\">Determine com clareza qual &eacute; o objetivo principal de seu site e deixe isso bem claro, por meio de poucas frases e imagens. Acrescente 3 ou 4 &iacute;cones intuitivos com mais detalhes e deixe bem n&iacute;tido que ao clicar ali os usu&aacute;rios poder&atilde;o ter mais informa&ccedil;&otilde;es sobre assuntos espec&iacute;ficos.<\/span><\/p><h2 class=\"wp-block-heading\" id=\"h-velocidade-de-carregamento\"><strong>Velocidade de carregamento<\/strong><\/h2><p><span style=\"font-weight: 400\">Talvez voc&ecirc; ache que a velocidade de carregamento nada tem a ver com design, mas se engana.<\/span><\/p><p><span style=\"font-weight: 400\">Ao <\/span><span style=\"font-weight: 400\">criar um layout para site<\/span><span style=\"font-weight: 400\">, o designer usa imagens dos mais variados tipos e, se estas forem muito pesadas, podem atrasar a abertura da p&aacute;gina.<\/span><\/p><p><span style=\"font-weight: 400\">Para voc&ecirc; ter uma ideia da import&acirc;ncia do design at&eacute; dos logos, nesse sentido de serem mais leves, o Google mudou seu logotipo, em 2015, para uma vers&atilde;o <em>flat<\/em> (sem volume nem sombras) e com as letras do logo mais simples, exatamente porque, assim, ele demoraria menos para carregar em suas p&aacute;ginas na internet.<\/span><\/p><figure class=\"wp-block-image size-large\"><a href=\"\/br\/criador-de-sites\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-32917\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=768,fit=scale-down 768w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/53\/2023\/02\/BR-Website-Builder_in-text-banner.png\/w=1536,fit=scale-down 1536w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h2 class=\"wp-block-heading\" id=\"h-menos-e-mais\"><strong>Menos &eacute; mais<\/strong><\/h2><p><span style=\"font-weight: 400\">Qualquer excesso, em sites, &eacute; prejudicial. Nos dois extremos. Cores excessivamente contrastantes podem cansar os usu&aacute;rios, assim como um site monocrom&aacute;tico pode ficar chato e sem vida.<\/span><\/p><p><span style=\"font-weight: 400\">Imagens muito grandes ou muito pequenas tamb&eacute;m: as grandes tomam toda aten&ccedil;&atilde;o do p&uacute;blico e as pequenas ficam dif&iacute;ceis de ler.<\/span><\/p><p><span style=\"font-weight: 400\">Por isso, ao se decidir pela cria&ccedil;&atilde;o de seu site na internet, &eacute; muito importante contratar um designer profissional.<\/span><\/p><p><span style=\"font-weight: 400\">Mas, para que voc&ecirc; tamb&eacute;m possa orient&aacute;-lo, temos aqui uma sugest&atilde;o de alguns elementos que podem fazer parte de sua homepage na internet.<\/span><\/p><ul class=\"wp-block-list\">\n<li><span style=\"font-weight: 400\">T&iacute;tulo principal, em destaque, com o m&aacute;ximo de 8 palavras, indicando claramente qual &eacute; o benef&iacute;cio de seu site.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Um subt&iacute;tulo, um pouco maior, com no m&aacute;ximo 3 linhas, detalhando um pouco mais este benef&iacute;cio.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Uma bonita imagem ou ilustra&ccedil;&atilde;o que retrate essa realidade.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Alguns &iacute;cones, entre 3 a 5, no m&aacute;ximo, retratando algumas vantagens espec&iacute;ficas de seu benef&iacute;cio ou funcionalidades do site. Devem ser acompanhados, cada um, de uma frase curta que os explique, com no m&aacute;ximo 8 palavras.<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Imagem do logo dos principais clientes, uns 4 ou 5 (se for B2B)<\/span><\/li>\n\n\n\n<li><span style=\"font-weight: 400\">Depoimentos de 3 ou 4 clientes elogiando seu neg&oacute;cio, com uma pequena foto, se for poss&iacute;vel.<\/span><\/li>\n<\/ul><p><span style=\"font-weight: 400\">Lembre-se que cada caso &eacute; um caso e que esta lista &eacute; uma orienta&ccedil;&atilde;o geral. Dependendo do ramo do seu neg&oacute;cio ou dos objetivos de seu site, outros elementos podem ser acrescentados e algumas retirados desta rela&ccedil;&atilde;o.<\/span><\/p><p><em><span style=\"font-weight: 400\">Este artigo foi escrito pela equipe da <\/span><a href=\"http:\/\/www.wedologos.com.br\/\" target=\"_blank\" rel=\"noopener dofollow noreferrer\"><span style=\"font-weight: 400\">We Do Logos<\/span><\/a><span style=\"font-weight: 400\">, a maior plataforma criativa da Am&eacute;rica Latina e uma das pioneiras no Brasil.<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ter um site na internet sem se preocupar em fazer dele uma p&aacute;gina memor&aacute;vel, n&atilde;o trar&aacute; resultado algum para o seu neg&oacute;cio. &Eacute; por isso que hoje vamos falar sobre a import&acirc;ncia do design. Em primeiro lugar, voc&ecirc; deve empregar t&eacute;cnicas de marketing digital para que seu site na internet seja encontrado rapidamente e sem [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/br\/tutoriais\/importancia-do-design\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":78,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"rank_math_title":"A Import\u00e2ncia do Design na Hora de Criar o seu Site","rank_math_description":"Foco, clareza, velocidade de carregamento, organiza\u00e7\u00e3o das ideias e outros elementos que refor\u00e7am a import\u00e2ncia do design de sites.","rank_math_focus_keyword":"import\u00e2ncia do design","footnotes":""},"categories":[4941],"tags":[5134,5133,5135,4849,4823],"class_list":["post-6859","post","type-post","status-publish","format-standard","hentry","category-desenvolvimento-web","tag-criar","tag-design","tag-otimizar-site","tag-site","tag-website"],"hreflangs":[{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/importancia-do-design","default":1},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/importancia-do-design","default":0}],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/6859","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/users\/78"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/comments?post=6859"}],"version-history":[{"count":10,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/6859\/revisions"}],"predecessor-version":[{"id":40513,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/posts\/6859\/revisions\/40513"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/media?parent=6859"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/categories?post=6859"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/tutoriais\/wp-json\/wp\/v2\/tags?post=6859"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}