5 dicas para projetar sites de uma página que funcionam

5 dicas para projetar sites de uma página que funcionam

15 de September, 2020 0 By António César de Andrade
Click to rate this post!
[Total: 0 Average: 0]


Procurando por uma nova abordagem para projetar sites? Sites de uma página podem criar experiências mais memoráveis ​​e menos opressivas para os visitantes … quando projetados da maneira certa.

As escolhas de design inteligente podem ajudar a reduzir a fadiga e a frustração que as pessoas sentiriam ao usar a web.

Existem várias maneiras de os web designers minimizarem distrações, sobrecarga de informações e paralisia de análise. Por exemplo, projetar com abundante espaço em branco, trechos mais curtos de texto e paletas de cores relaxantes funcionam.

Sites de uma página podem ser outra escolha de design que vale a pena explorar.

Quando bem feito, um site de uma única página pode ser muito útil na criação de um ambiente mais simples e acolhedor para os consumidores sobrecarregados de hoje.

Com sua estrutura diminuta, deixaria uma impressão única e memorável nos visitantes. Além do mais, um site de uma página bem elaborado forneceria aos visitantes um caminho limpo, estreito e lógico para a conversão.

Para aqueles que usam os sites pré-construídos do BeTheme (ou estão pensando em adotá-los em seu próximo site), há boas notícias. Além da grande seleção de sites tradicionalmente estruturados disponíveis, o Be também possui sites de uma única página para você trabalhar.

Portanto, os aspectos técnicos que você precisa dominar para acertar a fórmula de uma página já estão resolvidos.

Vamos dar uma olhada em alguns dos recursos que fazem os sites de uma página brilharem e como você pode projetá-los:

1. Ofereça aos visitantes uma jornada sucinta pelo site e pela história da marca

Os sites de negócios típicos que você cria incluem páginas como Página inicial, Sobre e Contato, bem como páginas que explicam os serviços da empresa ou vendem seus produtos. A menos que você esteja criando páginas de destino de vendas realmente longas, geralmente há cerca de 400 a 600 palavras em cada página.

Ainda é muito conteúdo para os visitantes acessarem e pode tornar a leitura de um único site uma experiência avassaladora. Imagine como eles se sentem ao ler todo esse conteúdo quando precisam fazer isso várias vezes ao comparar outros sites e opções.

Em alguns casos, essa estrutura de site de várias páginas é um exagero. As informações com as quais você preencheria uma página inteira podem ser facilmente editadas para caber em um único painel ou bloco em um site de uma página e ainda ser tão úteis.

Por exemplo, como o estúdio de design e desenvolvimento Pixel Lab faz isso:

Pixel Lab

Observe como todos os pontos-chave são atingidos de maneira concisa e visualmente atraente:

  • O portfólio de trabalhos em destaque
  • A introdução sobre nós
  • As FAQs
  • O formulário de contato

O site pré-construído do BeCV é construído de maneira semelhante (e para uma finalidade semelhante também):

BeCV

Lembre-se de manter uma barra de navegação aderente sempre presente para que os visitantes saibam exatamente quanto conteúdo há na página.

2. Opte por uma navegação não tradicional para uma experiência única e memorável

Normalmente, a regra é que a navegação no site deve seguir um dos dois padrões:

  • Logotipo à esquerda, links de navegação à direita.
  • Logotipo à esquerda, menu de hambúrguer armazenando a navegação à direita (para celular ou desktop).

Existem vários motivos pelos quais esse layout é benéfico. Em última análise, tudo se resume à previsibilidade e conforto de ter uma navegação exatamente onde os visitantes esperam, não importa onde eles acabem em seu site.

No entanto, com um site de página única, esta é uma daquelas regras que você pode contornar, desde que tenha uma maneira de manter a navegação sempre presente e fácil de usar.

Existem alguns ótimos exemplos de sites de uma página que fizeram isso, geralmente optando por uma barra lateral estilizada alinhada à esquerda que contém links para as várias partes da página. Purple Orange é apenas um deles:

Laranja Roxo

E você pode usar um site predefinido do Be, como o BeHairdresser, para criar uma navegação semelhante para o seu site:

BeHairdresser

Se você está tentando fazer uma marca ousada se destacar, esta é uma opção de layout bacana para experimentar.

3. Conte uma história mais marcante visualmente

Um dos problemas de construir um site com WordPress é que você sempre precisa se preocupar em como suas decisões de design afetam a velocidade. Mesmo depois que o código é otimizado, as imagens geralmente são o fruto mais fácil com o qual temos de lidar.

Mas quando o seu site contém apenas uma página, isso significa que as imagens não são um problema (desde que você as comprima e redimensione). Somente quando você continua a adicionar páginas, produtos e galerias, é necessário reduzir seu conteúdo visual.

