A página é uma pilha
Uma vitrine não é um modelo fixo. É uma lista de blocos exibidos de cima para baixo, e você decide quais entram na lista. É comum começar com um banner principal, seguido das categorias, de uma grade de produtos e de uma seção de perguntas frequentes. Se você colocar a grade mais acima, a loja ganha um ar de catálogo. Se der mais destaque à história, ela ganha um ar de marca.
Os quatro mais importantes no início
Um banner principal dá identidade à loja e resume em uma frase o que você vende. A grade de produtos é a própria loja. Uma fileira de categorias torna-se importante quando você ultrapassa cerca de vinte produtos, pois fica difícil navegar por uma grade sem divisões. Uma seção de perguntas frequentes esclarece dúvidas sobre envios e devoluções antes que o comprador precise perguntar.
Os outros 88 tipos existem para as lojas que precisam deles: kits, cartões-presente, avaliações, reservas e disponibilidade, anúncios de imóveis, galeria, depoimentos e uma seção de formato livre para qualquer outro conteúdo. Adicioná-los cedo demais é a forma mais comum de deixar a primeira vitrine lenta e cansativa de ler.
Os blocos e o tema são independentes
Os blocos determinam o que aparece na página. O tema determina a aparência: paleta, duas fontes, layout e um conjunto de eixos de forma. Graças a essa separação, você pode mudar toda a aparência de uma loja sem alterar o conteúdo, e aplicar um dos designs prontos não reorganiza os produtos.
Como decidir a ordem
Anote as três primeiras perguntas que alguém que não conhece sua loja faria sobre ela. Coloque acima da dobra, nessa ordem, o bloco que responde a cada uma. Esse critério é melhor do que qualquer regra sobre o que uma página inicial deve conter.