Passeando pela guia “Explore” do Wix, pude observar vários sites criados na ferramenta, a maioria sites estrangeiros e muito bem elaborados, às vezes parece que o pessoal lá de fora é mais caprichoso quando o assunto é design web.
Então cliquei em algumas opções e fiquei analisando alguns designs que, além de apresentarem grande profissionalismo e dedicação, seus criadores aplicaram uma boa dose de criatividade, deixando o resultado final simplesmente formidável.
Enfim, separei alguns desses modelos para que possamos ver os efeitos finais que ficaram na disposição dos elementos.
Uma imagem diferente para cada página no cabeçalho
Começamos com um visual criativo proposto pelo site Tandala Camp, em que uma imagem diferente aparece no cabeçalho conforme a navegação entre uma página e outra. Confira seu funcionamento no link abaixo, navegue entre algumas páginas:
Como fazer:
É muito fácil criar esse tipo de efeito, basta inserir a imagem no cabeçalho do site, sem marcar a opção “Mostrar em todas as páginas“. Insira uma imagem diferente conforme o assunto de cada página do seu site. O resultado será exatamente o mesmo como mostrado no modelo.
Bordas onduladas no Menu
Esse não é bem um efeito, mas sim um estilo. De qualquer modo, se bem aplicado ele se torna um design chamativo e incomum. Podemos ver o uso desse estilo no site seguinte, observando o menu do mesmo.
Como fazer:
Basta acessar as configurações do menu, clicando sobre ele e selecionando a opção: “Trocar Estilo >> Personalize este Menu” e em seguida, escolha o estilo chamado “Sloppy Border Menu“.
Combinando imagens sem fundo ( PNG)
Imagens sem fundo são uma mão-na-roda para quando estamos desenvolvendo um site, ela dá maior liberdade de criação, pois seu fundo transparente permite que a imagem seja posicionada nos melhores locais da página.
Um exemplo disso é o site Blick Kick, que usou uma imagem PNG para mostrar os integrantes da equipe de profissionais que trabalham na empresa. O resultado final ficou ótimo:
Como fazer:
Não tem segredo, basta ter uma imagem PNG ( fundo transparente) e inseri-la no local desejado.
Nesse site é possível ver como remover o fundo de uma imagem, acesse aqui. Veja aqui um tutorial de como usá-lo.
Logo isolado na página inicial
Manter uma imagem, nome ou logo da empresa, destacada isoladamente na página inicial, é uma maneira de chamar a atenção para a sua marca, focalizando os olhos do visitante ao nome ou imagem da empresa. Essa técnica foi usada pelo design gráfico LIAM PRONIEWICZ, que deixou somente a logo no formato de um L e um P, como introdução do site.
Para abertura completa do site, basta que o visitante clique na imagem da logo.
Como fazer:
Nem preciso dizer que é super simples criar esse efeito, apenas centralize uma imagem na sua homepage e insira nela o link para uma página importante, como Portfólio, Quem somos, etc.
Imagens com links
Usar imagens com links é criar um tipo diferente e único de menu. Essa combinação sempre resulta num efeito incrível e elegante.
Exemplo disso é o que vemos no site da Elisa Lavazza, na página Portfólio, ao invés dela criar uma lista simples de categorias, ela adaptou a sua atividade à usabilidade do site, o que ficou perfeito, confira no link abaixo:
Como fazer:
É preciso fazer uma combinação de imagens de preferência sem fundo e que estejam relacionadas à atividade da empresa. Esse “menu” personalizado também pode ser inserido na página inicial. No restante, não tem mistério, basta inserir um link específico para cada imagem da página.
É isso! Esse é um exercício muito interessante, pois assim podemos ver o quanto os recursos do Wix podem ser melhor explorados e o quanto um mesmo item pode receber diferentes estilos.