Os 8 tipos diferentes de sítios Web e como os desenhar

P>Prestar atenção ao desenho de sítios Web é crucial para construir o seu negócio. Existem agora quase 1,7 mil milhões de websites em linha, que fornecem muitos tipos diferentes de websites a estudar, mas também muita confusão sobre que tipo e design funcionarão melhor para si.

As a designer or small business owner, é necessário estar familiarizado com todos os diferentes tipos de páginas web que existem por aí, para que possa decidir qual irá satisfazer as suas necessidades. O estudo dos concorrentes que escolheram e a realização de testes permitem-lhe criar o formato perfeito para cada marca e a sua base de clientes.

Aqui estão os 8 tipos diferentes de websites:

Homepages-

A página inicial é o centro principal do seu site e serve como a cara de uma marca.

A sua página inicial ajuda os visitantes do site a chegar a diferentes áreas do site, e também pode servir como um funil de conversão. Uma vez que a maioria das pessoas vem ter consigo através da sua página inicial, é aqui que o design é mais importante.

Uma página inicial pode assumir muitas formas diferentes, mas ao desenhar é importante lembrar o objectivo da página inicial como principal navegação e ponto de interesse para os visitantes do site. Deixar claro o que é o negócio e oferecer a proposta de valor único (UVP) com antecedência. Estabelecer a hierarquia e a estrutura de navegação do sítio na página inicial. Utilizar a paleta de cores, logotipo e imagens da sua marca altamente relevantes para o negócio. A página inicial define o tom da imagem da empresa, pelo que deve contar uma história sobre quem você é através de imagens e palavras.

Matcha Kari é um excelente exemplo deste tipo de homepage websites. Note a navegação no topo da página que estabelece o tom para o que encontrará no site. Uma vez que a página serve como o início do funil de conversão, os visitantes podem obter um cupão, subscrever a lista de correio ou ver um vídeo sobre os seus produtos.

Websites de revistas-

Um website de revista apresenta artigos, fotografias e vídeos que são informativos e educativos. Nos últimos vinte anos, a indústria das revistas mudou de uma plataforma apenas de impressão para um formato largamente digital. O tipo de sítio web de revistas funciona bem para sítios web informativos, particularmente publicações de universidades e organizações.

Como se pensa em criar um sítio web de revistas, comece por construir uma estrutura básica. Os utilizadores devem ver um layout semelhante, independentemente do dia em que aterrem na sua página inicial, e cada artigo deve ter um layout e uma navegação semelhantes. Tenha em mente como o design geral é sensível a diferentes tamanhos de ecrã para garantir que o seu conteúdo seja facilmente legível tanto em desktops como em smartphones.

Urban Omnibus é um website de revista online com um layout de revista bastante tradicional. O tema da sua edição actual é destacado com uma imagem de herói e uma caixa descrevendo o que está no artigo de reportagem. Sob o artigo em destaque encontra-se um esquema de grelha de cada coluna da revista com uma imagem, manchete e breve descrição do que os leitores encontram dentro de cada artigo.

E-commerce websites-

Um website de comércio electrónico é um destino de compras online onde os utilizadores podem adquirir produtos ou serviços da sua empresa.

Uma página web de comércio electrónico robusta facilita a pesquisa de produtos, filtra por categorias, destaca vendas especiais e faz compras.

Uma forma fácil de começar é através de uma plataforma de comércio electrónico de solução completa, como Shopify ou Squarespace. A sua equipa pode facilmente actualizar o inventário online e listar novos produtos. Além disso, porque o sistema está interligado, as vendas, a logística e o marketing são todos mantidos informados sobre o que está a funcionar bem. Na frente do design, as plataformas de comércio electrónico oferecem vários modelos que correspondem às necessidades de quase qualquer tipo de negócio.

Flipkart vende uma vasta gama de produtos, o que significa que há muitos artigos apresentados na sua página inicial. Note como dividem os artigos em categorias específicas, mas também oferecem ofertas destacadas do dia na sua homepage. Cada imagem é profissional e mostra claramente o produto, mas as descrições são inicialmente breves, com mais detalhes na página do produto.

Blogs-

Um blogue apresenta artigos, fotos e vídeos actualizados regularmente. Os blogues começaram com um conteúdo mais casual e pessoal em comparação com as revistas. Mas desde então, as linhas têm-se esbatido, e agora é extremamente comum que as grandes marcas e empresas tenham o seu próprio blogue. A adição de conteúdo especializado melhora a credibilidade geral de uma empresa ou de um indivíduo. Os blogues também fornecem material para publicações nas redes sociais e campanhas de correio electrónico.

No entanto, um blogue também pode tornar-se incómodo para as empresas mais pequenas. Certifique-se de que dispõe de uma equipa e estratégia para manter o conteúdo fresco antes de considerar o lançamento de um. É melhor não ter um blogue e, em vez disso, oferecer alguns vídeos ou guias, do que ter um blogue irremediavelmente desactualizado.

