Design responsivo

Com o crescimento do uso de tablets e smartphones de tamanhos e resoluções variadas, o design responsivo é uma evolução natural do design das lojas virtuais. Antigamente o acesso era feito em telas com resoluções muito semelhantes e bastava fazer um site que funcionasse em resolução máxima de 1024x768 pixels que tudo estava resolvido.

Hoje temos TVs de 60" polegadas com acesso à internet, smartphones com telas até 5.7", tablets de 6" até 11", sem contar os próprios computadores, com telas muito variadas. A loja virtual pode ser acessada de diversas formas e contextos, e portanto os sites precisam estar preparados.

O design responsivo adapta-se ao tamanho da tela. Ao invés de criar vários sites separados, um para smartphone, um para tablet e outro para desktops, cria-se um único site se ajusta ao tamanho da janela em que ele for carregado.

Responsive design

Para saber se um site se adapta a diferentes tamanhos de telas, redimensione a janela do navegador para ver como o design "reage" à mudança de tamanho. Ao diminuir a janela, uma barra de rolagem horizontal não deveria ser exibida. Ao invés disso, o design precisa caber no novo tamanho da janela.

Clique aqui para acessar uma loja virtual com design responsivo e experimentar sua adaptabilidade.

ABAIXO OS SITES DUROS!

Responsive design

Conheça alguns recursos do Fastcommerce para facilitar a criação de sua loja virtual com design responsivo:

  • Implantação em um clique de modelo gratuito de loja virtual, com design responsivo e totalmente personalizável

  • Integração nativa aos consagrados frameworks Bootstrap e Zurb Foundation

  • Bibliotecas extensas e detalhadas de fontes e ícones vetoriais.

  • Lazy load de imagens, que são baixadas à medida que ficam visíveis pela rolagem da página.

  • Classe CSS em <body> diferenciada por contexto, de acordo com a página atual

  • Tag especial para incluir imagens SVG inline com base64, que permite menos http requests e estilização CSS facilitada


Recursos Exclusivos para loja virtual


Clique nos links abaixo para saber mais sobre os recursos da loja virtual e do site administrativo: