Posts marcados com ‘Web Design’

Case – Dentalclean CIOSP – Hotsite

30-01-2010

Criar e planejar abordagens para hotsites é algo que adoramos fazer. Isso porque o hotsite geralmente é algo muito sucinto mas que precisa ter um impacto muito maior do que um site comum, e sua permanência curta na web nos obriga a garantir que ele seja memorável, útil, quase que definitivo e que simplesmente dê conta do recado! Um hotsite é um filho que já nasce com vida curta…

Pois bem. No dia 14 de janeiro, uma tarde bem quente e chuvosa, recebemos um e-mail da Dentalclean: reunião pra ontem. E com ela nos chega o briefing e o prazo: apenas 12 dias para esquematizar, layoutar, animar, programar e entregar um hotsite especial para o CIOSP, o Congresso Internacional de Odontologia de São Paulo. A necessidade era de um hotsite de uma página apenas, voltada aos profissionais da área de saúde bucal, de apelo visual marcante. Nela, deveríamos exibir uma série de produtos escolhidos a dedo, e a página deveria contemplar a possibilidade de fazer um orçamento de produtos em tempo real!

Orçamento de pedidos em tempo real? Yes, we can!

Orçamento de pedidos em tempo real? Yes, we can!

Seguindo o briefing, desenvolvemos uma página seguindo as tendências usadas por algumas das maiores empresas de produtos para cuidados bucais do mundo sem, claro, deixar de dar todo o toque Dentalclean + Liquid ao projeto.

Quem? Nada mais nada menos que Cesar Cielo, Maurren Maggi e Tiago Camilo, estrelas da campanha Dentalclean!

Quem? Nada mais nada menos que Cesar Cielo, Maurren Maggi e Tiago Camilo, estrelas da campanha Dentalclean!

Um dos destaques da campanha 2010 da Dentalclean é a presença das estrelas do esporte Cesar Cielo (medalhista de ouro na natação em Pequim e campeão mundial), Maurren Maggi (atualmente, é o maior nome do atletismo feminino brasileiro, e medalhista de ouro em Pequim no salto em distância) e Tiago Camilo (judoca campeão mundial e vice- campeão olímpico em Pequim). E como não poderia deixar de ser, os atletas brilham também na campanha do CIOSP. Inclusive, no hotsite, é possível ver um dos comerciais da marca, um VT de 15″ veiculado em rede nacional.

Para finalizar, o profissional de saúde poderá, além de saber o valor de seu pedido em tempo real, enviá-lo imediatamente à Dentalclean e, além disso, poderá personalizar alguns produtos (escovas dentais, fio dental, etc) com seu nome, telefone e endereço. E ainda ganhará brindes! :)

É um grande prazer para nós da Agência poder atender uma empresa respeitadíssima em seu meio e com produtos de qualidade excepcional (sim, nós usamos produtos Dentalclean. Adoramos em especial a escova e o fio dental)! Este é o segundo projeto em parceria que tivemos e, como o anterior, já está sendo um sucesso!

Confira o case final em nosso laboratório de projetos (obs.: sem funcionalidades de envio de e-mail!). Ele também está em destaque na home page do nosso site.

Um grande abraço e até a próxima!

Obs.: Dúvidas com relação a este projeto? Envie um e-mail ou uma mensagem em nosso MSN e teremos o maior prazer em responder!

Web design – Preview do novo site da GET

12-01-2010

O ano começou corrido. Estamos trabalhando incessantemente em vários projetos novos, além das manutenções em nossos clientes fixos! Um de nossos clientes de longa data, a GET (Global Energy and Telecom) vai ganhar uma nova cara em breve, e a repaginada é apenas uma das “atrações” do perfil web da GET. Quer ver como está ficando?

Preview do site da GET. Lorem ipsum... :)

A ER-BR também ganhará um site novo, seguindo os moldes do site de seu principal produto, o Purifilt. A empresa está lançando uma série de geradores de energia a gás de última geração, e o foco do projeto concentrará todos os itens necessários para a divulgação dos benefícios dos produtos.

Por enquanto, é isso! Em breve, muito mais novidades. Estamos trabalhando em uma apresentação institucional excepcional para um de nossos clientes, e logo logo colocaremos mais detalhes aqui ;)

Lembramos que todas as telas publicadas aqui também estão em nosso Flickr. Você pode conferir através do ícone Galeria de Fotos da barra na base da janela do seu navegador!

Um grande abraço e até o próximo alô! :D

Construindo páginas de entrada (landing pages) para o Google AdWords

07-01-2010

Todos sabemos a importância de construir boas páginas de entrada em um site, e isso já é consenso mundial entre profissionais desde que a web é web. Entretanto, quando o assunto envolve cliques do AdWords, essa importância tende a ganhar um peso ainda maior. Afinal, há dinheiro envolvido, e as conversão do clique em venda depende unicamente da perfeita integração entre o seu anúncio e o que o usuário irá encontrar se decidir clicar nele.

Preparamos algumas dicas para auxiliar o designer a otimizar suas páginas de entrada para os anúncios do AdWords, ou ainda ajudar o dono do site a identificar problemas no design (e descobrir porque as vendas não estão acontecendo…). Lembramos, aqui, que “página de entrada” (landing page) é onde o clique no anúncio nos leva, podendo ser a página inicial do site ou outra preparada exclusivamente para a campanha.

