O HTML 5, conforme comentamos em posts anteriores, promete ser um punhal no coração do Flash, já que grandes sites de vídeos como o Youtube provavelmente abandonarão a ferramenta graças aos novos recursos de inclusão de vídeos direto no código.

Apesar de tudo, quem pensa que a Adobe desistirá fácil da fascinante tecnologia Flash está enganado. Talvez, apenas talvez, ela esteja apostando suas fichas em outros meios, como games e interfaces offline… ou será que ela investiria tempo, recursos e esforços em uma belezinha muito atraente chamada Flash Catalyst se não fosse por um bom motivo?

Conceituando a novidade, trata-se de um novo software voltado especialmente aos designers que não programam. Simples e objetivo. O Flash Catalyst permite criar e implantar interfaces com os mais sofisticados recursos de interação, coisa que só quem programa muito bem a linguagem Actionscript consegue executar. Pois bem, o Catalyst chega para os designers  que não investiram tempo em programação AS mas que desejam criar projetos interativos com animações e ações sofisticadas, sem gastar seus dedinhos digitando e corrigindo código. Lindo!

É uma excelente aposta da Adobe, que espera alcançar agora um público específico, e reconquistar possíveis “desertores” do Flash.

Confira o vídeo com as funcionalidades, recursos e benefícios do Catalyst na página do programa no Adobe Labs. É possível baixar uma versão beta para testes, e participar da discussão sobre o programa nos fóruns

Opiniões sobre o Flash Catalyst? Comente!

Até o próximo post!

Apesar de adorarmos trabalhar com detalhes minuciosos de layout, e tentarmos criar ambientes e efeitos realistas em nossos projetos, o site da Bohrer Arquitetura é um pouco, digamos, diferente. O cliente necessitava de algo extremamente clean e branco, que destacasse única e simplesmente os belos projetos que realiza. Pois bem, exercitamos nosso lado minimalista e criamos um site pequeno e visualmente simples, mas poderoso em sua estruturação interna: ele contém o sistema que denominamos internamente de “stretch”, ou seja, adapta-se a qualquer monitor, independente da resolução de tela. Técnica semelhante pode ser conferida no site do fotógrafo João Guedes, desenvolvido pela Agência já há algum tempo. Contará, também, com portfolio inteiramente administrável pelo cliente, tudo em Flash!

No momento, estamos em vias de finalizar por completo o site da Bohrer Arquitetura, e trabalhamos ao mesmo tempo em um novíssimo cliente, que divulgaremos em breve. E vem ai o Guia Mais Casamento edição São Paulo, cheio de novidades!

Assim justificamos a demora entre as postagens: trabalho, muito trabalho. Mas estamos preparando para logo mais outro artigo sempre interessante relacionado à nossa tão amada internet

Até a próxima!

O briefing pedia essencialmente o enfoque nas principais qualidades do produto, a alta tecnologia e o inovador design industrial. Utilizando tons de azul e imagens abstratas de água, criamos toda a identidade visual da empresa, que contempla cartão de visitas, papelaria completa, adesivagem de automóvel e a “roupa” do controle de temperatura e funções. Criamos também a embalagem!

Detalhes da caixa. Ainda não podemos divulgar tudo...

Para o logotipo, a pedida era enfatizar a modernidade de pensamento dos sócios, leitura fácil e, claro, a água. Assim, criamos uma marca sólida, quase que atemporal e que pode ser aplicada em diversos locais.

O case inicial está disponível para download em PDF (ZIP) aqui. O arquivo possui ~7 MB.

Update: atualizamos o case, e você pode conferi-lo na página inicial do nosso site!

Por que dissemos que é um “pré-case”? Ele ainda não está completo! Desenvolveremos outras peças para a Akecer e em breve publicaremos os resultados aqui no blog e no site!

Gostaram?

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

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!

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!

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!

Comunicar-se com o público em nossa era é fácil, barato e eficiente. Ou você ainda duvida que seu e-mail de ofertas, novidades e promoções pode interessar a muita gente? Então, conheça um caso aqui da Agência: o portal Guia Mais Casamento. Após o envio da mala direta informativa de dezembro de 2009, a venda de espaços publicitários no site aumentou em 21,17% desde o seu lançamento em outubro, e não estamos falando de um portal de compras!

