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 Glauce Elisa para o site AFC Web Design

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.
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 Rebeca Stiago para o site AFC Web Design

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! 💛
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 Clayci Oliveira para o site AFC Web Design

Clayci Oliveira

Projeto Clayci Oliveira

Acompanho a Ana há alguns anos e sempre admirei o seu trabalho na Internet. Estava bem desanimada com o meu blog, mas foi só desabafar com ela que surgiram várias ideias. Fiquei feliz quando vi tudo prontinho e no ar. Ficou do jeitinho que eu queria! Deu pra sentir o carinho e a dedicação em cada detalhe do tema. 🥰

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.