1. Aprenda com quem entende.

Otimização de páginas de entrada é um ramo que possui um alcance muito maior do que você possa imaginar. Existem empresas especializadas apenas em otimizar páginas de entrada, e centenas de artigos e livros que tratam do tema. Portanto, uma boa dica é conferir o que as “vozes da sabedoria” tem a dizer sobre o assunto.

2. Observe sua concorrência.

Observar seus concorrentes diretos pode ser uma boa pista para determinar qual a melhor forma de abordagem para a sua página de entrada.

3. Faça testes.

É impossível algo dar 100% sem testes (claro, sempre há a sorte…). Testar veiculação de mídias na web é absurdamente barato, e você deve se utilizar dessa vantagem e outros recursos para verificar qual o melhor caminho a ser seguido. Nesta parte, sugerimos a boa e velha Ferramenta de Otimização de Sites do Google. Lá, você poderá testar diversas versões de diferentes páginas de entrada e ver qual delas é mais eficiente.

4. Construa designs para o comportamento da maioria dos usuários.

Tenha em mente que a maior parte das pessoas não lê sites, a não ser em casos específicos (estudo e pesquisa). Um comprador, por exemplo, no máximo “escaneia” a página em busca do que deseja; se houver algo similar ao que ele busca, então ele dedicará um pouco mais de atenção ao restante do conteúdo. Construa páginas de entrada que cativem o seu público-alvo ainda nos primeiros segundos. Montes de textos não vão ajudar muito nesse caso.

5.  Foque no cabeçalho, pois é lá que as atenções se concentram.

O cabeçalho de uma página é o seu local mais chamativo. Utilize-o como ponto-chave para as suas informações mais importantes, e foque nele para conquistar as suas conversões.

6. Venda o que o seu anúncio promete.

Uma receita para o fracasso é criar anúncios com keywords que nada tenham a ver com o seu site. Seja objetivo. Trazer visitantes para o seu site, quando eles na verdade procuram por algo totalmente diferente, será decepcionante para você, e não tanto para eles. Afinal, em alguns segundos eles esquecerão o que viram, e você terá perdido o dinheiro do clique. Anúncios objetivos e páginas de entrada de acordo garantem o clique e a conversão do público-alvo de interesse.

Por enquanto é isso! Esperamos que aproveitem estas dicas básicas. Apreciamos comentários, também ;)

Até o próximo post!

2010 de cara nova!

16-12-2009

Viram que bonitinho? Resolvemos trocar de roupa e renovar as energias para 2010, deixar o passado para trás sem, claro, esquecer seus bons frutos :)

O novo site da Agência foi um grande desafio, uma vez que começamos a explorar o HTML 5 e trabalhar com essa linguagem que, embora nova, permite uma infinidade de facilidades para os desenvolvedores e uma melhoria significativa na construção do código.

Aproveitamos também para divulgar a nova newsletter mensal do Guia Mais Casamento, que ainda está em processo de desenvolvimento pela Agência. Ela comportará anúncios publicitários e chamadas para as novidades e matérias do portal. Dê uma olhadinha no preview (clique para abrir no navegador. Versão sem textos apenas para testes!).

Newsletter Mensal do Guia Mais Casamento

Newsletter Mensal do Guia Mais Casamento

Então é isso! Esperamos que tenham gostado. Críticas, sugestões e “alôs” podem ser enviados pelo Twitter. Não nos deixe no suspense, diga o que achou ;)

Um grande abraço e até o próximo post!

Galeria de sites sensacionais em HTML 5

14-12-2009

HTML 5: a brand new way...

Embora ainda esteja em sua fase de “pré-lançamento”, muitos desenvolvedores e web designers já estão se utilizando dos novos recursos do HTML 5. Isso porque a maioria dos browsers modernos já suportam a nova tecnologia, para a nossa felicidade e satisfação :D

Conforme dissemos em um post de alguns meses atrás, o HTML 5 surge para facilitar a vida de quem desenvolve para a web. Seu código permite a escrita livre de aspas e mescla letras maiúsculas e minúsculas, em contraponto ao XHTML atual (embora a versão serializada do XHTML 5 trate com rigor certos detalhes…). Sua proposta é ambiciosa e promete enterrar de vez a tecnologia Flash (e Silverlight!) para sites. 2012 está perto, e aguardamos por esse novo cenário ansiosamente ;-)

Hoje, traremos a vocês uma galeria bacana de sites construídos sob a tecnologia HTML 5. Trata-se do HTML 5 Gallery, e seu banco de dados contém centenas de sites para você se inspirar, estudar o código ou apenas admirar :D

Aproveitamos o post para comentar que até a próxima semana, sem data definida, lançaremos o visual 2010 do site da Agência Liquid e, adivinhe: foi inteiramente construído em HTML 5! Depois de um ardoroso trabalho de alguns dias, ele finalmente está quase pronto, e a identidade visual do site está bem diferente da atual. Ficamos satisfeitos por aqui, esperamos que você também goste do resultado ;-)

Um grande abraço e até o próximo post!