{"id":7020,"date":"2022-12-02T10:30:50","date_gmt":"2022-12-02T13:30:50","guid":{"rendered":"https:\/\/i7host.com.br\/?p=7020"},"modified":"2023-04-04T09:41:08","modified_gmt":"2023-04-04T12:41:08","slug":"site-design-por-que-ele-e-tao-importante","status":"publish","type":"post","link":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/","title":{"rendered":"Site design &#8211; Por que ele \u00e9 t\u00e3o importante?"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">A internet muda constantemente ao longo do tempo. Estamos acostumados com essa normose informacional e, \u00e0s vezes, nem percebemos o quanto essas mudan\u00e7as impactam na nossa vida. O fato \u00e9 que, no come\u00e7o da internet e dos computadores pessoais, n\u00e3o havia essa preocupa\u00e7\u00e3o com a ergonomia de produtos eletr\u00f4nicos voltados para computa\u00e7\u00e3o. Muitos menos havia preocupa\u00e7\u00e3o com a usabilidade e navegabilidade de sites e aplica\u00e7\u00f5es.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Uma das empresas que come\u00e7ou a se preocupar muito com esse tipo de coisa foi a Apple. Steve Jobs introduziu o design minimalista na empresa e lan\u00e7ou diversos produtos que viriam a se tornar padr\u00e3o no mercado de tecnologia da \u00e9poca. Essa influ\u00eancia existe at\u00e9 hoje, mas com uma competi\u00e7\u00e3o muito mais acirrada.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Caso voc\u00ea queira ver a evolu\u00e7\u00e3o do design em sites basta voc\u00ea lembrar, ou pesquisar, sites que foram feitos em Flash e que funcionam em HTML5 hoje. O Adobe Flash foi um software distribu\u00eddo pela Adobe que tinha a fun\u00e7\u00e3o de gerar gr\u00e1ficos vetoriais e anima\u00e7\u00f5es que eram renderizadas em navegadores atrav\u00e9s de um plugin que era instalado. Em dezembro de 2020 o Adobe Flash parou de funcionar. Gra\u00e7as a ele tivemos diversas aplica\u00e7\u00f5es interativas, jogos e outros tipos de anima\u00e7\u00f5es e m\u00eddias em nossos navegadores.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Veja abaixo um exemplo do site da Dell, feito em Flash e em HTML5:<\/span><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Site da Dell feito em Flash<\/span><\/li>\n<\/ul>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"wp-image-7024 aligncenter\" src=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-1-300x217.png\" alt=\"Site da Dell\" width=\"829\" height=\"600\" srcset=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-1-300x217.png 300w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-1-768x555.png 768w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-1-585x423.png 585w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-1.png 830w\" sizes=\"(max-width: 829px) 100vw, 829px\" \/><\/p>\n<ul>\n<li><span style=\"font-weight: 400;\">Site da <a href=\"https:\/\/pt.wikipedia.org\/wiki\/Dell\">Dell<\/a> atualmente, feito em HTML5:<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"wp-image-7025 aligncenter\" src=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2-300x220.png\" alt=\"Site da Dell feito em Flash\" width=\"775\" height=\"568\" srcset=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2-300x220.png 300w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2-1024x751.png 1024w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2-768x563.png 768w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2-1170x858.png 1170w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2-585x429.png 585w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-2.png 1273w\" sizes=\"(max-width: 775px) 100vw, 775px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Veja como as mudan\u00e7as foram dr\u00e1sticas e o visual ficou muito mais moderno. Conseguimos perceber a import\u00e2ncia da aplica\u00e7\u00e3o das teorias do design em sites, afinal de contas quando usamos um site design em que elas s\u00e3o aplicadas corretamente conseguimos sentir uma certa estranheza e desconforto. Neste artigo vamos entender a import\u00e2ncia do <\/span><b>web design<\/b><span style=\"font-weight: 400;\"> e sua aplica\u00e7\u00e3o em sites!<\/span><\/p>\n<h2>O que \u00e9 web design?<\/h2>\n<p><span style=\"font-weight: 400;\">Web design \u00e9 a \u00e1rea que fica respons\u00e1vel pela configura\u00e7\u00e3o e prototipa\u00e7\u00e3o de sites design hospedados na web. Esse tipo de trabalho \u00e9 feito usando o HTML e CSS.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O HTML (HyperText Markup Language) \u00e9 uma linguagem de marca\u00e7\u00e3o que \u00e9 interpretada pelos navegadores para que o conte\u00fado seja renderizado nos computadores dos usu\u00e1rios. Um site design geralmente \u00e9 constitu\u00eddo de diversos arquivos .html interligados, atrav\u00e9s da comunica\u00e7\u00e3o entre esses arquivos o site acaba ficando funcional. Esse arquivo \u00e9 constitu\u00eddo de diversas tags. Essas tags s\u00e3o respons\u00e1veis por \u201cabra\u00e7ar\u201d conte\u00fados e renderizar eles em tela.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O CSS (Cascading Style Sheets) \u00e9 uma das linguagens de estilo dispon\u00edveis na web. Ela serve para personalizar a sua p\u00e1gina em HTML para que ela fique no estilo que voc\u00ea desejar. Ao atribuir classes CSS para as tags em HTML que voc\u00ea colocou no seu site design voc\u00ea pode alterar cada uma da forma que bem entender.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um dos softwares usados por web designers para fazer sites \u00e9 o Adobe Dreamweaver. Vale lembrar que para usar o Dreamweaver \u00e9 necess\u00e1rio que voc\u00ea conhe\u00e7a HTML e CSS. Se quiser saber mais sobre essas linguagens, acesse: <\/span><a href=\"https:\/\/i7host.com.br\/blog\/voce-sabe-quais-linguagens-fazem-as-aplicacoes-web-serem-responsivas\/\"><span style=\"font-weight: 400;\">https:\/\/i7host.com.br\/blog\/voce-sabe-quais-linguagens-fazem-as-aplicacoes-web-serem-responsivas\/<\/span><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Caso HTML e CSS estejam fora de cogita\u00e7\u00e3o \u00e9 poss\u00edvel adotar boas pr\u00e1ticas de Web Design em sites de CMS. Um site design feito em um CMS (Content Management System) \u00e9 um pouco mais simples do que os feitos de maneira tradicional. N\u00e3o \u00e9 necess\u00e1rio mexer no c\u00f3digo fonte para alterar o layout do site, por exemplo, al\u00e9m de outras funcionalidades. Um dos CMS mais conhecidos no mundo inteiro \u00e9 o WordPress, ele disponibiliza diversas ferramentas de customiza\u00e7\u00e3o para deixar seu site da maneira que voc\u00ea preferir.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Agora que j\u00e1 discutimos o cerne do web design vamos conhecer os elementos principais dessa pr\u00e1tica e qual o impacto no nosso dia a dia.<\/span><\/p>\n<h2>Tipografia<\/h2>\n<p><span style=\"font-weight: 400;\">Tipografia, em web design, vai ser o processo no qual o profissional vai criar ou apenas incrementar um texto na p\u00e1gina web. As diferentes fontes usadas s\u00e3o classificadas como serifadas, n\u00e3o serifadas, script e dingbat. As fontes que mais estamos acostumados s\u00e3o as serifadas e n\u00e3o serifadas.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As serifadas s\u00e3o utilizadas quando se h\u00e1 um grande volume de texto. Encontramos elas geralmente em livros ou artigos acad\u00eamicos. J\u00e1 as n\u00e3o serifadas s\u00e3o usadas muito na web, principalmente em textos digitais.<\/span><\/p>\n<h2>Responsividade<\/h2>\n<p><span style=\"font-weight: 400;\">Nos prim\u00f3rdios da internet, o \u00fanico meio de acessar diversos sites era apenas usando computadores. Com o advento do smartphone e dos dispositivos m\u00f3veis passamos a usar estes dispositivos para navegar na internet. Com isso se instaurou o conceito de responsividade em web design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Responsividade \u00e9 quando o site tem a capacidade de se adaptar caso o usu\u00e1rio use meios diferentes para acessar essa aplica\u00e7\u00e3o web. Esse conceito abrange diversos fatores distintos. Os principais s\u00e3o os valores m\u00e1ximos e m\u00ednimos de largura de tela, a pr\u00f3pria tipografia e fluxo de uso de aplica\u00e7\u00e3o.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Um dos maiores debates envolvendo responsividade \u00e9 qual desenvolver ou implementar primeiro: o site para web ou para dispositivos m\u00f3veis. Essa \u00e9 uma pergunta que n\u00e3o tem resposta correta ou definitiva. Voc\u00ea deve escolher implementar na web ou no mobile de acordo com o objetivo prim\u00e1rio da sua aplica\u00e7\u00e3o. Se seu objetivo for se adequar melhor ao mobile, comece por ele e depois adapte para web, e vice versa.<\/span><\/p>\n<h2>Navegabilidade<\/h2>\n<p><span style=\"font-weight: 400;\">Navegabilidade, em web design, \u00e9 o conceito que contempla a capacidade que o usu\u00e1rio tem de navegar em uma aplica\u00e7\u00e3o, achando todas as informa\u00e7\u00f5es poss\u00edveis de forma f\u00e1cil e intuitiva. Se o seu site n\u00e3o tem uma boa navegabilidade os usu\u00e1rios ter\u00e3o dificuldade em usar ele.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A navegabilidade depende muito de como o site est\u00e1 organizado e o qu\u00e3o clara as informa\u00e7\u00f5es sobre ele s\u00e3o mostradas ao usu\u00e1rio. Por isso, sempre priorize o seu p\u00fablico alvo e pense como vai ser a experi\u00eancia dele na sua plataforma.<\/span><\/p>\n<h2>Usabilidade<\/h2>\n<p><span style=\"font-weight: 400;\">A usabilidade est\u00e1 relacionada com o estilo do site e se as fun\u00e7\u00f5es dos componentes da aplica\u00e7\u00e3o est\u00e3o claras o suficiente para o usu\u00e1rio.\u00a0<\/span><\/p>\n<h2>Acessibilidade<\/h2>\n<p><span style=\"font-weight: 400;\">Esse \u00e9 um ponto que todo profissional da web deve pensar antes de desenvolver e projetar alguma aplica\u00e7\u00e3o web. O conceito de acessibilidade defende que um site deve ser acess\u00edvel o suficiente para todas as pessoas, principalmente aquelas que possuem algum tipo de defici\u00eancia.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">O site deve ser projetado para que o uso dele n\u00e3o seja discriminat\u00f3rio e proporcione todas as fun\u00e7\u00f5es que ele possui para todas as pessoas.\u00a0<\/span><\/p>\n<h2>As vantagens de se investir em Web Design.<\/h2>\n<p><img decoding=\"async\" class=\"wp-image-7026 aligncenter\" src=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-300x199.jpg\" alt=\"Profissional de Web Design\" width=\"752\" height=\"499\" srcset=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-300x199.jpg 300w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-1024x680.jpg 1024w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-768x510.jpg 768w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-1170x777.jpg 1170w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-585x388.jpg 585w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2-263x175.jpg 263w, https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Web-Design-2.jpg 1280w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Existem in\u00fameras vantagens! A primeira delas \u00e9 que os usu\u00e1rios v\u00e3o passar mais tempo na sua aplica\u00e7\u00e3o. N\u00e3o \u00e9 somente o conte\u00fado que se torna relevante aqui, mas tamb\u00e9m como ele \u00e9 mostrado para o cliente, com um site harmonioso e confort\u00e1vel para que o usu\u00e1rio navegue, ele vai poder usufruir de todas as funcionalidades do site e passar\u00e1 mais tempo navegando. Isso faz com que os usu\u00e1rios tenham uma avalia\u00e7\u00e3o positiva e passem a fazer marketing para o seu neg\u00f3cio. Al\u00e9m disso, voc\u00ea causar\u00e1 boas impress\u00f5es a clientes novos ou poss\u00edveis clientes.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Esse investimento tamb\u00e9m proporciona vantagem competitiva perante outras empresas. Ao investir num produto limpo, com um belo visual e intuitivo, os clientes v\u00e3o acabar migrando para sua empresa.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Outro fator a se considerar \u00e9 a otimiza\u00e7\u00e3o de SEO que o investimento em web design pode causar. SEO (Search Engine Optimization) \u00e9 algo que todo web designer deve ficar atento. As plataformas de busca, como o Google por exemplo, tendem a indexar e ranquear p\u00e1ginas web de acordo com diversos fatores. Um desses fatores \u00e9 quanto tempo o usu\u00e1rio passa dentro daquele site design. Caso o seu site tenha um design responsivo e intuitivo ele vai passar mais tempo l\u00e1 e o seu rank de SEO vai subir. Isso vai fazer com que as buscas relacionadas ao seu neg\u00f3cio sempre retornem o seu site em primeiro lugar. Se quiser saber mais sobre SEO, acesse nosso artigo: <\/span><a href=\"https:\/\/i7host.com.br\/blog\/como-as-ferramentas-de-seo-podem-otimizar-seu-site\/\"><span style=\"font-weight: 400;\">https:\/\/i7host.com.br\/blog\/como-as-ferramentas-de-seo-podem-otimizar-seu-site\/<\/span><\/a><\/p>\n<h2>Conclus\u00e3o<\/h2>\n<p><span style=\"font-weight: 400;\">Neste artigo conseguimos entender a import\u00e2ncia do web design e da exist\u00eancia dos seus profissionais no mercado atual. Existem in\u00fameras pr\u00e1ticas e estrat\u00e9gias que os designers aplicam diariamente para melhorar o dia a dia dos usu\u00e1rios. Caso queira saber mais sobre web designers leia nosso artigo sobre: <\/span><a href=\"https:\/\/i7host.com.br\/blog\/web-designer-entenda-a-importancia-desse-profissional\/\"><span style=\"font-weight: 400;\">https:\/\/i7host.com.br\/blog\/web-designer-entenda-a-importancia-desse-profissional\/<\/span><\/a><span style=\"font-weight: 400;\">. E, na hora de escolher uma hospedagem para seu site, lembre-se que existem fatores importantes a se considerar, como: taxa de uptime, servidores dedicados ou n\u00e3o, backup em nuvem, certificado SSL, entre outros. A vantagem \u00e9 que voc\u00ea n\u00e3o precisa fazer mais essa pesquisa, pois a i7 Host oferece todos esses servi\u00e7os e muitos outros! Entre em contato com nossos especialistas e saiba quais solu\u00e7\u00f5es podemos oferecer para o seu neg\u00f3cio.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A internet muda constantemente ao longo do tempo. Estamos acostumados com essa normose informacional e, \u00e0s&hellip;<\/p>\n","protected":false},"author":1,"featured_media":7027,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[432],"tags":[292,293],"class_list":["post-7020","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dicas","tag-site-design","tag-web-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.6 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Site design - Por que ele \u00e9 t\u00e3o importante? - i7 Host<\/title>\n<meta name=\"description\" content=\"Neste artigo iremos explicar para voc\u00ea a import\u00e2ncia de um site design e como suas linguagens e visual tem se modificado ao longo do tempo.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Site design - Por que ele \u00e9 t\u00e3o importante?\" \/>\n<meta property=\"og:description\" content=\"Neste artigo iremos explicar para voc\u00ea a import\u00e2ncia de um site design e como suas linguagens e visual tem se modificado ao longo do tempo.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog da i7 Host\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/i7host\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-02T13:30:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-04-04T12:41:08+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-por-que-ele-e-tao-importante.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"835\" \/>\n\t<meta property=\"og:image:height\" content=\"521\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Blogi7Host\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@i7host\" \/>\n<meta name=\"twitter:site\" content=\"@i7host\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Blogi7Host\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/\"},\"author\":{\"name\":\"Blogi7Host\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/73f63c7abf0b5d741b94db0386071de0\"},\"headline\":\"Site design &#8211; Por que ele \u00e9 t\u00e3o importante?\",\"datePublished\":\"2022-12-02T13:30:50+00:00\",\"dateModified\":\"2023-04-04T12:41:08+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/\"},\"wordCount\":1528,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Site-design-por-que-ele-e-tao-importante.jpg\",\"keywords\":[\"site design\",\"Web design\"],\"articleSection\":[\"Dicas\"],\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/\",\"url\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/\",\"name\":\"Site design - Por que ele \u00e9 t\u00e3o importante? - i7 Host\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Site-design-por-que-ele-e-tao-importante.jpg\",\"datePublished\":\"2022-12-02T13:30:50+00:00\",\"dateModified\":\"2023-04-04T12:41:08+00:00\",\"description\":\"Neste artigo iremos explicar para voc\u00ea a import\u00e2ncia de um site design e como suas linguagens e visual tem se modificado ao longo do tempo.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#primaryimage\",\"url\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Site-design-por-que-ele-e-tao-importante.jpg\",\"contentUrl\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Site-design-por-que-ele-e-tao-importante.jpg\",\"width\":835,\"height\":521,\"caption\":\"Site design - por que ele \u00e9 t\u00e3o importante?\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/site-design-por-que-ele-e-tao-importante\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dicas\",\"item\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/dicas\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Site design &#8211; Por que ele \u00e9 t\u00e3o importante?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/\",\"name\":\"i7 Host\",\"description\":\"Hospedagem de Sites Premium\",\"publisher\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#organization\",\"name\":\"i7 Host\",\"url\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/logomarca_i7host_cores2-1.png\",\"contentUrl\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2023\\\/03\\\/logomarca_i7host_cores2-1.png\",\"width\":2808,\"height\":740,\"caption\":\"i7 Host\"},\"image\":{\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/i7host\",\"https:\\\/\\\/x.com\\\/i7host\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/i7host\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCPTJH-fL7K5wPskg6uGZQpw\",\"https:\\\/\\\/www.instagram.com\\\/i7host\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/73f63c7abf0b5d741b94db0386071de0\",\"name\":\"Blogi7Host\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b4edeb316099daad34ef42f0cd7fa1c3.jpg?ver=1776202401\",\"url\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b4edeb316099daad34ef42f0cd7fa1c3.jpg?ver=1776202401\",\"contentUrl\":\"https:\\\/\\\/i7host.com.br\\\/blog\\\/wp-content\\\/litespeed\\\/avatar\\\/b4edeb316099daad34ef42f0cd7fa1c3.jpg?ver=1776202401\",\"caption\":\"Blogi7Host\"},\"sameAs\":[\"https:\\\/\\\/i7host.com.br\\\/blog\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Site design - Por que ele \u00e9 t\u00e3o importante? - i7 Host","description":"Neste artigo iremos explicar para voc\u00ea a import\u00e2ncia de um site design e como suas linguagens e visual tem se modificado ao longo do tempo.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/","og_locale":"pt_BR","og_type":"article","og_title":"Site design - Por que ele \u00e9 t\u00e3o importante?","og_description":"Neste artigo iremos explicar para voc\u00ea a import\u00e2ncia de um site design e como suas linguagens e visual tem se modificado ao longo do tempo.","og_url":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/","og_site_name":"Blog da i7 Host","article_publisher":"https:\/\/www.facebook.com\/i7host","article_published_time":"2022-12-02T13:30:50+00:00","article_modified_time":"2023-04-04T12:41:08+00:00","og_image":[{"width":835,"height":521,"url":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-por-que-ele-e-tao-importante.jpg","type":"image\/jpeg"}],"author":"Blogi7Host","twitter_card":"summary_large_image","twitter_creator":"@i7host","twitter_site":"@i7host","twitter_misc":{"Escrito por":"Blogi7Host","Est. tempo de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#article","isPartOf":{"@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/"},"author":{"name":"Blogi7Host","@id":"https:\/\/i7host.com.br\/blog\/#\/schema\/person\/73f63c7abf0b5d741b94db0386071de0"},"headline":"Site design &#8211; Por que ele \u00e9 t\u00e3o importante?","datePublished":"2022-12-02T13:30:50+00:00","dateModified":"2023-04-04T12:41:08+00:00","mainEntityOfPage":{"@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/"},"wordCount":1528,"commentCount":0,"publisher":{"@id":"https:\/\/i7host.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#primaryimage"},"thumbnailUrl":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-por-que-ele-e-tao-importante.jpg","keywords":["site design","Web design"],"articleSection":["Dicas"],"inLanguage":"pt-BR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/","url":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/","name":"Site design - Por que ele \u00e9 t\u00e3o importante? - i7 Host","isPartOf":{"@id":"https:\/\/i7host.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#primaryimage"},"image":{"@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#primaryimage"},"thumbnailUrl":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-por-que-ele-e-tao-importante.jpg","datePublished":"2022-12-02T13:30:50+00:00","dateModified":"2023-04-04T12:41:08+00:00","description":"Neste artigo iremos explicar para voc\u00ea a import\u00e2ncia de um site design e como suas linguagens e visual tem se modificado ao longo do tempo.","breadcrumb":{"@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#primaryimage","url":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-por-que-ele-e-tao-importante.jpg","contentUrl":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2022\/11\/Site-design-por-que-ele-e-tao-importante.jpg","width":835,"height":521,"caption":"Site design - por que ele \u00e9 t\u00e3o importante?"},{"@type":"BreadcrumbList","@id":"https:\/\/i7host.com.br\/blog\/site-design-por-que-ele-e-tao-importante\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/i7host.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Dicas","item":"https:\/\/i7host.com.br\/blog\/dicas\/"},{"@type":"ListItem","position":3,"name":"Site design &#8211; Por que ele \u00e9 t\u00e3o importante?"}]},{"@type":"WebSite","@id":"https:\/\/i7host.com.br\/blog\/#website","url":"https:\/\/i7host.com.br\/blog\/","name":"i7 Host","description":"Hospedagem de Sites Premium","publisher":{"@id":"https:\/\/i7host.com.br\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/i7host.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/i7host.com.br\/blog\/#organization","name":"i7 Host","url":"https:\/\/i7host.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/i7host.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2023\/03\/logomarca_i7host_cores2-1.png","contentUrl":"https:\/\/i7host.com.br\/blog\/wp-content\/uploads\/2023\/03\/logomarca_i7host_cores2-1.png","width":2808,"height":740,"caption":"i7 Host"},"image":{"@id":"https:\/\/i7host.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/i7host","https:\/\/x.com\/i7host","https:\/\/www.linkedin.com\/company\/i7host","https:\/\/www.youtube.com\/channel\/UCPTJH-fL7K5wPskg6uGZQpw","https:\/\/www.instagram.com\/i7host\/"]},{"@type":"Person","@id":"https:\/\/i7host.com.br\/blog\/#\/schema\/person\/73f63c7abf0b5d741b94db0386071de0","name":"Blogi7Host","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/i7host.com.br\/blog\/wp-content\/litespeed\/avatar\/b4edeb316099daad34ef42f0cd7fa1c3.jpg?ver=1776202401","url":"https:\/\/i7host.com.br\/blog\/wp-content\/litespeed\/avatar\/b4edeb316099daad34ef42f0cd7fa1c3.jpg?ver=1776202401","contentUrl":"https:\/\/i7host.com.br\/blog\/wp-content\/litespeed\/avatar\/b4edeb316099daad34ef42f0cd7fa1c3.jpg?ver=1776202401","caption":"Blogi7Host"},"sameAs":["https:\/\/i7host.com.br\/blog"]}]}},"_links":{"self":[{"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/posts\/7020","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/comments?post=7020"}],"version-history":[{"count":0,"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/posts\/7020\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/media\/7027"}],"wp:attachment":[{"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/media?parent=7020"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/categories?post=7020"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/i7host.com.br\/blog\/wp-json\/wp\/v2\/tags?post=7020"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}