Nourish Eats mantém as coisas simples e centradas no conteúdo do seu blogue. Em vez de utilizar um selector no topo da página, o site integra um selector rotativo à direita, que percorre as diferentes categorias do site. O deslizador mantém o conteúdo fresco e envolve os utilizadores. Os utilizadores podem navegar em qualquer ponto ou usar as setas para avançar ou retroceder.

Portfolio websites-

Um website de portfólio permite aos profissionais criativos um lugar para mostrar o seu melhor trabalho. Isto é perfeito para artistas, escritores, designers, cineastas, construtores de mobiliário – é só citar.

Como se constrói um portfólio, não há necessidade de acrescentar todos os projectos em que já trabalhou. Em vez disso, concentre-se em criar categorias de itens e destacar o melhor trabalho de cada categoria. Um website de portfólio é um pouco mais criativo por natureza, por isso este é o lugar para experimentar layouts únicos e adicionar características interessantes.

O portfolio online para o designer Gautier Maillard é a mistura perfeita de criatividade e melhores destaques do projecto. À medida que o utilizador percorre a página, diferentes imagens são realçadas. Clique em qualquer imagem, e verá campanhas publicitárias do projecto. Se quiser saber mais sobre o designer, clique no botão sobre navegação no canto superior direito e saiba que ele vive em Paris, onde estudou e em que projectos trabalhou. Este layout e estratégia funcionam porque o foco está no seu trabalho real e o texto é limitado. Os utilizadores processam e recordam melhor as imagens do que apenas o texto.

Páginas de aterragem-

Uma página de aterragem é um tipo específico de página criada para uma campanha de marketing que leva os visitantes a tomar uma acção específica.

O conteúdo de uma página de aterragem deve ser limitado e apontar para a chamada para a acção (CTA) que gostaria que o utilizador tomasse. Dê bastante espaço em branco à volta da sua CTA e guarde elementos não relacionados com o objectivo dessa campanha para outras páginas.

página de aterragem experimental gratuita da Shopify fornece manchetes e chamadas à acção simples, tais como “Iniciar avaliação gratuita”. Todos os elementos da página conduzem o comprador através de uma viagem muito específica, destinada a torná-los numa pista qualificada. Utilizam imagens relevantes e modernas e adicionam um pouco de efeito 3D com os óculos de sol no canto ao mesmo tempo que mostram como é o layout de um dos seus sites de compras.

Sites de media social-

Existem aproximadamente 2,77 mil milhões de pessoas nas redes sociais com dezenas de plataformas diferentes disponíveis. Não importa quem é o seu público-alvo, provavelmente irá encontrá-los no Facebook ou Twitter ou Instagram ou Snapchat ou LinkedIn. Embora não possa redesenhar as próprias plataformas, tem algum controlo sobre a aparência da sua página, e pode criar conteúdos que impulsionem as partilhas de redes sociais.

Vá para uma aparência consistente em todas as suas páginas de redes sociais e páginas web, para que os utilizadores saibam imediatamente que a sua marca está por detrás da página. Utilize o mesmo logótipo e as mesmas escolhas de cor. Escolha uma voz e personalidade específicas que brilhe em todo o conteúdo.

Quando criar conteúdo, concentre-se em coisas que tenham um elevado potencial de ser partilhadas nas redes sociais, tais como vídeos divertidos, infográficos, memes, relatórios detalhados e ofertas gratuitas.

A página da Nutella no Facebook mostra uma mistura interessante de conteúdos que se alinham todos com a paleta geral de cores e o aspecto da marca. Apresentam memes feitos especificamente para as redes sociais, tais como “Hoje, vou partilhar a minha Nutella com…”. Contudo, também oferecem vídeos e ideias sobre como utilizar o seu produto de formas únicas. Note como também possuem botões de social media no seu website para que os utilizadores os encontrem facilmente nas diferentes plataformas.

Directório e páginas de contacto-

Um directório ou página de contacto é um local onde os utilizadores se podem ligar consigo ou com outros.

Este tipo de website funciona bem quando se pretende listar um repositório de empresas ou pessoas dentro de uma organização. Por exemplo, um directório de restaurante local apresenta restaurantes na área com menus, gamas de preços, número de telefone e opiniões.

A natureza de uma organização cria uma oportunidade para um website de directório. Por exemplo, uma associação de dentistas locais de uma cidade pode listar cada membro, a sua área de especialização e as suas informações de contacto. Mantenha esta opção de design no seu bolso de trás para clientes.

Manta é um directório de empresas que apresenta pequenas empresas com base na localização. Para além da capacidade de pesquisa por palavra-chave, o site oferece a navegação por categoria em áreas como restaurantes, empreiteiros e médicos. As empresas podem adicionar uma entrada ao directório e o site ganha dinheiro através da publicidade.

Escolha o tipo de site certo para a sua audiência-

O design de qualidade é muito mais do que simplesmente uma aparência apelativa, mas também conduz ao envolvimento do utilizador e é altamente direccionado para as necessidades da audiência que visualiza o site. Preste atenção ao que outras empresas fizeram com o design do seu sítio web e identifique rapidamente qual o formato que funciona melhor para cada projecto. Saber o que outras empresas conseguiram com diferentes tipos de páginas dá-lhe uma forte sensação do tipo de website que funcionará melhor para si.