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.

Os melhores banco de imagens para empreendedorismo feminino

Os melhores banco de imagens para empreendedorismo feminino

Já teve a sensação de que os bancos de imagens mais famosos não combinam com você e com o seu público? Sua busca pelas fotos ideais para seu negócio termina hoje!

6 plugins indispensáveis para quem está começando seu site no WordPress

6 plugins indispensáveis para quem está começando seu site no WordPress

O Wordpress oferece um acervo maravilhoso com inúmeros plugins à nossa disposição. Mas você sabe quais são aqueles que são essenciais para ti? Separei alguns plugins que poderão te ajudar.

O que é Cloudflare e porque você deve usa-la no seu site

O que é Cloudflare e porque você deve usa-la no seu site

Quanto mais otimizado um site é, melhor é o seu desempenho. E a Cloudflare é uma ótima aliada para seu site ter aquele "boom" que você nem imaginava que precisava.

Clientes

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

+ depoimentos

Depoimento de Simone Benvindo para o site AFC Web Design

Simone Benvindo

Já contratei os serviços duas vezes e amei. Excelente profissional. Confio meu site nas mãos da Ana de olhos fechados. Ótimo preço e atendimento.
Depoimento de Jaqueline Lima para o site AFC Web Design

Jaqueline Lima

Projeto Jaqueline Lima

O trabalho da Ana é incrível! Já trabalhamos juntas 2 vezes e nunca me arrependi de confiar nela em tudo. Meu blog ficou lindo e super fácil de me virar. Recomendo muito!
Depoimento de Gisele Baldasari para o site AFC Web Design

Gisele Baldasari

Projeto A Casa Delas

A Ana refez o layout do nosso Blog e criou nossa loja do zero. Ela foi a terceira webdesigner a trabalhar no nosso projeto e não dá nem para comparar a experiência! Não é só por ser organizada, objetiva, pontual. É claro que tudo isso também conta, mas no meu ponto de vista o que torna ela diferente é a sensibilidade que ela tem para entender o que a gente quer! Eu recomendaria mil vezes, trabalhar com ela foi sensacional, valeu cada minuto na lista de espera (que foi mais ou menos 8 meses)! Obrigada Ana por todo o carinho e dedicação com o nosso projeto, ficou incrível!
Depoimento de Isadora para o site AFC Web Design

Isadora

Projeto Ufa, tá feito!

A Ana é simplesmente uma benção na minha vida! Conheci ela através de sites que ela programou e já vi logo de cara o bom gosto e capricho dela. Na hora sabia que precisava contratar ela, independente de quando teria agenda para o meu projeto. E eu pedi um site muuuuito complexo, que integra Loja e Blog, com funcionalidades diferentes da maioria, ou seja, ela é MUITO BOA no que faz! Conseguiu não só fazer tudo o que eu pedi, mas fez melhor do que eu imaginei! Tenho certeza que qualquer pessoa que for trabalhar com ela vai amar o atendimento dela. O processo todo é perfeito, desde o orçamento até a entrega do site. É tudo muito bem explicado e transparente. Ela realizou o meu maior sonho que era ter um site super profissional, intuitivo e que funciona no automático (vendo produtos digitais). E o preço é super justo! Só tenho a agradecer, ela é a melhor! 💜
Depoimento de Samira Oliveira para o site AFC Web Design

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.

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

Atendimento: 14h às 17h, seg à sexta. Horário de Brasília.