Portanto, se sua marca tem uma identidade visual forte e você deseja que o site a exiba por meio de imagens, um site de uma página é um ótimo lugar para isso.

Lembre-se de manter um bom equilíbrio entre texto e imagens, como faz a Vodka A:

Vodka A

Não há razão para uma empresa de distribuição de bebidas alcoólicas meditar quando as elegantes fotos dos produtos comunicam aos consumidores do que se trata.

Na verdade, esse estilo de página única com muitas imagens funcionaria bem para qualquer fornecedor que vendesse um pequeno estoque de produtos: alimentos, bebidas, caixas de assinatura, produtos de saúde e beleza, etc. E você pode usar o BeBistro pré-construído para cuidadosamente Faça-o:

BeBistro

4. Transforme uma ideia de negócio ou oferta complexa em algo simples de entender

Quando uma empresa vende uma solução técnica ou complexa para os consumidores, pode ser uma verdadeira dificuldade explicar o que ela faz e por que eles deveriam comprá-la.

Mas o problema é o seguinte: os consumidores realmente não se importam com todo esse material técnico. Mesmo que você explicasse como um aplicativo funciona ou como usa um software como Sketch ou WordPress para projetar um site, seus olhos estariam vidrados.

O que mais importa para eles é que você tenha uma solução eficaz e acessível em que possam confiar. Então, por que prendê-los com páginas e mais páginas de especificações técnicas e jargão de vendas?

Um site de uma página permite que você simplifique até as soluções mais complexas.

Veja o Critical TechWorks, por exemplo. Ele oferece uma solução tecnológica avançada para a indústria automobilística … e, ainda, isso é tudo de que precisa para explicar a tecnologia em funcionamento:

Techworks críticos

Se os visitantes do seu site estão mais preocupados com os resultados do que com o “como”, você faria bem em tornar o site e o conteúdo o mais fácil possível de digerir. E você pode usar um site pré-construído como o BeCourse para fazer isso:

BeCourse

Observe como os dois sites conduzem os visitantes por um pequeno punhado de seções (páginas) antes de levá-los à atração principal: o formulário de contato ou de inscrição.

5. Capture leads e vendas em diferentes estágios do funil de vendas

Alguns de seus visitantes serão novos no site e precisarão de mais informações antes de puxar o gatilho. Outros já terão uma boa ideia do que estão se metendo e só precisam de um pequeno empurrão para que entrem em ação.

Com um site de uma única página, você pode projetar cada seção para atender aos diferentes tipos de leads e clientes potenciais que chegam lá.

As seções superiores devem ser introdutórias por natureza, fornecendo aos novos visitantes as informações de que precisam para decidir se vale a pena buscar essa opção. As seções abaixo devem se aprofundar nas questões ou preocupações restantes dos clientes em potencial interessados.

Independentemente de qual seção eles estão olhando, seu site de uma página terá botões de CTA embutidos ao longo do caminho que os conduzem à conversão assim que estiverem prontos.

Isso permitirá que seu site esteja sempre preparado para converter leads, quer os visitantes leiam as duas primeiras seções ou percorram todas elas até chegarem ao ponto de conversão (por exemplo, um formulário de contato, uma página de checkout etc.).

Você encontrará um bom exemplo disso no site da Cycle, com CTAs estrategicamente posicionados ao longo do design da página única:

Ciclo

BePersonalTrainer é uma boa opção de site pré-construído se você deseja garantir que inclui um botão de CTA nos pontos de parada perfeitos em toda a sua página:

BePersonalTrainer

Você não os encontrará no final do cada seção, mas tudo bem. Você só precisa deles sempre que seus visitantes estiverem pensando seriamente em agir.

O que você deve construir: um site de várias páginas ou uma página?

Embora um site de página única não funcione para sites maiores (especialmente no comércio eletrônico), ele pode funcionar bem para sites de negócios que estão no lado menor, para começar.

Ao centralizar todas essas informações em uma única página, você criará uma experiência nova que impressiona os visitantes com o quão sucinta, mas poderosa, a mensagem e a oferta são.

Apenas tenha cuidado. Muitos sites de página única são mal feitos (o que provavelmente é o motivo pelo qual eles saíram de moda por um tempo).

Lembre-se: esta não é sua chance de jogar pela janela as regras de design da web. Na verdade, esta será uma oportunidade de limpar a confusão e a desordem que se acumulou ao longo dos anos e retornar a uma abordagem mais clássica e reduzida do design.

E com a ajuda dos sites pré-construídos de uma página da Be, não será necessário muito trabalho de sua parte para que isso aconteça.

[– This is a sponsored post on behalf of BeTheme –]



Fonte