O fato é que divulgação é importante para todos. E muito especial se você é dono de um e-commerce.

Mas o que fazer? Como fazer? Pois bem, estamos aqui para isso veja as dicas abaixo e tire o melhor proveito do e-mail marketing para sua empresa!

1. Não deixe o público esquecer sua loja. Mas não seja um “namorado grudento”.

Observe a frequência e abordagem dos seus e-mails. Enviar mensagens apelativas, tanto textual quanto visualmente, e de periodicidade diária, vai afugentar seu público, e você verá cada vez menos assinantes da sua newsletter. E-mails diários podem ser mandados para uma lista de clientes, desde que você os tenha avisado antes desta periodicidade. E, claro, utilize a ferramenta com sabedoria e aprenda a discernir o que é divulgável ou não.

2. Períodos de promoção: cuidado com eles.

Liquidando todos os eletrônicos da sua loja? Hoje é terça, e você tem até amanhã à noite para vender todo o estoque antigo? Pois bem, evite os alarmes de última hora. Bom, falando por nós aqui na Agência: somos consumidores e gostamos de uma promoção bacana, especialmente se for on line! Mas algo que odiamos são essas “liquidações relâmpago” (”compre um Macbook Apple por apenas R$ 3.200,00 à vista, mas a promoção é até as seis da tarde!!!”), pois elas quase sempre chegam em horas completamente inapropriadas. Ou não podemos, ou não queremos no momento… enfim. Obviamente, existem pessoas que aderem a este tipo de promoção, infelizmente não é o nosso caso

Enfim, tente dar um espaço de tempo para que seus consumidores respirem, pensem e analisem a oferta. Hoje em dia, as pessoas estão muito mais analíticas em termos de comércio, e esse tipo de promoção não é mais tão atraente. Curiosamente, ele funcionava muito bem na década de 80. Acreditamos que tenha a ver com a instabilidade da moeda à época, onde as pessoas compravam mais por impulso, já que a inflação era absurda…

3. Destaque suas promoções.

Não precisamos explicar mais. Tem um item interessante, uma novidade genial, precisa encerrar seu estoque de um determinado produto? Destaque-os.

4. O layout é importante.

Cuide para que o layout de seu e-mail seja coerente com o do seu site, ou ele poderá parar na lixeira…

5. Analise a audiência!

Nem sempre o envio de um e-mail pode gerar um retorno imediato, mas ele pode muito bem se converter em benefícios a médio ou longo prazo. É importante que você analise o tráfego oriundo do seu e-mail para o site ou link para onde o apontou, e monitore constantemente as conversões que este e-mail trouxe ao seu negócio. Como fazer isso? R.: Google Analytics e seu tracking de campanhas

É possível monitorar um usuário oriundo de uma mensagem de e-mail por um bom tempo após o envio da mesma, você sabia? Assim, você pode ter a certeza (bem, quase certeza, já que nenhuma ferramenta de web analytics é 100% precisa) do alcance real do seu trabalho de divulgação.

Bom, é isso! Esperamos que as dicas contribuam para uma melhora no desempenho do seu site, seja ele de e-commerce ou não!

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

Folheando uma obra antiga, mas ainda boa fonte de referência, o livro “Homepage Usabilidade: 50 Websites Desconstruídos” (em inglês Homepage Usability: 50 Websites Deconstructed) de Jacob Nielsen e Marie Tahir, percebemos que o título das páginas deveria ser otimizado para uma melhor usabilidade do usuário. Colocar em primeiro lugar o nome do site ou empresa era fundamental, para que os sites aparecessem listados em ordem alfabética na lista de favoritos, e um slogan descritivo seria importante para indicar do que se tratava o site em consultas posteriores. Bom, dessas lições, podemos tirar valiosas contribuições para os dias de hoje, quando a disputa por um espaço nas primeiras posições dos mecanismos de pesquisa está cada vez mais acirrada.

