Exemplos de bom design de site

 À medida que mais marcas começam a perceber o valor de renunciar à imagem padrão de estoque, começamos a ver imagens de alta qualidade assumindo o controle online. Considere o site da Rolex. Seus relógios premium são considerados um símbolo de luxo e riqueza, e seu site comunica esses objetivos.

bom design do site

bom design do site

O site contém um mínimo de texto, mas é dominado por sua fotografia de alta qualidade. As fotos causam o impacto desejado. O site incentiva as pessoas a clicarem nas imagens que mais lhes interessam para saber mais, e a marca já produziu engajamento com o site.

bom design do site

A marca Jamba Juice também sabe aproveitar isso. Com imagens perfeitamente posicionadas de seus produtos reais, as imagens atraem clientes em potencial e os incentivam a experimentar a marca.

Boa  dica 3 de design de site : organize o site de maneira lógica

Ao projetar seu site, lembre-se também da importância da navegação. Os clientes devem ser capazes de navegar facilmente pelo seu site e encontrar tudo o que precisam sem confusão. Essa navegação afeta seu site em vários níveis.

O Google e os spiders que ele envia para 'ler' o seu site levam em consideração a sua navegação. Uma navegação confusa pode ser considerada contra você. Pode ser um desafio para o Google entender adequadamente o valor e a profundidade do seu site. Ele também pode perder páginas ao indexar seu site.

A navegação também afeta a experiência do usuário. Se os clientes não puderem navegar facilmente pelo seu site, eles geralmente simplesmente clicarão fora, em vez de lutar para encontrar o que procuram. Com mais de um bilhão de sites agora online, os clientes sabem que podem encontrar outro site que atenderá às suas necessidades.

Para fazer uma navegação limpa, comece organizando seu conteúdo em categorias. Você deseja criar alguns grupos principais que você pode organizar em uma hierarquia. Você terá um amplo conteúdo que apresenta às pessoas um determinado tipo de conteúdo . Você terá então um conteúdo que vai se aprofundando gradativamente, abordando o tema em novas direções e de forma mais aprofundada.

Você usará links internos para mostrar ao Google e aos seus usuários como o conteúdo se relaciona no site. Link para páginas úteis dentro da categoria de conteúdo para ajudar as pessoas a se moverem pela categoria. Nos níveis superiores, conecte-se a outras categorias. Isso criará uma hierarquia de site mais limpa pela qual as pessoas poderão se mover.

Você pode então incorporar essa hierarquia em seus botões de navegação. Seus menus devem explicar claramente suas categorias de conteúdo, sem sobrecarregar os usuários. Você também deve ter um mapa do site que pode enviar para o Google para ajudar o mecanismo de pesquisa a entender a estrutura do seu site.

Lembre-se, novamente, dos usuários móveis ao desenvolver sua navegação. Quaisquer botões ou menus de navegação devem ser fáceis de usar em telas sensíveis ao toque. Não coloque os botões muito próximos ou faça-os pequenos e difíceis de tocar com precisão.

Exemplos de  bom design de site

O HubSpot fornece um excelente exemplo de organização limpa. O site oferece quatro menus suspensos, além de uma página de preços, no topo da tela. Cada menu contém links para partes relevantes de seu site. Isso torna mais fácil para as pessoas navegar e encontrar o conteúdo que desejam ver.

bom design do site

bom design do site

Boa  dica 4 de design de site : use bem o espaço em branco

Espaço em branco não significa espaço desperdiçado. Seu site deve ser projetado para ter um fluxo específico. Você deseja guiar os olhos de seus espectadores em uma direção específica para ajudá-los a digerir as informações que veem.

Jakob Nielsen examinou como as pessoas digerem o conteúdo da página. Ele descobriu que a maioria das pessoas escaneia o material que vêem. Se você não tiver espaço em branco suficiente em seu site, sua página ficará superlotada rapidamente. Isso torna difícil para as pessoas escanearem e entenderem efetivamente o que você deseja comunicar.

As páginas que contêm muito conteúdo também tendem a parecer muito ocupadas. Eles não parecem esteticamente agradáveis. Também pode ser confuso para usuários que não sabem o que você quer que eles façam na página ou para onde você quer que eles vão.

Use o espaço em branco para tornar seu conteúdo mais fácil de digerir. Organize seu conteúdo de forma que tudo na página esteja diretamente relacionado ao objetivo daquela página específica. Tudo o que não for necessário deve ser removido ou realocado para outra página onde fizer mais sentido.

Uma ótima maneira de ver o que as pessoas acham interessante em seu site é usar um mapa de calor. Isso permitirá que você saiba onde as pessoas olham em sua página e com o que não se envolvem. Você pode usar essas informações para ver se partes importantes do seu site tendem a ser negligenciadas e como o layout e o espaço em branco afetam os usuários. Os dados que você coleta podem ajudá-lo a otimizar ainda mais seu projeto .

Exemplos de  bom design de site

O Google pode ser o exemplo ideal de página de marca que usa bem os espaços em branco. Quando você chega ao Google.com, seus olhos vão imediatamente para a barra de pesquisa. Esta é claramente a ação que o Google deseja que você execute.

Barra de pesquisa

O mecanismo de pesquisa construiu sua marca em torno de fornecer a você resultados de pesquisa de alta qualidade. Eles deixam o propósito da página inicial claro com seu design. Embora existam outras opções na página - você também pode clicar para acessar o Gmail, fazer login em sua conta do Google ou pesquisar por imagens - sua ação provável será usar a barra de pesquisa padrão.

Você também pode ver esses elementos de design em outros sites. Considere o design de MailChimp.

bom design do site ao fazer um curso de designer 

Este site tem mais ações possíveis para você realizar devido à natureza de seu negócio, mas também usa bem os espaços em branco. Você não se sente sobrecarregado olhando para a página.

Sua declaração de valor está claramente escrita no meio da página. Eles também deixam a ação desejada clara para você: eles gostariam que você experimentasse a inscrição gratuita e iniciasse uma conta.