Comparativo de Sites: Azul x WebJet
Porquê hoje todos os sites devem ser retos e quadradões (assim como este blog)? Que tal dar uma quebrada nisso? Ousar um pouquinho sem fugir da regra?
Pensando em comentar essas e outras hoje inicio uma série de comparativos entre sites, bem no estilo dos comparativos das Quatro Rodas. 
Começaremos essa série com o comparativo dos sites de duas empresas aéreas brasileiras, a WebJet e a Azul. A primeira faz parte do grupo CVC, está no mercado desde 2005 e hoje é a 4o empresa aérea em participação no mercado brasileiro. Já a Azul é a mais caçula, foi criado no final de 2008 e já está entre as 3 maiores do Brasil, a frente da WebJet.
Antes de comparar os sites é importante entender os objetivos das duas empresas. Ambas são empresas que utilizam as políticas de baixo custo para oferecerem valores menores de passagem. Na realidade hoje toda companhia brasileira segue essa política de baixo custo, oferecendo amendoins, snacks, barras de cereal, e espaço apertado no avião porém nem sempre com baixas tarifas.
Aliás, vamos fazer justiça, na Azul o espaço entre as cadeiras é um pouco maior.
Sabendo quem são as empresas e o que elas propõe, vamos aos sites.
Azul
O site da Azul é predominantemente na cor… azul. Utiliza variações de azul escuro, claro e toques de azul um pouco mais brilhante. Possui grandes massas de branco, optando por não utilizar background. Podemos dizer que se trata de um layout correto, seguindo linhas e colunas bem visíveis, no estilo reto e quadradão.
Pontos fortes
O layout é leve, carrega rápido e fácil de entender. De forma bem objetiva coloca como destaque principal o formulário de consulta e compra de passagens.
Isso é perceptível por estar logo abaixo do logotipo, no canto superior esquerdo. Sabemos que nós ocidentais costumamos ler da esquerda para a direita, começando de cima para baixo. Portanto o logotipo nesse caso é o primeiro a ser visto. Já o segundo elemento abaixo dele acaba herdando esse destaque. Veja então que o posicionamento dos elementos pode ser uma boa maneira de destacar e chamar a atenção.
As chamadas de promoção são bem vistosas, seguindo à risca a identidade visual da empresa, sempre com fontes Franklin Ghotic.
As animações são sutis, não chegando a poluir ou pesar.
Pontos fracos
O layout não impressiona nem enche os olhos, apesar de cumprir seu objetivo que é facilitar a venda de passagens.
As chamadas das promoções pedem um clique. Tentaram resumir as promoções apenas no espaço da chamada mas muitas vezes queremos nos certificar de regulamento, saber mais sobre as ofertas oferecidas ou até mesmo mais detalhes sobre a nova rota anunciada pela empresa. A chamada aparece, automaticamente dá aquela vontade de clicar mas nada acontece.
O uso de jatos Embraer do porte que a Azul utiliza é uma novidade entre as companhias brasileiras. Isso é um grande diferencial e por isso merecia um destaque maior, inclusive com uma página exclusivamente para mostrar a aeronave, com fotos do seu interior e outros detalhes do avião.
WebJet
O site da WebJet foi remodelado recentemente e logo de cara impressiona. Fugindo completamente do padrão reto e quadradão, o layout da WebJet ousa em meio a curvas diversas cores, algo difícil de trabalhar e harmonizar.
Pontos fortes
O layout apesar de bem colorido é leve visualmente, devido as curvas que causam suavidade e lento movimento. Basta imaginar uma bandeira. Quando a bandeira tem curvas bem longas, movimentando com o vento, seu movimento de balanço é lento. Já quando a bandeira tem curvas muito próximas entre elas, trata-se de uma bandeira pequena próximo de um ventilador, causando um movimento bem rápido. Essas sensações podem ser transmitidas no layout, mesmo sendo uma imagem estática. É o caso do layout da WebJet com suas longas curvas.
Bandeira com curvas pequenas: movimento rápido
Bandeira com curvas longas: movimento suave
Além disso ela faz bom uso do gradiente. Efeitos de gradiente servem para dar profundidade. São efeitos de sombra e brilho. Elas devem passar realidade para ficarem legais. Por isso nunca recomendo gradientes fortes e de cores muito contrastantes como azul para vermelho, branco pra azul escuro. Esse tipo de gradiente não existe na natureza. Já o que vemos o gradiente suave que vemos no background do WebJet, um azul claro para um azul um pouco mais claro realmente nos remete ao gradiente de um bonito céu com poucas nuvens.
O mix de cores é feito em harmonia com o verde característico do padrão visual da WebJet. A chamada animada se revelando em meio a duas barras curvas no topo em no rodapé é o grande barato desse layout, com detalhes bonitos da animação, bem coloridos e dando alegria e vida ao site.
Sempre digo que um bom layout é feito de pequenos detalhes. Esse é o caso, note as chamadas texto seguindo a coluna curva, algo complicado de se montar e que aqui funcionou muito bem. Um exemplo de ousadia.
Além disso outros detalhes seguem o conceito de revelação, onde parte parecem escondidas atrás de outros elementos visuais, o que causa um bom impacto e curiosidade.
A animação sutil da lua e da estrela no rodapé dão um charme a mais.
Pontos fracos
O logotipo parece camuflado em meio as cores. Está pequeno e sem vida. Uma solução seria aumentar a porção de branco por trás do logotipo e aumentar o “webjet” em relação ao avião.
Assim como na Azul, as chamadas também pedem clique.
Um dos problemas de layouts curvos e cheios de firulas é que ele com imagens desabilitadas perdem completamente a identidade. No caso da WebJet sequer sei que site se trata. Parece besteira mas isso é de grande importância quando se acessa através de celulares, smartphones ou com dificuldades de conexão
Conclusão
Em matéria de impacto visual, sem dúvida a WebJet se destacou. Em praticidade e rapidez de acesso a Azul. No final o layout sempre ficará dependente dos objetivos da empresa. Se o objetivo é ambientar o internauta numa atmosfera de vida, alegria, felicidade e humor, a Webjet conseguiu o objetivo. Agora se o objetivo era ter um site rápido, fácil, do tipo pá-pum, entrou, comprou, voou, a Azul saiu na frente.
E vocês, o que acham? Viram mais pontos fortes e fracos nos dois sites? Comenta pra gente!
Para o alto e Avante!
18 comentarios on “Comparativo de Sites: Azul x WebJet”
Comente!
Procurando por
Cursos?
Conheça os cursos ministrados por mim, através da Internet
|
Receba todas as dicas do blog AVANTE no seu e-mail, de forma prática e rápida. Fique sabendo sempre que novos textos forem publicados. Para isso, cadastre seu e-mail no campo abaixo |
BUSCA
CATEGORIAS
- Backgrounds
- Banco de Imagem
- Botões
- Comparativos
- Comunicação
- Cores
- CSS
- Curso Grátis de HTML
- Cursos
- DreamWeaver
- Fireworks
- Fontes
- HTML 5
- Ícones
- Identidade Visual
- Ilustração
- Inspiração
- Internet
- Joomla
- Livros
- Logotipos
- Menus
- Mercado
- Motivação
- Outros
- Palestras
- Photoshop
- Pincéis/Brushes
- Publicidade
- Texturas
- Tipografia
- TV Avante
- Usabilidade
- Utilitários
- Vetoriais
- Webdesign
- Wordpress
Isso ae.. boa comparação Brunão, tudo depende do real objetivo do site.. mais com certeza, visualmente falando o site da webjet ganha da Azul.
Parabéns pelo blog!
26-11-09 » 4:06 pm »
Belo comparativo Bruno!
Eu prefiro o site da Azul, a simplicidade no layout focou nos serviços da empresa, já o da webjet é feito em tabelas o que não é bom e esta muito colorido.
Parabéns e até mais Brunão.
Abraços!
26-11-09 » 4:29 pm »
O template da webjet podia ser feito todo em CSS não!? Outra coisa bizarra é o avião do banner que não sai do lugar, tá mais pra um helicóptero!
Muito bom o comparativo!
26-11-09 » 4:54 pm »
Parabéns pelo artigo, muito bom. Vou acompanhar essa série!
Abraços!
26-11-09 » 5:32 pm »
Achei o da Azul umas 5 vezes mais pertinente, lembra até uma passagem aérea quando elas eram emitidas, espaços quadrados e definidos. O Site da webjet parece ter sido desenhado para voos panorâmicos sobre o mar do nordeste, sei lá ficou estranhamente marinho, a estrela parece mais uma estrela do mar, talvez seja isto. No IE7 para variar o site da webjet não tem o script de aceitação do código flash, ficando aquela chatice de clique aqui para……
26-11-09 » 6:45 pm »
bom artigo Bruno, já queremos mais!
26-11-09 » 7:06 pm »
Concordo, o avião do banner tá mais pra um helicóptero!
[Webjet #fail]
26-11-09 » 7:14 pm »
Olá Bruno, tudo bem?
Acompanho seu blog e seus sites desde o início e desde aquele tempo você cita algo que deveria mudar(revolucionar) no layout dos sites, sair do padrão “reto”, concordo com isso, mas em partes.
Qual site será que vende mais passagens pela média de visitas? Se o da WebJet vender mais com certeza teremos que começar a repenssar nos layouts ecommerce. O layout da Azul é mais o padrão e onde o usuário está acustumado a navegar, por isso acho que no final das contas ele é melhor. Depende muito do resultado final e o que realmente importa para o cliente (normalmente é o dinheiro rs).
Continue com esses ótimos posts. SHOW!!!
Abraços.
Felipe.
26-11-09 » 7:26 pm »
E ae Bruno tudo beleza?
Cara… há um tempo atrás fui obrigado a fazer um blog pela professora de comunicação dirigida eletrônica… eu curto web, tenho curso de webdesigner mas não atuo nesta área no momento… e já que eu não tinha um assunto pra fazer um blog acabei fazendo um comparativo entre sites, nesse mesmo estilo que tu fez (mas não na mesma qualidade, é claro!) bom…voltando ao assunto…. eu fiz o blog sobre comparativo de sites… comparei os do discovery channel com o national geografic… o do Inter (meu supertime) com o do Gaymio, do Atlético e o do Cruzeiro…enfim… dá uma olhada lá… porque acabou ficando bem parecido…huahuaha… grande abraço e obrigado por todas as suas dicas que sempre me ajudam muito!
http://www.scenarioweb.blogspot.com
(eu não atualizo mais ele… esta disciplina já acabou)
26-11-09 » 7:35 pm »
Na verdade quem sai na frete é o site da Azul. O público dele quer comparar preços e comprar, e não ver se o site é bonito ou não. No caso dos sites de companhias aéreas as maiorias das pessoas que visitam querem praticidade.
Abraços a todos.
26-11-09 » 8:07 pm »
O mundo corre ! Queremos objetividade com eficiencia e eficácia.
A Azul deu de 10 na Webjet.
Sei lá…o da Webjet parece site de “não sei o quê “.
26-11-09 » 8:37 pm »
Realmente o site da WebJet é mais bonito, porém o da Azul mostra mais seriedade, e por ter uma melhor usabilidade, eu fico com ele.
27-11-09 » 1:22 pm »
O site da Azul ficou parecido com estilo governamental, os brasileiros mais especificamente. Já o da Webjet remete a sites de chacarás, pousadas e venda de apartamentos em novos condominios. Eu particularmente optaria pelo site da Azul.
30-11-09 » 5:10 pm »
Hehehehe, depende muito do objetivo da empresa, no caso acho que a Azul saiu na frente por causa da sua facilidade, simplicidade e objetividade. O site do Webjet é bonitinho e engraçadinho, mais parece site de humor ou sei lá.
Vlw Brunão, estou ansioso pelo próximo artigo da série.
02-12-09 » 12:51 am »
Parabéns pela comparação. Muito bem articulada. Eu gosto dos dois sites e acho que essas companhias aéreas ainda pecam por não fazer com os sites funcionem 100% em todos os navegadores. Este ponto fraco deveria também ser comentado.
02-12-09 » 4:22 pm »
Gostei da idéia dessa serie.
Acho que tudo tem seu lugar e momento. Site retos e cor neutras para acesso rádipos e objetivos. E site “orgânicos” com curvas, cores e firulas para site subjetivos e de acesso mais demorado.
Parabéns Bruno
Me diz uma coisa, porque a logo da Avante não tem link pra home? …rs
04-12-09 » 2:43 pm »
Muita boa a série, parabéns! Que venham muitas e muitas comparações por aí!
09-12-09 » 3:06 pm »
Bem achei o site da Azul mais focado nos clientes.
27-12-09 » 7:22 pm »