Nielsen não errou quando disse que o título deve ser descritivo. Ser claro nesse ponto pode contribuir para uma melhor posição no Google, Bing e outros buscadores. A questão é: como fazer isso?

Veja abaixo alguns tópicos bacanas para entender como melhorar os títulos das páginas dos seu(s) site(s).

1. Não esquecer da tag title.

É, parece piada, mas não é. Muitos webmasters não se preocupam em atribuir títulos às suas páginas. Duvida que isso seja possível nos dias de hoje? Então veja aqui e aqui.

2. Única por página.

A tag title deve ser única para cada uma das páginas do seu site, e deve buscar descrever sucintamente seu conteúdo. Isso ajudará a posicionar sua página para os assuntos ou palavras-chave contidos nela.

3. Respeite a ordem do código.

Inclua a tag title entre as tags head de seu documento, e faça com que ela esteja sempre acima de outras tags.

4. Respeite uma limitação de caracteres.

Os mecanismos de pesquisa exibem em seus resultados páginas encontradas com o atributo title em destaque, e esse resultado possui um limite de caracteres a ser exibido. Se você cria uma página com uma tag title muito longa, pode perder palavras-chave importantes (ou seja, elas podem ser “cortadas” no resultado da pesquisa). Mas quantos caracteres, você deve perguntar? Tente não ultrapassar um limite de 70 caracteres, para uma boa otimização.

5. Use keywords. Mas evite o spam.

A tag title pode e deve conter palavras-chave, mas não apenas isso. Crie frases curtas e descritivas para o assunto de suas páginas mas evite o keyword spamming.

Uma busca no Google pode ajudar você a construir títulos de página mais eficientes para seus sites. Lembramos que, além de pequenas “regras”, a criatividade e a clareza aqui são essenciais, e fazem parte do trabalho de todo bom SEO.

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

Vamos comentar algumas das tags novas e mais interessantes! Para uma referência mais completa, visite o Pinceladas da Web, que preparou uma tabela com todas as tags de referência.

Mais simples impossível! Ela insere um vídeo em uma página. A tag promete aposentar de vez os embed players (vídeos em flash) para inclusão de vídeos em sites. No entanto, o HTML5 tem encontrado obstáculos nesta etapa, uma vez que encontra-se esbarrando em problemas diversos com licenciamento de codecs. A saída é continuar acompanhando o processo e aguardar um Youtube inteiro em HTML5!

A tag cria uma seção de navegação na página. Não há muito o que comentar sobre ela, apenas que é restrita ao HTML5 e facilita a organização do código: em vez de definir menus com divs, deixe seu código arrumadinho com seções navegáveis específicas.

Insere em sua página um grupo composto por uma imagem (foto, desenho, etc) e sua respectiva legenda. A diferença entre esta tag e a tag <img> está justamente na incorporação da legenda, o que facilita absurdamente a diagramação de páginas de notícias, por exemplo.

O elemento <canvas> permite adicionar às páginas gráficos vetoriais dinâmicos ou mesmo imagens bitmap. Inicialmente, o elemento foi desenvolvido pela Apple para uso em aplicativos do Mac OSX, como o Dashboard e mesmo no navegador Safari. Posteriormente, a tecnologia foi adotada por navegadores como Firefox e Opera, e entrou como parte da padronização para futuras tecnologias.

Como você, leitor, já pode deduzir, insere um arquivo de som em uma página. Assim como a tag <video>, dispensa recursos adicionais. Confira aqui seus principais atributos.

Enquanto alguns navegadores já se encontram dez passos a frente, fornecendo suporte completo a toda e qualquer tag do HTML5, outros ainda estão caminhando a passos curtos e parando para um cafezinho. Por enquanto, o que nos resta fazer, é aguardar o suporte completo e torcer para que em breve todos estejamos desfrutando dos benefícios desta nova linguagem!

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

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ô!

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!

Confira a imagem abaixo, e clique se desejar ver em tamanho real:

Aguarde para mais novidades sobre este projeto em breve

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