{"id":261121,"date":"2023-10-21T11:55:00","date_gmt":"2023-10-21T08:55:00","guid":{"rendered":"https:\/\/inform.click\/como-adicionar-a-personalidade-do-seu-cliente-ao-fazer-web-design\/"},"modified":"2023-10-21T12:32:00","modified_gmt":"2023-10-21T09:32:00","slug":"como-adicionar-a-personalidade-do-seu-cliente-ao-fazer-web-design","status":"publish","type":"post","link":"https:\/\/inform.click\/pt-pt\/como-adicionar-a-personalidade-do-seu-cliente-ao-fazer-web-design\/","title":{"rendered":"Como adicionar a personalidade do seu cliente ao fazer web design"},"content":{"rendered":"<p>\n  Projetar um site \u00e9 uma coisa. Injetar nele a personalidade do seu cliente e identificar caracter\u00edsticas \u00e9 algo completamente diferente.\n<\/p>\n<p>\n  Pense sobre isso. Se voc\u00ea n\u00e3o reservar um tempo para criar um site para seu cliente que fale sobre sua personalidade como indiv\u00edduo, empresa ou organiza\u00e7\u00e3o, como o site pode ser eficaz?\n<\/p>\n<p>\n  H\u00e1 muito barulho na Internet e QUALQUER UM pode ter um site. Mas s\u00f3 porque uma pessoa ou empresa tem um site, n\u00e3o significa que os visitantes devam come\u00e7ar a fazer fila. Um site que recebe muito tr\u00e1fego n\u00e3o precisa apenas ser bem projetado, mas tamb\u00e9m se conectar com o p\u00fablico-alvo. Al\u00e9m disso, ele precisa refletir a imagem comercial do seu cliente e \u00e9 aqui que um web design realmente bom pode ajudar seu cliente a se destacar da concorr\u00eancia.\n<\/p>\n<p>\n  Nesta postagem, discutirei as \u00e1reas nas quais voc\u00ea pode adicionar a personalidade do seu cliente ao site dele. Projetar um site com base na personalidade ou na imagem da empresa de seu cliente torna-o uma experi\u00eancia muito mais identific\u00e1vel e memor\u00e1vel para o usu\u00e1rio final e garante que o tr\u00e1fego certo permane\u00e7a por perto e tenha algo pelo qual permanecer.\n<\/p>\n<h5>\n  Entrevista com o cliente: fazendo as perguntas certas<br \/>\n<\/h5>\n<p>\n  Projetar um site que reflita a personalidade de seu cliente exige que voc\u00ea fa\u00e7a perguntas primeiro e depois fa\u00e7a o design. Boas perguntas lhe dir\u00e3o o que voc\u00ea precisa saber para projetar o site perfeito que atrair\u00e1 os clientes de seu cliente.\n<\/p>\n<p>\n  Aqui est\u00e3o alguns exemplos dos tipos de perguntas que voc\u00ea deseja fazer ao seu cliente:\n<\/p>\n<ul>\n<li>Quem s\u00e3o eles?\n  <\/li>\n<li>O que eles querem dizer?\n  <\/li>\n<li>Que valores eles t\u00eam?\n  <\/li>\n<li>Quais s\u00e3o seus objetivos?\n  <\/li>\n<li>Quem eles est\u00e3o tentando alcan\u00e7ar?\n  <\/li>\n<li>Que promessa eles fazem ao seu p\u00fablico?\n  <\/li>\n<li>Qual \u00e9 a imagem geral que eles desejam retratar para o p\u00fablico?\n  <\/li>\n<li>Existem coisas que eles querem evitar comunicar?\n  <\/li>\n<\/ul>\n<p>\n  As respostas a essas perguntas servir\u00e3o de base para todo o design do site. Claro, um site \u00e9 composto por cores, fontes, imagens e layouts, mas tamb\u00e9m se trata de aprimorar ou criar uma identidade de marca. Na verdade, tudo tem que se encaixar da maneira certa para criar essa identidade e, \u00e0s vezes, a fonte certa ou a imagem errada \u00e9 tudo o que \u00e9 necess\u00e1rio para tornar um site perfeito ou arruinar toda a imagem que voc\u00ea est\u00e1 tentando criar.\n<\/p>\n<p>\n  As pessoas precisam se sentir conectadas ao site. Isso \u00e9 feito com uma comunica\u00e7\u00e3o clara que cria conex\u00f5es humanas. Quando isso acontece, um site n\u00e3o \u00e9 visitado apenas uma vez; ele \u00e9 revisitado v\u00e1rias vezes e a empresa realmente se torna parte da vida desse visitante \u2013 uma que eles desejam compartilhar com seus amigos.\n<\/p>\n<h5>\n  Designs esteticamente agrad\u00e1veis: criando a apar\u00eancia perfeita<br \/>\n<\/h5>\n<p>\n  Depois de entender o cora\u00e7\u00e3o e a alma do seu cliente, voc\u00ea realmente precisa criar o site. \u00c9 hora de pegar o que voc\u00ea aprendeu sobre o seu cliente e dar uma identidade visual a ele. O design de um site n\u00e3o apenas precisa se conectar com seu p\u00fablico, mas tamb\u00e9m chamar a aten\u00e7\u00e3o.\n<\/p>\n<p>\n  Isso significa que voc\u00ea precisa criar alguns temas b\u00e1sicos que, na sua opini\u00e3o, ficar\u00e3o bem com a imagem e a personalidade da empresa do cliente e depois escolher entre eles. \u00c0s vezes, seu primeiro tema ser\u00e1 aceit\u00e1vel, mas n\u00e3o perfeito, portanto, certifique-se de esbo\u00e7ar o b\u00e1sico de alguns diferentes para determinar o que funciona melhor.\n<\/p>\n<p>\n  Por exemplo, voc\u00ea pode ter um cliente no setor de tecnologia e, embora sua primeira ideia seja criar um site de alta tecnologia que utilize todos os melhores elementos de design p\u00f3s-moderno, um design retr\u00f4 pode funcionar ainda melhor por causa do contraste entre o que o cliente est\u00e1 oferecendo e o que o site realmente mostra. A \u00eanfase em n\u00e3o projetar um site de alta tecnologia realmente destacar\u00e1 o fato de que eles s\u00e3o diferentes das outras empresas de tecnologia existentes.\n<\/p>\n<h5>\n  O layout: a estrutura de um bom site<br \/>\n<\/h5>\n<p>\n  Um componente essencial do design do site \u00e9 o layout. A maneira como voc\u00ea posiciona os elementos do site determinar\u00e1 seu sucesso geral. Lembre-se, voc\u00ea est\u00e1 tentando transmitir claramente a personalidade e a identidade de seu cliente. Voc\u00ea n\u00e3o quer confundir isso com um layout confuso.\n<\/p>\n<p>\n  O layout de um site deve ser atraente, mas n\u00e3o excessivamente complicado. A navega\u00e7\u00e3o deve ser simples e f\u00e1cil de entender. O p\u00fablico do seu site desejar\u00e1 saber intuitivamente como navegar no site. N\u00e3o os desencoraje tornando o design desafiador.\n<\/p>\n<p>\n  A regra b\u00e1sica aqui \u00e9 que menos \u00e9 mais. Voc\u00ea quer ter certeza de que eles podem acessar todas as partes do site que desejam em todas as p\u00e1ginas, mas n\u00e3o quer ter um monte de links ou bot\u00f5es atravancando o conte\u00fado. Empilhe bot\u00f5es com m\u00f3dulos de expans\u00e3o quando puder e inclua apenas o necess\u00e1rio.\n<\/p>\n<h5>\n  Teoria das cores: rodas de cores e outras ferramentas<br \/>\n<\/h5>\n<p>\n  A cor \u00e9 um elemento de design que pode diferenciar o design de sites profissionais dos esfor\u00e7os mais amadores. Voc\u00ea n\u00e3o quer exagerar na cor em seu web design.\n<\/p>\n<p>\n  Uma op\u00e7\u00e3o \u00e9 selecionar uma cor que destaque e aprimore os elementos do seu site e, em seguida, fique com cinza e branco para o restante do design. Isso permite que elementos-chave apare\u00e7am.\n<\/p>\n<p>\n  Um design de tr\u00eas cores \u00e9 outra boa op\u00e7\u00e3o em que uma cor \u00e9 selecionada para ser o foco principal e as outras duas cores destacam diferentes \u00e1reas do seu site; como t\u00edtulos e subt\u00edtulos. N\u00e3o importa o seu esquema de cores, as cores precisam refletir a personalidade e a identidade do seu cliente.\n<\/p>\n<p>\n  \u00c9 importante pensar nos significados que as cores t\u00eam para garantir que elas se alinhem com a imagem e a mensagem geral do seu cliente. Por exemplo, cores como vermelho, amarelo e laranja simbolizam poder, emo\u00e7\u00e3o e calor; enquanto azuis, violetas e roxos tendem a simbolizar paz, serenidade e calma. As cores t\u00eam a capacidade de aprimorar ou prejudicar seu design e mensagem geral, por isso \u00e9 importante escolher com sabedoria.\n<\/p>\n<p>\n  Tamb\u00e9m \u00e9 muito importante entender quais cores combinam e quais se chocam. A maioria dos designers sabe quais cores combinam, mas voc\u00ea provavelmente n\u00e3o conhece todas as cores que funcionam bem com as cores principais que voc\u00ea j\u00e1 escolheu. A maioria dos designers tem algumas ideias b\u00e1sicas sobre cores complementares, mas \u00e9 importante que voc\u00ea use uma roda de cores ou outra ferramenta para determinar se existe uma cor que voc\u00ea n\u00e3o conhece e que se encaixa melhor.\n<\/p>\n<p>\n  Voc\u00ea tamb\u00e9m deve estar ciente de algumas ferramentas gratuitas que ir\u00e3o ajud\u00e1-lo muito quando se trata de criar sites, bem como qualquer outro design gr\u00e1fico que voc\u00ea fa\u00e7a. Um exemplo \u00e9 o Pixie, uma ferramenta gratuita que informa os identificadores de cores hexadecimais ou RGB exatos que permitem que voc\u00ea corresponda a uma cor ou, pelo menos, saiba qual cor voc\u00ea realmente escolheu para um elemento espec\u00edfico do site.\n<\/p>\n<h5>\n  Qual \u00e9 o seu tipo: sele\u00e7\u00e3o de fonte e estilos de camada<br \/>\n<\/h5>\n<p>\n  N\u00e3o subestime a tipografia que voc\u00ea escolher para representar a mensagem do seu cliente. Voc\u00ea deseja que a fonte seja \u00fanica, mas n\u00e3o imposs\u00edvel de ler. Uma boa regra a seguir ao selecionar fontes para o design da web \u00e9 selecionar uma fonte mais simples para a c\u00f3pia em suas p\u00e1ginas da web. Salve as fontes mais complexas para cabe\u00e7alhos e frases de chamariz maiores. Seu cliente quer passar sua mensagem. Certifique-se de que o p\u00fablico possa ler essa mensagem com facilidade e clareza.\n<\/p>\n<p>\n  Outro ponto importante \u00e9 ser consistente com as fontes que voc\u00ea escolher. Voc\u00ea n\u00e3o quer um site que contenha muitas fontes. Isso pode parecer desorganizado e pouco profissional para o seu p\u00fablico.\n<\/p>\n<p>\n  Outro erro que os designers \u00e0s vezes podem cometer \u00e9 continuar usando as mesmas fontes que instalaram em seus computadores. Este \u00e9 um erro f\u00e1cil de cometer porque voc\u00ea pode ter centenas de fontes e acha que certamente h\u00e1 algo que funcionar\u00e1 perfeitamente com o design do site em que voc\u00ea est\u00e1 trabalhando.\n<\/p>\n<p>\n  A verdade \u00e9 que voc\u00ea est\u00e1 um pouco certo. H\u00e1 uma fonte em sua cole\u00e7\u00e3o que funcionar\u00e1 bem com o design que voc\u00ea est\u00e1 criando, mas voc\u00ea ainda deve verificar na web algumas outras fontes que voc\u00ea pode experimentar para ter certeza de que escolheu a melhor fonte absoluta para o seu Projeto. N\u00e3o h\u00e1 raz\u00e3o para n\u00e3o dedicar um tempo para encontrar algo sem o qual voc\u00ea n\u00e3o possa viver, em vez de apenas usar uma fonte com a qual voc\u00ea possa viver.\n<\/p>\n<h5>\n  O que voc\u00ea v\u00ea \u00e9 o que voc\u00ea obt\u00e9m: imagens<br \/>\n<\/h5>\n<p>\n  Imagens como ilustra\u00e7\u00f5es e fotografias podem realmente ajudar a apresentar o p\u00fablico de um site \u00e0 personalidade do seu cliente. Por exemplo, as imagens podem ajudar a capturar momentos tranquilos ou apresentar as principais ofertas de produtos. Tal como acontece com outros aspectos do web design, a consist\u00eancia \u00e9 fundamental. As imagens em um site devem ser selecionadas por sua semelhan\u00e7a em elementos proeminentes. Isso permite que voc\u00ea, como designer, conte uma \u00fanica narrativa: a personalidade e a marca do seu cliente.\n<\/p>\n<p>\n  Ao lidar especificamente com fotografia, \u00e9 importante selecionar fotos que reflitam a imagem geral do seu cliente. Se voc\u00ea estiver apresentando headshots e\/ou fotos da equipe, voc\u00ea n\u00e3o quer que eles pare\u00e7am r\u00edgidos. Um fot\u00f3grafo profissional pode ajudar muito a capturar a verdadeira ess\u00eancia do seu cliente.\n<\/p>\n<p>\n  Se voc\u00ea n\u00e3o tiver acesso a um fot\u00f3grafo profissional, precisar\u00e1 ter acesso a pelo menos um dos grandes sites de fotografia e, idealmente, ser membro de v\u00e1rios deles. Al\u00e9m disso, \u00e9 importante experimentar as imagens antes de realmente se comprometer com uma. Usar seus cr\u00e9ditos na imagem errada \u00e9 uma das coisas mais frustrantes que podem acontecer a um designer.\n<\/p>\n<p>\n  Um dos melhores truques para usar se voc\u00ea estiver complementando sua plataforma de web design com o Photoshop \u00e9 baixar a imagem com marca d'\u00e1gua do seu site de fotografia e, em seguida, usar a ferramenta &#8216;Free Transform' para obt\u00ea-la no tamanho certo sem ficar pixelada. Dessa forma, voc\u00ea pode ver exatamente como sua imagem ficar\u00e1 quando for adicionada ao layout.\n<\/p>\n<h5>\n  Mostre em vez de dizer: incluindo v\u00eddeo em um site<br \/>\n<\/h5>\n<p>\n  \u00c0s vezes voc\u00ea precisa deixar seu cliente falar por si mesmo. Adicionar v\u00eddeos produzidos profissionalmente ao seu web design \u00e9 uma \u00f3tima maneira de fazer a verdadeira personalidade do seu cliente brilhar. Eles podem contar sua hist\u00f3ria com suas pr\u00f3prias palavras e se conectar com seu p\u00fablico de uma forma muito pessoal.\n<\/p>\n<p>\n  Existem muitas maneiras de fazer os v\u00eddeos brilharem. Adicionar um dublador profissional (que pode ser adquirido por apenas alguns d\u00f3lares em sites de servi\u00e7os como o Fiverr) far\u00e1 uma grande diferen\u00e7a e, em seguida, existem diferentes t\u00e9cnicas que voc\u00ea pode usar se n\u00e3o conseguir gravar o v\u00eddeo com atores profissionais, guarda-roupa e conjuntos como voc\u00ea gostaria.\n<\/p>\n<p>\n  A videografia de estoque foi expandida enormemente desde que a necessidade de v\u00eddeos cresceu, para que voc\u00ea possa encontrar v\u00eddeos de neg\u00f3cios com praticamente qualquer cena que possa imaginar. No entanto, mesmo que voc\u00ea n\u00e3o consiga, ainda existem op\u00e7\u00f5es dispon\u00edveis, como a anima\u00e7\u00e3o em quadro branco, que pode contar uma hist\u00f3ria mesmo sem o v\u00eddeo de a\u00e7\u00e3o ao vivo.\n<\/p>\n<h4>\n  Pensamentos finais<br \/>\n<\/h4>\n<p>\n  Esta \u00e9 apenas uma pequena amostra de algumas maneiras pelas quais voc\u00ea pode ajudar a injetar a personalidade de seu cliente no site que voc\u00ea criar para ele. Cada grande site come\u00e7a com uma narrativa simples. Se voc\u00ea n\u00e3o conhece o n\u00facleo da mensagem do seu cliente, nunca ser\u00e1 capaz de criar um site que atraia o p\u00fablico que ele deseja.\n<\/p>\n<p>\n  Comece com uma compreens\u00e3o clara de quem \u00e9 seu cliente, o que ele representa e qual mensagem deseja transmitir. A partir da\u00ed, voc\u00ea poder\u00e1 criar um layout e selecionar elementos de design para incorporar a personalidade de seu cliente e criar uma experi\u00eancia de usu\u00e1rio memor\u00e1vel.\n<\/p>\n<p>\n  Use todas as ferramentas que voc\u00ea tem \u00e0 sua disposi\u00e7\u00e3o e certifique-se de que seu site seja o melhor poss\u00edvel antes de liber\u00e1-lo para seus clientes. H\u00e1 uma grande diferen\u00e7a entre um site que o cliente aceita e um que ele absolutamente ama e o considera perfeito para seu site pessoal ou comercial. Sua reputa\u00e7\u00e3o crescer\u00e1 muito mais r\u00e1pido se voc\u00ea fornecer o produto perfeito todas as vezes.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  Fonte de grava\u00e7\u00e3o: <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/04\/03\/add-clients-personality-with-website\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Projetar um site \u00e9 uma coisa. Injetar nele a personalidade do seu cliente e identificar caracter\u00edsticas \u00e9 algo completamente diferente. Pense sobre isso. Se voc\u00ea n\u00e3o reservar um tempo para criar um site para seu cliente que fale sobre sua personalidade como indiv\u00edduo, empresa ou organiza\u00e7\u00e3o, como o site pode ser eficaz? H\u00e1 muito barulho na Internet e QUALQUER UM pode ter um site. Mas s\u00f3 porque uma pessoa ou empresa tem um site, n\u00e3o significa que os visitantes devam come\u00e7ar a fazer fila. Um site que recebe muito tr\u00e1fego n\u00e3o precisa apenas ser bem projetado, mas \u2026<\/p>\n","protected":false},"author":1,"featured_media":143747,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[202,150,228,59],"tags":[],"class_list":["post-261121","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-designer-de-web","category-dicas-e-truques-da-web","category-livros-didaticos","category-web-e-wordpress-2"],"_links":{"self":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=261121"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/261121\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/143747"}],"wp:attachment":[{"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=261121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=261121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=261121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}