Design responsivo

O que é Design responsivo

Em vez de criar versões separadas, o mesmo site reorganiza colunas, tamanhos de texto, imagens e menus conforme a largura disponível, usando pontos de quebra (breakpoints).

Muitas equipes trabalham "mobile first": desenham primeiro para o celular, onde o espaço é menor, e expandem para telas maiores.

Por que importa para startups

A maior parte do tráfego de muitos sites vem do celular, e o Google usa a versão mobile para indexar. Site que não funciona no celular perde visita e posição.

Como a Perforza trabalha com isso

Desenhamos cada página em celular e desktop e revisamos em aparelhos reais, não só redimensionando o navegador.

Exemplo

Uma tabela de planos com quatro colunas vira, no celular, uma lista de cards empilhados, com o plano recomendado em destaque.

Erros comuns

• Desenhar só para desktop e "encolher" depois.
• Botões pequenos demais para tocar.
• Esconder conteúdo importante na versão mobile.

Perguntas

Design responsivo e app são a mesma coisa?

Não. Design responsivo é o site se adaptando à tela; um app é instalado. Para muitas startups, um site responsivo resolve antes de precisar de app.