01<\/h6>\n\n\n\nModo Goblin – maximalismo<\/h3>\n\n\n\n
<\/p>\n<\/div>\n\n\n\n \u2018Modo Goblin\u2019 foi escolhido como a Palavra do Ano de 2022 pelo Oxford.\nO termo refere-se a \u201cum tipo de comportamento que \u00e9 descaradamente autoindulgente, pregui\u00e7oso ou desleixado, e que tipicamente rejeita normas ou expectativas sociais.\u201d\nFoi a primeira palavra do ano a ser decidida por voto popular. <\/p>\n\n\n\n N\u00e3o \u00e9 segredo que, como sociedade, temos lentamente ca\u00eddo na autoindulg\u00eancia nas \u00faltimas d\u00e9cadas.\n\u00c0s vezes, \u00e9 embara\u00e7oso e \u00e0s vezes excessivo, mas voc\u00ea pode ver isso em todos os aspectos da vida ocidental.\nModa atl\u00e9tica, comprar tudo online, pedir fast food quando estamos com pregui\u00e7a e maratonar a \u00faltima s\u00e9rie de TV.\nEsses s\u00e3o apenas alguns exemplos da vida moderna que criam a atmosfera perfeita para nosso goblin interior emergir, e \u00e9 intrigante pensar como isso afetar\u00e1 o design web no futuro. <\/p>\n\n\n\n Essas normas sociais rec\u00e9m-evolu\u00eddas, como o termo goblin reflete, s\u00e3o interessantes quando as correlacionamos ao design de UI e UX.\nNo seu cerne, o design de UI e UX \u00e9 um campo baseado em padr\u00f5es, melhores pr\u00e1ticas e no estudo dos usu\u00e1rios, enquanto tenta ser o mais inclusivo poss\u00edvel.\nUma das maneiras que vemos essa tend\u00eancia em a\u00e7\u00e3o \u00e9 atrav\u00e9s de sites goblin que colocam a marca em primeiro lugar, antes do usu\u00e1rio.\nIgnorando melhores pr\u00e1ticas e at\u00e9 mesmo acessibilidade \u00e0s vezes, esses sites questionam o que \u00e9 \u201cbeleza.\u201d\nEles aspiram fortalecer a presen\u00e7a da marca<\/a>, tornando o site memor\u00e1vel e envolvente usando um estilo bruto, excesso de imagens, duplica\u00e7\u00f5es, cores fortes, barulho, anima\u00e7\u00f5es de entrada agressivas, m\u00faltiplos objetos, etc.\nPodemos nos apaixonar por esses sites ou critic\u00e1-los, mas n\u00e3o podemos fingir que nunca usamos um ou dois desses truques para melhorar a presen\u00e7a de um site. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Do outro lado do espectro do maximalismo, vemos um movimento de simplicidade que afirma que tudo o que precisamos \u00e9 de um pouco de equil\u00edbrio – um exerc\u00edcio de \u201cdesacelera\u00e7\u00e3o.\u201d\nEssa tend\u00eancia cria uma experi\u00eancia agrad\u00e1vel e relaxante para o usu\u00e1rio e \u00e9 oposta \u00e0 \u201ccultura do tudo sobre apar\u00eancias.\u201d <\/p>\n\n\n\n Veremos cada vez mais sites que exploram a simplicidade atrav\u00e9s da redu\u00e7\u00e3o de detalhes, buscando alcan\u00e7ar a anonimidade.<\/p>\n\n\n\n Esses sites \u00e0s vezes agem como uma estrutura ou wireframe projetado, usando tipografia<\/a> minimalista, uma gama limitada de estilos de tipo dentro do site, cores suaves que se alinham com grandes imagens ou com ilustra\u00e7\u00f5es amorfas que substituem ilustra\u00e7\u00f5es detalhadas de UX.\nAl\u00e9m disso, \u00e0s vezes uma doce anima\u00e7\u00e3o de rolagem envolve o site e faz voc\u00ea flutuar na serenidade. <\/p>\n\n\n\n Surpreendentemente, pode ser um processo dif\u00edcil projetar um site assim, pois \u00e9 necess\u00e1rio maturidade do designer para entender onde est\u00e1 a ess\u00eancia e o que \u00e9 redundante.\nEsses sites \u00e0s vezes se destacam mais, tanto em termos de estilo quanto de desempenho<\/a>, fazendo-os se destacar dos sites concorrentes que est\u00e3o carregados de conte\u00fado e imagens. <\/p>\n\n\n\n Templeton Clothing<\/a> \u00e9 um site de com\u00e9rcio eletr\u00f4nico dos Alpes do Norte da Baviera.\nUm r\u00e1pido olhar na se\u00e7\u00e3o principal \u00e9 suficiente para entender sua atitude; anima\u00e7\u00e3o em c\u00e2mera lenta, sem promo\u00e7\u00f5es ou CTA.\nSem usar palavras, eles est\u00e3o pedindo para voc\u00ea relaxar e rolar a p\u00e1gina.\nAs bordas lineares em preto e branco e as grandes imagens se encaixam no seu \u201canti-design, destacando os produtos como o principal e a marca como secund\u00e1ria.” <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n No ano passado, falamos sobre scrollytelling<\/a>, e embora pare\u00e7a que foi h\u00e1 uma d\u00e9cada, este ano, parece que a experi\u00eancia na web deu v\u00e1rios passos \u00e0 frente com novas maneiras de engajar.<\/p>\n\n\n\n Antes de criar um site, mapeamos uma jornada do usu\u00e1rio e, por raz\u00f5es funcionais, criamos uma estrutura e um framework.\nSe fizermos um paralelo com o mundo real, o site \u00e9 um caminho que queremos que o usu\u00e1rio percorra em dire\u00e7\u00e3o \u00e0 convers\u00e3o<\/a>.\nA quest\u00e3o que essa tend\u00eancia levanta \u00e9: qual \u00e9 essa jornada do usu\u00e1rio e como ela deve ser em 2023? <\/p>\n\n\n\n Essa abordagem de \u2018deleite\u2019 nos inspira a come\u00e7ar a pensar no site como mais do que apenas um conjunto de p\u00e1ginas, mas sim, como uma experi\u00eancia tridimensional.\nO objetivo geral, \u00e9 claro, \u00e9 manter os usu\u00e1rios envolvidos e curiosos, e conduzi-los pelo caminho com surpresas e easter-eggs alegres ao longo do percurso.\nUm \u00f3timo exemplo de tal deleite alegre \u00e9 o cursor animado, que pode desempenhar um papel importante na melhoria da experi\u00eancia do usu\u00e1rio no design da web. <\/p>\n\n\n\n Dessa escola de pensamento, podemos pensar nas funcionalidades que costum\u00e1vamos descartar como t\u00e9cnicas, bifurca\u00e7\u00f5es no caminho, como o menu ou links internos, CTA<\/a> e os fins do caminho tamb\u00e9m – como o rodap\u00e9 ou 404.\nNessas \u201c\u00e1reas de conflito<\/a>,\u201d podemos mapear os sentimentos que os usu\u00e1rios podem experimentar, como sucesso ou fracasso, interesse, confian\u00e7a ou suspeita, etc.\nAdicionar anima\u00e7\u00f5es, mensagens de marketing<\/a> e motivos humor\u00edsticos pode facilitar a experi\u00eancia do usu\u00e1rio e estreitar o v\u00ednculo entre o usu\u00e1rio e a marca.\nParece que, por enquanto, os clientes n\u00e3o t\u00eam sentimentos fortes em rela\u00e7\u00e3o a essas \u00e1reas, o que as torna o lugar ideal para soltar nossa criatividade. <\/p>\n\n\n\n Studio Brot<\/a> \u00e9 uma ag\u00eancia de design que foca em publicidade e branding.\nSeus servi\u00e7os s\u00e3o detalhados e simplificados, apresentados ao usu\u00e1rio na forma de uma met\u00e1fora de panifica\u00e7\u00e3o (Brot – alem\u00e3o para p\u00e3o).\nNos apaixonamos por suas t\u00e9cnicas de navega\u00e7\u00e3o e as v\u00e1rias anima\u00e7\u00f5es ao longo do site que sempre te mant\u00eam em suspense, fazendo voc\u00ea se perguntar o que esperar a seguir. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Como parte do borramento das fronteiras entre o f\u00edsico e o virtual, \u00e9 fascinante mergulhar e prever as mudan\u00e7as na arena do e-commerce<\/a>.\n\u00c9 um pouco paradoxal.\nPor um lado, o design f\u00edsico est\u00e1 se tornando hiper digitalizado, mas por outro lado, alguns sites de com\u00e9rcio eletr\u00f4nico ousados sugerem uma experi\u00eancia de compra sensual e tang\u00edvel. <\/p>\n\n\n\n Por uma boa raz\u00e3o, muitos de n\u00f3s gostamos de entrar em uma loja de roupas, sentir o cheiro de roupas novas, ou experimentar uma camisa e sentir a maciez do tecido.\nEssa tend\u00eancia na web tenta reproduzir uma experi\u00eancia de compra real atrav\u00e9s de exibi\u00e7\u00f5es interativas de produtos que adicionam outra camada de dimens\u00e3o para tornar todo o processo de compra quase tang\u00edvel. <\/p>\n\n\n\n Mesmo com um or\u00e7amento pequeno, podemos tentar estimular os sentidos do usu\u00e1rio usando anima\u00e7\u00f5es lottie, rota\u00e7\u00e3o e anima\u00e7\u00f5es 3D – tudo para encorajar o usu\u00e1rio a explorar e interagir com o produto que estamos vendendo.\nIsso cria uma sensa\u00e7\u00e3o poderosa e memor\u00e1vel de descoberta das caracter\u00edsticas do produto, \u00e2ngulos e ilumina\u00e7\u00e3o com um grande senso de divers\u00e3o.\nO truque \u00e9 entender como seu produto \u00e9 diferente dos outros e como fazer o usu\u00e1rio interagir com ele. <\/p>\n\n\n\n Grace<\/a> \u00e9 um produto nutricional, com uma abordagem de marketing impactante.\nEles permitem que os usu\u00e1rios simulem a experi\u00eancia de desembrulhar, brincar com a embalagem e revelar o produto atrav\u00e9s de uma jornada do usu\u00e1rio cuidadosamente elaborada que n\u00e3o \u00e9 poss\u00edvel nem mesmo na loja f\u00edsica. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Embora estejamos longe dos est\u00e1gios iniciais da tecnologia de IA, s\u00f3 recentemente ela se tornou acess\u00edvel ao p\u00fablico e parece que todos est\u00e3o falando sobre isso.\nNo ano passado, testemunhamos o surgimento de v\u00e1rios motores de IA online que parecem ser revolucion\u00e1rios.\nMotores como ChatGPT, dall.e2, Midjourney, Stable diffusion, para citar alguns, junto com a tecnologia deepfake, provocaram um amplo debate sobre como ser\u00e1 nosso papel como criadores no futuro. <\/p>\n\n\n\n Grande parte da conversa gira em torno da no\u00e7\u00e3o de que a IA em breve tornar\u00e1 desnecess\u00e1ria a necessidade de profissionais criativos.\nEssa \u00e9 uma abordagem bastante dist\u00f3pica.\nA verdade \u00e9 que a IA em seu estado atual \u00e9 mais uma ferramenta para usarmos do que uma substitui\u00e7\u00e3o futura.\nE us\u00e1-la, n\u00f3s vamos. <\/p>\n\n\n\n Temos visto essa tend\u00eancia acelerar nos \u00faltimos meses com a explos\u00e3o do dall.e2 e Midjourney na cena com suas capacidades impressionantes de cria\u00e7\u00e3o de imagens.\nMais recentemente, a introdu\u00e7\u00e3o do ChatGPT na mistura, e a microc\u00f3pia nunca pareceu t\u00e3o acess\u00edvel.\nMas \u00e9 importante lembrar, os resultados que obtemos desses motores requerem trabalho, e como qualquer ferramenta, quanto mais a dominamos, maior ser\u00e1 nosso controle.\nVamos focar na cria\u00e7\u00e3o de imagens.\nSe pegarmos o Midjourney como exemplo, voc\u00ea pode facilmente criar imagens a partir de prompts de texto simples.\nEssas s\u00e3o imagens que costumavam levar uma eternidade para serem criadas ou at\u00e9 mesmo encontradas e compradas os direitos.\nMas prompts simples s\u00f3 te levam at\u00e9 certo ponto.\nA chave \u00e9 refinar suas consultas \u00e0 medida que avan\u00e7a, focando nas \u00e1reas que voc\u00ea sente que precisam de trabalho.\nQuanto mais fundo voc\u00ea cavar, mais r\u00e1pido chegar\u00e1 aos resultados desejados. <\/p>\n\n\n\n <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Em maio, celebraremos 20 anos de WordPress.\nA introdu\u00e7\u00e3o do WordPress desencadeou uma esp\u00e9cie de revolu\u00e7\u00e3o pr\u00f3pria, trazendo a cria\u00e7\u00e3o de sites para as massas.\nAgora, estamos em 2023 – e a cada poucas semanas lemos sobre um desenvolvimento digital sensacional diferente. <\/p>\n\n\n\n \u00c0s vezes, queremos estar na vanguarda da tecnologia como bons adotantes precoces, ler um artigo e aprender uma nova ferramenta ou t\u00e9cnica e compartilhar nossas descobertas com nossa comunidade de criadores de sites.\nMas de vez em quando, preferimos pular a curva de aprendizado, nos aconchegar e nos agarrar ao passado confort\u00e1vel, mesmo nesta era de acelera\u00e7\u00e3o digital.\nAinda vemos muitos motivos dos anos 80-90.\nO que achamos intrigante \u00e9 a saudade da tecnologia antiga, como o primeiro computador que tivemos em casa ou o tocador de discos compacto com apar\u00eancia engra\u00e7ada. <\/p>\n\n\n\n Ent\u00e3o, para os retardat\u00e1rios entre n\u00f3s, ou para aqueles com afei\u00e7\u00e3o pelo Y2K, prestamos especial aten\u00e7\u00e3o a colagens, pixeliza\u00e7\u00e3o, cores fortes, interface de usu\u00e1rio semelhante ao MS-DOS e influ\u00eancias de jogos de arcade antigos. <\/p>\n\n\n\n Hie<\/a> \u00e9 uma ag\u00eancia de talentos para criadores de conte\u00fado.\nEles usam objetos nost\u00e1lgicos e os reimaginam de um ponto de vista contempor\u00e2neo.\nEssa brincadeira \u00e9 projetada para agu\u00e7ar nossa curiosidade e nos atrair. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n A capacidade de aten\u00e7\u00e3o das pessoas diminui a cada ano.\nPodemos culpar as redes sociais, Tiktok<\/a> e Instagram, \u00e9 claro, mas tamb\u00e9m somos consumidores al\u00e9m de criadores.\nDada essa realidade, a interface de usu\u00e1rio n\u00e3o pode permanecer est\u00e1tica. Movimento<\/a> \u00e9 uma \u00f3tima ferramenta para atrair usu\u00e1rios e pode ser uma experi\u00eancia muito eficaz e imersiva.\nNo ano passado, vimos como o movimento \u00e9 usado para nos manter engajados, levando-nos a consumir mais conte\u00fado.\nIsso nos permite, como usu\u00e1rios, sentir que estamos interagindo com o site em um n\u00edvel mais alto do que antes, e de uma maneira mais significativa, al\u00e9m disso. <\/p>\n\n\n\n Nossos usu\u00e1rios est\u00e3o acostumados a ver pixels se movendo e pulando; eles esperam receber indica\u00e7\u00f5es para cada a\u00e7\u00e3o.\nEsse feedback permite que o usu\u00e1rio se sinta um participante ativo, fazendo-o sentir-se presente e focado.\nUma maneira de criar essa experi\u00eancia \u00e9 atrav\u00e9s de anima\u00e7\u00f5es de rolagem suave, feitas usando efeitos de paralaxe flutuante entre se\u00e7\u00f5es que suavizam micro anima\u00e7\u00f5es.\nOutro exemplo, que esperamos se tornar mais popular, \u00e9 o movimento que excede as normas – indo at\u00e9 a brincar com o senso de equil\u00edbrio e gravidade do usu\u00e1rio.\nVeremos mais anima\u00e7\u00f5es ou v\u00eddeos integrados que visam brincar com seus olhos, com anima\u00e7\u00f5es de entrada bruscas, explos\u00f5es poderosas, zoom-ins, fontes vari\u00e1veis, adesivos rotativos e assim por diante.\nPode ser cansativo \u00e0s vezes, mas a aten\u00e7\u00e3o do usu\u00e1rio \u00e9 t\u00e3o preciosa que tentaremos atra\u00ed-la por todos os meios necess\u00e1rios. <\/p>\n\n\n\n Estudios Victor Cordon<\/a> \u00e9 uma plataforma criativa que apoia a comunidade art\u00edstica independente.\nEles usam movimento constante e cont\u00ednuo enquanto voc\u00ea rola de se\u00e7\u00e3o para se\u00e7\u00e3o.\nUma coisa a notar, que achamos tanto bonita quanto \u00fanica, \u00e9 que os componentes na tela s\u00e3o realmente est\u00e1ticos, mas o movimento criado pelo fundo d\u00e1 uma sensa\u00e7\u00e3o de fluidez e movimento constante. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Em contraste com a est\u00e9tica de design limpa, vemos cada vez mais sites que literalmente empurram os limites at\u00e9 o extremo com layouts tipogr\u00e1ficos \u00fanicos.\nEssa tend\u00eancia \u00e9 bastante surpreendente, considerando que essa pr\u00e1tica de design \u00e9 comum em meios que t\u00eam pouco espa\u00e7o, como embalagens traseiras, cartazes de festivais de m\u00fasica, r\u00f3tulos e sinaliza\u00e7\u00e3o, etc.\nTalvez essa tend\u00eancia tenha a ver com nossa saudade de designs que usam materiais reais, que abandonamos em favor da tela e da experi\u00eancia interativa. <\/p>\n\n\n\n Com o objetivo de atrair aten\u00e7\u00e3o, os mais interessantes brincam com tipografia<\/a> e grades enquanto abandonam layouts convencionais da web em sua miss\u00e3o de criar uma experi\u00eancia de visualiza\u00e7\u00e3o memor\u00e1vel baseada em texto.\nEsses sites tendem a usar cabe\u00e7alhos de letras grandes com tipografia de estilo brutalista<\/a>, que n\u00e3o \u00e9 tipicamente usada na web.\nComo parte desse movimento, tamb\u00e9m podemos ver mais sites com se\u00e7\u00f5es que t\u00eam apenas um par\u00e1grafo com um tamanho de fonte t\u00e3o grande que ocupa toda a se\u00e7\u00e3o.\nTudo junto, adiciona um elemento din\u00e2mico \u00e0 p\u00e1gina, mesmo quando est\u00e1tica. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n Em um momento em que as vozes dos extremistas est\u00e3o crescendo no mundo real, temos a oportunidade de fazer a diferen\u00e7a aqui no universo alternativo da web que criamos.\nAfinal, n\u00f3s, como criadores da web, somos uma grande comunidade.\nTemos a oportunidade de agregar mais valor e tornar a web um lugar melhor e mais inclusivo<\/a>. <\/p>\n\n\n\n Junto com a crescente depend\u00eancia digital em nossa sociedade, desde que a Covid-19 surgiu, os usu\u00e1rios est\u00e3o passando muito mais tempo online para obter at\u00e9 mesmo os servi\u00e7os mais b\u00e1sicos.\nAo iniciar um projeto, geralmente criamos um briefing preciso e adaptamos o design para um perfil de usu\u00e1rio<\/a> espec\u00edfico e necessidade.\nTalvez este ano, nossa resolu\u00e7\u00e3o de ano novo possa ser tentar ver a Internet pelos olhos dos outros – tornando a tecnologia utiliz\u00e1vel para todas as pessoas, independentemente de suas habilidades, situa\u00e7\u00e3o econ\u00f4mica, idade, educa\u00e7\u00e3o ou localiza\u00e7\u00e3o geogr\u00e1fica. <\/p>\n<\/div>\n\n <\/p>\n<\/div>\n\n\n\n As m\u00eddias sociais, com suas infinitas possibilidades, ainda t\u00eam algumas limita\u00e7\u00f5es; compartilhar apenas um link no seu perfil \u00e9 certamente uma delas.\nAssim, nasceu o ‘Link na bio’.\nLink na bio \u00e9 basicamente uma p\u00e1gina de destino projetada para conectar redes sociais, sites, lojas, v\u00eddeos, m\u00fasicas, podcasts, eventos e mais.\nTodos eles se re\u00fanem nesta p\u00e1gina projetada para conectar, formar novos relacionamentos e converter. <\/p>\n\n\n\n![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/image-2.png\")
<\/a>
Bornfight studio<\/a> \u00e9 uma pequena ag\u00eancia que se especializa em produ\u00e7\u00e3o web.\nSua atitude Goblin \u00e9 manifestada atrav\u00e9s do tom de voz do site, que \u00e9 muito \u201cna sua cara,\u201d desinibido e um tanto atrevido.\nVeja, por exemplo, seu divertido banner de cookies – \u201ca vida \u00e9 amarga, ent\u00e3o usamos cookies,\u201d ou a afirma\u00e7\u00e3o sincera de que trabalham por elogios e dinheiro, e as anima\u00e7\u00f5es de hover avassaladoras, mas lindas, de imagens sobrepostas. <\/p>\n\n\n\n02<\/h6>\n\n\n\n
Simplicidade e minimalismo<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/2.png\")
<\/a>03<\/h6>\n\n\n\n
Hiper-del\u00edcias em uma jornada pelo site<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/3-1.png\")
<\/a>04<\/h6>\n\n\n\n
E-commerce – Uma experi\u00eancia quase tang\u00edvel<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/image-2-1.png\")
<\/a>05<\/h6>\n\n\n\n
A IA est\u00e1 batendo \u00e0 nossa porta<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/5-1.png\")
<\/figure>\n\n\n\n06<\/h6>\n\n\n\n
Nostalgia em tempos de sobrecarga digital<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/6.png\")
<\/a>07<\/h6>\n\n\n\n
Movimento gera emo\u00e7\u00e3o<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/7.png\")
<\/a>08<\/h6>\n\n\n\n
Layouts tipogr\u00e1ficos – Sentimos falta de voc\u00ea, impress\u00e3o<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/8.png\")
<\/a>
A p\u00e1gina da web da Parazker<\/a> tem muito para absorver.\nEsse \u00fanico fold poderia facilmente ter sido espalhado por v\u00e1rios folds e p\u00e1ginas, mas essa apresenta\u00e7\u00e3o cria uma sensa\u00e7\u00e3o de familiaridade, como r\u00f3tulos em embalagens ou c\u00f3digos de barras.\nOs designers aqui condensaram todas as informa\u00e7\u00f5es em um \u00fanico fold, para que os usu\u00e1rios possam ver tudo de uma vez. <\/p>\n\n\n\n09<\/h6>\n\n\n\n
Acessibilidade – vamos tornar a web um lugar melhor<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/9.png\")
<\/figure>\n\n\n\n
\u00c9 uma pequena mudan\u00e7a de mentalidade e um pequeno ajuste no fluxo de trabalho<\/a>.\nCome\u00e7a na fase inicial com a responsabilidade de educar os clientes sobre acessibilidade e os requisitos legais que ela implica.\nPensar nisso desde a fase inicial do briefing e investir um pouco mais de tempo e esfor\u00e7o pode ajudar a moldar o estilo de design do site.\nPodemos usar cores e tamanhos de fontes de forma inteligente, bem como texto alternativo e support para navega\u00e7\u00e3o por teclado.\nProjetar atrav\u00e9s da lente desse desafio pode n\u00e3o apenas criar novos estilos e conven\u00e7\u00f5es, mas tamb\u00e9m mudar a forma como experimentamos a web como um todo. <\/p>\n\n\n\n10<\/h6>\n\n\n\n
Explora\u00e7\u00e3o da p\u00e1gina de \u00edndice do link na bio<\/h3>\n\n\n\n
![\"\"](\"https:\/\/elementor.com\/blog\/wp-content\/uploads\/2023\/01\/10.png\")
<\/figure>\n\n\n\n