Reiniciar meu site: transformações inspiradoras em sites

Publicados: 2023-02-13

Você já navegou na web e se deparou com um site tão impressionante que não pôde deixar de parar e admirá-lo? Redesenhos de sites inspiradores podem ser uma maneira poderosa de capturar a atenção de clientes em potencial e atraí-los. Quer você esteja procurando renovar um site desatualizado ou criar algo do zero, as transformações completas do site podem fazer toda a diferença.

Com uma combinação cuidadosa de cor, tipografia e layout, você pode criar algo agradável aos olhos e fácil de usar. O redesenho, quando feito da maneira certa, também ajuda a melhorar a relevância das palavras-chave e os tempos de carregamento da página, o que pode ajudar a aumentar a satisfação do usuário, bem como suas classificações de otimização de mecanismo de pesquisa (SEO).

Para provar esse ponto, vejamos um antes e depois da transformação de um redesenho de site concluído por meio de nossa iniciativa Reboot My Site. Juntamente com nossos amigos da Brizy, estamos ajudando pequenas empresas a renovar seus sites antigos e desatualizados. Além de dar a eles uma nova aparência, estamos ajudando-os a conquistar classificações de pesquisa com técnicas estratégicas de SEO.

Identificando sites que precisam de um redesenho

Para o projeto Reboot My Site, demos às pequenas empresas a chance de se inscrever para uma transformação completa do site. O primeiro site que selecionamos pertencia a 2 Guys and a Truck, uma empresa de mudanças em Cache Valley, Utah. O site foi redesenhado usando o EasyWP da Namecheap Cloud e o Brizy, o melhor construtor de sites para não-técnicos.

Antes de iniciar o redesenho, era essencial entendermos o que o empresário Aspen precisava do novo design, o que ele queria mudar e o que queria deixar intocado.

Depois de algumas reuniões e muito brainstorming, aqui está o nosso plano para o novo site:

  • Mantenha o nome de domínio estabelecido – twoguysandatruckllc.com
  • Mantenha as cores reconhecíveis da marca – laranja e cinza
  • Continue a ideia por trás do logotipo, mas atualize-o
  • Redesenhe todo o resto
E site antigo antes da reformulação

A página inicial precisava de uma proposta de valor melhor para que os visitantes pudessem ver exatamente o que a empresa faz à primeira vista. Uma nova imagem de herói e uma seção de comentários atualizada dariam ao design do site uma nova vibração dramática. Também havia a necessidade de um novo botão de chamada para ação (CTA) que levasse a uma página de reserva melhor.

O site recém-transformado para uma empresa de mudanças

Etapas para reformular o site

2 Guys and a Truck é uma empresa familiar que vem se destacando na comunidade local por ser rápida, prestativa e amigável. Mas enquanto esse revendedor autorizado da U-Haul estava obtendo excelentes avaliações de 5 estrelas on-line, seu site desatualizado precisava desesperadamente de uma reformulação para conquistar mais clientes.

No mundo on-line de hoje, a simplicidade é fundamental. No novo design, condensamos tudo em três páginas da Web — Início, Serviços e Sobre, e removemos qualquer desordem desnecessária.

A navegação superior após as transformações do site

Como um dos ativos mais importantes da empresa de mudanças, movemos as avaliações dos clientes para a página inicial para demonstrar confiança. E para garantir que as pessoas possam perguntar facilmente sobre como reservar uma mudança, colocamos estrategicamente os botões “Reserve sua mudança agora” em vários locais. Além disso, entrar em contato com 2 caras e um caminhão agora era mais direto, com e-mail, localização e telefone de contato convenientemente colocados no rodapé da página.

Exemplos de reformulação de site impressionante

Dizem que uma imagem vale mais que mil palavras, e essa afirmação não é mais evidente do que no logos. O antigo logotipo 2 Guys and a Truck foi desenhado à mão pelo irmão do proprietário e mostrava dois caras carregando um sofá em um caminhão enquanto um cliente relaxava em cima. Nossa equipe de design modernizou o estilo, mantendo as principais características do logotipo anterior.

