Conheça mais

Minha conta

Quais as vantagens de ter um site responsivo?

No ar em e atualizado em jan / 2021

Creio que já não é novidade de que o acesso a internet através de smartphones está crescendo a cada dia que passa. Segundo o IBGE, já em 2014 o celular se consolida como principal meio de acesso à internet no Brasil! Desta forma, não há como deixar de pensar em como nossos blogs e sites aparecem na telinha de nossos leitores, não é? E é ai que entra o design responsivo!

O que é design responsivo?

É a técnica de estruturação do código HMTL e CSS de um site que permite que seu layout se adapte a diversas telas de dispositivos, desde o desktop gigante de 27″ até o smartphone de 4″ ou até menor! E o melhor tudo: é o mesmo layout, porém, sua versatilidade permite que o usuário mantenha uma boa experiência de navegação, não interessa onde.

Desde novembro de 2017 tenho oferecido aos meus clientes o design responsivo no pacote básico sem mais o custo adicional no orçamento, pois estamos no ponto em que o design responsivo é praticamente uma obrigação na pauta de um projeto de web — ainda mais quando estamos falando do público da blogosfera que faz parte do grupo por idade (em sua maioria com menos de 34 anos) que mais acessa internet via smartphone.

Veja abaixo por que um site com design responsivo é tão importante:

As 4 principais vantagens de um site responsivo

Facilidade na gestão. O conteúdo que é publicado no site é o mesmo que será apresentado tanto nos celulares quanto notebooks e desktops.

Custo-benefício. Com o design responsivo, o site não precisará necessariamente de uma versão mobile, do qual requer a criação de um outro layout, outra programação, que seria independente de sua versão desktop (ou seja, um novo projeto de design). Tudo se concentra no mesmo layout e, com isso, economizando no bolso.

Indiretamente ajuda no SEO. Com o avanço dos acessos à internet por celular, o Google dá mais relevância para sites responsivos do que para os que não possui este recurso — ou que tenham versão mobile, já que geralmente a URL muda nestes casos, enquanto um site responsivo mantém a mesma URL e, portanto, se mantém no rankeamento nos buscadores. O mesmo link compartilhado nas redes sociais será o mesmo acessado em todos os navegadores, não importa o dispositivo.

Melhora a experiência de usuário. Concorda que a experiência de ver um site quando estamos no conforto de nossa cadeira de frente ao computador é completamente diferente quando o vemos enquanto estamos indo de ônibus ao trabalho, certo? O ambiente influencia em nossa experiência, assim como o tamanho da tela.

Se o layout de um site não for responsivo, a leitura passa a ser mais complicada no celular, sem fluidez, e sentimos a obrigação de ficar dando zoom para conseguir ler algo — fora que é bem mais complicado de achar as informações e de navegar.

Com essas dificuldades desistimos do site muito mais fácil, aumentando a sua taxa de rejeição nas estatísticas do Analytics, perdendo a oportunidade de ver um conteúdo que poderia ser bacana (para você ver como conteúdo legal não basta hoje em dia). Com o design responsivo isso não acontece, pois com o conteúdo se adaptando a tela, a leitura torna-se muito mais fluida e a navegação muito mais amigável! 🙂

O “calcanhar de Aquiles” do design responsivo

Entretanto, não podemos negar que existe uma desvantagem (nem tudo é flores nesta vida, não é mesmo?), principalmente quando estamos lidando com imagens. O design responsivo, apesar de ser maravilhoso para conteúdo textual, ele não é tão amigável assim quando se trata de arquivos de imagem. Isso acontece pois o responsivo apenas redimensiona, “comprimindo” a imagem — o que não significa otimizar.

Uma imagem que é apresentada no desktop será a mesma apresentada no celular, e no quesito de redimensionamento, o design responsivo perde um pouco de terreno em comparação a sites que possuem uma versão mobile que já é dedicada a esta visualização de conteúdo mais otimizado.

Este é o “tendão de Aquiles” do design responsivo, pois redimensionamento das imagens não se ganha em nada no carregamento, pois o navegador do smartphone lerá a imagem em seu tamanho original (ou seja, grande) e redimensiona-la ao tamanho ordenado pelo código.

Otimização é a chave!

É por isso que ter um layout projetado nas melhores condições possíveis de otimização de forma geral é tão importante! Com um código limpo e seguindo boas práticas de desenvolvimento, ajudamos o navegador a ler nosso site de forma mais rápida e recuperar um pouco esta desvantagem diante dos itens redimensionados, fazendo com que o design responsivo seja ainda mais vantajoso.

Enquanto os padrões web ainda estejam evoluindo neste sentido, o ideal é já otimizar as imagens antes mesmo de inseri-las no site, para sofrerem o menos possível. No meu blog pessoal dou algumas dicas de otimização de imagens que poderão te ajudar nesta empreitada para deixar seu site ou blog mais rápido!

Ana Flávia Cador - AFC Web Design
Ana Flávia Cador

Idealizadora do studio . Desde 2007 realiza sonhos de empreendedoras, influencers e blogueiras projetando sites, lojas virtuais, blogs e ferramentas através de um 
design único, inteligente, com personalidade e propósito.

Como contratar hospedagem e domínio para blogs e sites

Como contratar hospedagem e domínio para blogs e sites

Saiba como identificar e encontrar o serviço ideal para seu tipo de espaço na web, conhecendo mais a fundo os tipos de hospedagem e registro de domínio.

WordPress .com ou .org: Qual utilizar?

WordPress .com ou .org: Qual utilizar?

Por que há dois wordpress diferentes? Entenda com detalhes qual é a diferença entre eles e descubra qual se adequa mais ao seu modelo de negócio ou blog.

Clientes

Depoimentos de clientes que tiraram seus projetos do papel e permitiram que o studio os tornassem reais!

+ depoimentos

Rebeca Stiago

Rebeca Stiago

Projeto Verdade Escrita

A Ana transformou o meu projeto em realidade. 🙌 Ela é super comprometida, organizada e detalhista. Recomendo o trabalho IMPECÁVEL dela de olhos fechados. Ela superou todas as minhas expectativas e foi muito paciente me explicando zilhões de vezes a mesma coisa. 😂 Eu esperei muito tempo até encontrar uma profissional como ela pra seguir com os meus projetos. E estou muito satisfeita com o resultado! OBRIGADA ANA! 💛
Karen Feitosa

Karen Feitosa

Aquele momento que você encontra o profissional perfeito! A Ana é o pacote completo, um amor de pessoa, explica todo o trabalho, tira todas as dúvidas, cobra um preço justo e fora o trabalho que é impecável! Fiz minha identidade visual com ela e algumas alterações no layout, foi super rápido e amey o resultado. Quem contratar não vai se arrepender, ctza!
Samira Oliveira

Samira Oliveira

Melhor web designer de todas! Uma pessoa maravilhosa, excelente profissional e muito paciente, talentosa e criativa. Realizou um dos meus maiores sonhos, que deu início a todos os outros: meu blog. Serei sempre grata pelo lindo trabalho e pela paciência que sempre tem comigo e com minhas ideias.
Ge Gotardelo

Ge Gotardelo

Projeto Blog da Cuplover

Ana é super responsável, cumpre todos os prazos e nos mantém informadas sobre todos os passos do projeto. Além de tudo, é proativa, e busca sempre o melhor para agregar perfeição aos projetos que executa. Um exemplo de profissional a ser seguido. Ana, sei que você está trilhando um caminho de sucesso, e te desejo toda luz do mundo nesse caminho. Se eu pudesse, daria 5 milhões de estrelas, pois a minha gratidão e satisfação são infinitas. O blog mais lindo do mundo! ❤
Glauce Elisa

Glauce Elisa

Projeto Decorar com Charme

A Ana é a melhor web designer que você possa encontrar. Ela é extremamente responsável, criativa e paciente. Ela consegue traduzir as ideias mais malucas em designs incríveis. Sempre que preciso de um novo design para algum novo projeto do meu negócio, não dou um passo sem antes falar com ela. Ela pode ser considerada o 'porto seguro do design'. Ela te pega na mão e te mostra todo o passo-a-passo, desde o começo até a finalização. Todo a jornada e todo o processo do projeto é sempre muito tranquilo e prazeroso, muito rápida nas respostas e te passa muita segurança, além do resultado final, que sempre supera as expectativas. Enfim, a Ana é a melhor web designer que existe.

Peça seu orçamento
Dúvidas? Veja o F.A.Q. do studio.

Atendimento: 14h às 17h, de seg à sexta