Exemplos de logotipo antes e depois para uma empresa de mudança

Mantivemos as cores primárias da marca associadas ao antigo site – laranja e cinza – e as suplementamos com cores secundárias, como amarelo e azul, para ilustrações e planos de fundo.

Em vez da lista mal formatada e desorganizada na página Serviços, dividimos os serviços em cinco categorias lógicas. Essa reorganização tornou mais evidente para os potenciais clientes o que a empresa de mudanças local oferece, e associou as descrições de cada serviço com informações de preços simplificadas.

Lado a lado da página de serviço de uma empresa em movimento antes e depois de uma reformulação

Reformulamos completamente a página Sobre. O texto foi substituído por imagens que estabeleceram uma conexão humana. Também lembramos aos clientes que a 2 Guys and a Truck era uma concessionária U-Haul autorizada e oferecia uma “Promessa de equiparação de preços”. A associação com uma marca conhecida e conceituada como a U-haul foi importante para a Two Guys and a Truck.

Hospedagem WordPress baseada em nuvem e ferramentas de design para o resgate

Os designers usaram o poderoso e rápido construtor de sites Brizy para fazer a mágica. Os blocos, como são conhecidos no Brizy, ajudam a organizar cada seção da página.

Escolhemos um bloco ideal para a cabeçada e trabalhamos a partir daí. Nossos designers ajustaram cuidadosamente os tamanhos e cores e adicionaram o logotipo e os botões do menu. Então, como na construção de uma casa, adicionamos novos blocos um por um enquanto começamos a criar uma nova casa para 2 caras e um caminhão.

Uma navegação sendo editada no WordPress

Nossa equipe trabalhou para renovar a seção de avaliação do cliente — um ponto de venda integral para o negócio. Eles precisavam ser destacados e dinâmicos, por isso optamos por um design em carrossel na página inicial. Os blocos e modelos predefinidos de Brizy tornaram isso muito fácil - nem precisamos escrever uma única linha de código.

Os layouts podiam ser facilmente personalizados com apenas alguns cliques, e as ilustrações fantásticas e personalizadas que projetamos para Two Guys and a Truck estavam começando a tomar forma.

Sabíamos que a maioria dos clientes visualizaria o site por meio de dispositivos móveis, por isso era crucial criar uma versão móvel responsiva e polida. Felizmente, as colunas móveis responsivas da Brizy simplificaram a visualização e o ajuste dos elementos.

Exemplos de um layout móvel de um site redesenhado.

Dicas para redesenhar um site eficaz

Redesenhar um site pode ser intimidador, mas com preparação e estratégia adequadas, pode ser um empreendimento bem-sucedido.

Faça um brainstorm de ideias : antes de iniciar qualquer reformulação do site, é importante fazer um brainstorm de ideias sobre como você deseja que seu site seja. Considere que tipo de imagens, fontes e cores você gostaria de incorporar e pense em como deseja a experiência geral do usuário.

Pesquise e avalie : depois de ter ideias para o redesenho do site, reserve um tempo para pesquisar os sites existentes e avaliar seus recursos. Esse planejamento ajudará você a entender o que funciona e o que não funciona e pode ajudá-lo a incorporar melhor os elementos em seu site.

Teste e mantenha a atualização : é essencial testar seu site regularmente e fazer novas alterações sempre que necessário. Essa prática ajudará você a identificar quaisquer problemas rapidamente e fazer as alterações necessárias. Lembre-se de pedir feedback de seus usuários, pois isso pode ajudá-lo a entender melhor o desempenho do seu site.

Os benefícios a longo prazo de um redesenho do site

Um redesenho de site como este do projeto Reboot My Site pode melhorar drasticamente as vendas. Ele fornece uma melhor experiência do usuário, aumenta a visibilidade do site e ainda o torna mais eficiente. Com um site bem projetado, os clientes estarão mais inclinados a permanecer, explorar e comprar em seu site. Seguindo este exemplo, você pode facilmente redesenhar seu site com pouco ou nenhum custo extra e muita criatividade.