Cases
IBM – Complete a Ponte
www.completeaponte.com.br foi um site elaborado pela Ogilvy para divulgar um novo produto IBM: o Lotus 8.
Foi muito legal fazer esse job porque fui envolvida desde a primeiríssima reunião e participei ativamente de todo o projeto, desde a criação do conceito até o teste interno do site antes do lançamento oficial. Ajudei a pensar na mala direta teaser que a base iria receber como drive to web, ou seja, meu trabalho foi muito além de estruturar o site e documentar todos os processos interativos, como sempre deveria ser.
A idéia de oferecer um “tijolo virtual” para o usuário “ajudar” a construir uma ponte surgiu do atributo principal de Lotus 8: colaboração.
Fluxo
A base recebeu um pequeno tijolo com a url do site para aguçar a curiosidade dos TI Managers, que estão super acostumados a receber milhoes de telegramas, cartas e malas diretas com um monte de papel divulgando produtos e mais produtos. Ao acessar o site, o usuário era impactado pela construção de uma ponte, onde cada tijolo tinha o nome do usuário que o colocou. Os usuários da base que não entraram no site, receberam um e-mail marketing reminder. Além disso, quando a ação terminou, um novo e-mail foi enviado convidadndo os usuários a ver a ponte construída.
360
O projeto envolveu meios online e offline para impactar a base: mala direta, que levava para o site; site, que convidada para participar de um Flash Mob; Vídeos virais, que levava para o site; Flash Mob, que divulgou novamente o site e que foi publicado no You Tube; site, que foi atualizado e ganhou uma seção contando tudo sobre o encontro.
Resultados
Os resultados foram surpreendentes e bateram todos os recordes, quando comparados a outros site de produtos IBM. Veja alguns números.
A campanha gerou mais de 6 milhões de dólares em oportunidades de negócios.
Geração de 35% de leads
88% das pessoas que visitaram o hotsite respondeu positivamente, adiconando um tijolo à ponte. Muitos deles adicionaram mais de um tijolo.
O primeiro vídeo postado no You Tube registrou 638 visitas nos primeiros 4 dias.
Pensando alto
Analisando o sucesso do site, cheguei a preciosas conclusões. Não é preciso ter uma verba astronômica para fazer um trabalho que supere as expectativas. Com muito dinheiro pode até ser mais fácil, mas com boa vontade e criatividade os resultados também vêm. Ter um prazo razoável e justo já é meio caminho andado para que o sucesso aconteça.
E, para terminar, nunca é demais repetir: sempre deve-se envolver o Arquiteto de Informação desde o início do projeto. A chance de tudo ficar amarrado e de o site sair alinhadíssimo a todo o resto da campanha aumentam consideravelmente.
AI / Layout
Equipe
Diretor de Criação: Marcos Ribeiro
Supervisor de Criação: Andrea Brazil
Diretor de Arte: Diorgenes Wenderly / Silvio Moreno / Paulo Engler
Redação: Rafael Campos / Bianca Agnelli
Arquitetura de Informação: Carla Martins
Motion Designer: Túlio Inoue
Programador: Ary Oliveira / Vincent Maraschin
Atendimento: Daniel Perches, Richard Malina
Diretora da conta e de Mídia: Nancy Raimundo
IBM – Common Store
Sabe-se que nas empresas de hoje os e-mails são a principal fonte de informação não estruturada. O volume de e-mails vem crescendo de forma exponencial (número de e-mails, tamanho dos e-mails e tamanho dos arquivos anexados). As empresas precisam de uma forma de gerenciar este conteúdo e manter o controle sobre ele criando uma forma de controlar, fazer com que as políticas de segurança e guarda sejam efetivamente cumpridas e que os mesmos possam ser recuperados quando necessário para questões legais.
A falta de controle sobre os e-mails causa problemas tanto para as empresas quanto para os usuários de e-mails:
Para as empresas:
- Aumento do custo de storage;
- Diminuição da performance dos servidores;
- Longos ciclos de backup e restore;
- Aumento do tempo de utilização dos servidores, bem como de consolidação e uprades necessários;
- Aumento de downtime dos servidores de e-mails.
Cenário
A partir disso, o site www.embuscadoemailperdido.com.br foi lançado para divulgar um produto de gestão de e-mails, proteção das informações não estruturadas e política de governança de dados. Para isso, a idéia foi criar identificação entre o usuário do site e os problemas causados quando perdemos/não achamos um e-mail com informações importantes da empresa em que trabalhamos.
O principal objetivo do site, além de divulgar o produto, era que a base preenchesse um formulário com algumas informações sobre a realidade de suas empresas, para que consultores entrassem em contato para firmar um relacionamento com esses clientes em potencial. Porém, o formulário era extenso e complexo. Priorizamos, então, criar um ambiente atrativo para que o usuário preenchesse todas as perguntas de maneira agradável.
Solução
Propusemos ao cliente fazer do site um game que consistia na busca de um e-mail perdido. Era preciso encontrar pistas para passar de fase e, no meio delas, apareciam perguntas de múltipla escolha. Como o game possuía uma interface amigável e um ar de investigação, as perguntas eram respondidas sem nenhuma resistência. Além disso, a navegação no resto do site não ficou prejudicada. Cada item de menu, ao ser clicado, fazia com que o conteúdo correspondente abrisse em layers. Assim, quando a layer era fechada, o usuário poderia continuar seu game de onde parou.
Resultado
Do total de usuários que entrou no site, 30% respondeu ao questionário. Considerando a média dos demais sites da marca, o resultado foi extremamente satisfatório.
AI / Layout
Diva Online - Reestruturação da home
O site Diva foi lançado como uma versão online da Revista Diva, publicada pela Unilever como parte de seu programa de relacionamento com suas consumidoras. O site traz conteúdo para mulheres e é constantemente atualizado, por meio de uma ferramenta, pelo próprio cliente. Com o tempo, novas seções foram adicionadas e a home já não atendia mais as necessidades do site.
Para organizar melhor o conteúdo, tornar a atualização da home mais fácil e mudar a porta de entrada do site em comemoração ao aniversário de 5 anos de Diva, foi proposta uma nova estrutura para a home.
Na primeira versão, o destaque principal da home era em flash, dificultando a atualização e criando dependência do cliente com a agência, o que tirava a principal característica do site: atualização constante. Na versão atual, o destaque possui texto e imagem, mantendo seu nível de imrportância frente ao restante da home, porém simplificando o processo de mudança de conteúdo.
No lançamento do site, havia bem no centro da home uma mensagem de saudação. Agora, cinco anos depois, quando a maioria das usuárias já conhece bem o site, optamos por tirar a mensagem do ar, priorizando o destaque dos conteúdos mais importantes do site.
Como o site é dividido em três grandes áreas, sendo Revista Diva e Seu Espaço seções abertas e Meus Favoritos conteúdo exclusivo para usuários logados, dividimos os destaques entre essas duas seções de conteúdo, organizando melhor as informações e amiliarizando a usuária com a navegação do site.
Na parte superior da página, que possui mais visibilidade, ficam dispostos os conteúdos dinâmicos. E, na parte inferior, três boxes com seções novas no site, porém estáticas.
A coluna posicionada do lado direito da home continua aparecendo nas internas e, por isso, não era possível modificá-la.
O layout foi da Bia Carosini.
AI/Layout
Banco Real - Portal de Sustentabilidade
O portal de Sustentabilidade do Banco Real foi completamente reestruturado e elaborado em sharepoint, para que todo o gerenciamento do conteúdo fosse feito pela própria equipe responsável. Além disso, a arquitetura do site foi projetada para que ele possa crescer de maneira mais organizada, facilitando a navegação dos usuários e situando sempre em que parte do site a página navegada se encontra.
Participar do projeto do portal foi particularmente desafiador devido às particularidades que o sharepoint possui. Foi preciso estudar muito, navegar bastante em sites construídos da mesma maneira e fazer inúmeras reuniões com a empresa que ia produzir o site, para alinhar tudo na arquitetura.
Além disso, a documentação gerada teve a importância devida nesse projeto. Como o layout e a produção do site foram feitos por empresas diferentes, foi a documentação de AI que guiou totalmente os dois profissionais, fazendo com que todas as etapas do projeto fossem realizadas de maneira alinhada, mesmo que por empresas diferentes.
Abaixo, confira como era a versão anterior e como o novo portal possui um ar mais clean e organizado.
Omo - APP do Orkut
No APP os usários podem enviar um e-card diferente de natal para seus amigos, além de conferir ou enviar dicas sobre jogos, alimentação, passeios ou brincadeiras para os pais realizarem com seus filhos.
Com o slogan “Se Sujar faz Bem”, Omo entra no orkut com um cartão de natal em forma de snowball. É possível escolher o layout do cartão e selecionar para qual amigo do orkut voc~e quer enviá-lo. Depois basta escrever a mensagem e, se você preferir, pode ainda fazer o upload de uma foto sua, para que o cartão fique ainda mais divertido.
Ao receber o e-card, o amigo será avisado de que precisa chacoalhá-lo para conseguir ler a mensagem. Ao segurar e arastar a snowball para os lados, vários picéis, lápis e respingos de tinta fazem o papel da neve e aos poucos a mensagem vai aparecendo.
Para baixar o aplicativo e adicioná-lo à sua página do orkut, clique aqui.
Abaixo, alguns prints da ferramenta e dos wireframes.
Home do APP - layout
Home do APP - wireframes
Página de dicas - layout
Página de dicas - wireframes
Tutorial - layout
Tutorial - wireframes
Dove - Hotsite Dove Go Fresh
Esse job foi muito legal de fazer, apesar de o prazo ter sido, como quase sempre, surreal. Para divulgar dois produtos novos de Dove, elaboramos um hotsite de lançamento com uma promoção. Quando recebi o job e deopis de estudar o briefing e os produtos, percebi que eles tinham características bem diferentes: um era refrescante e o outro energizante. Resolvi, então, desenhar o site todo como se ele fosse dividido em dois, mas que se transformasse em um só quando um produto fosse selecionado.
Os wireframes foram elaborados no Axure e o layout ficou super fiel à navegação proposta. O resutlado foi ótimo e, para vocês poderem visualizar melhor, selecionei alguns prints do layout x arquitetura de informação.
Home do site
Arquitetura da home
Página de um dos produtos
Arquitetura: página de um dos produtos
Player de vídeo
Arquitetura: Player de vídeo
IBM - Widget para endomarketing
Que os widgets podem ser ótimas opções para ações de marketing, não há dúvida. Porém, antes de sair propondo a criação de widgets para todos os clientes da agência, vamos estudar o perfil de seu público-alvo, os objetivos da marca e seu posicionamento. Por exemplo, fizemos um widget no primeiro semestre deste ano para IBM. Era uma ação de endomarketing que objetivava divulgar o posicionamento mundial da empresa para 2008: Pare de falar. Comece a fazer.
Para isso, criamos um widget que centralizaria notícias, whitepapers, artigos, eventos e outros documentos pertinentes aos funcionários da empresa. Além disso, o widget continha mais uma utilidade: uma prática agenda que avisava com um lembrete no desktop quando o horário do compromisso adicionado estava próximo. Apesar de não ter os números finais, o widget teve ótima aceitação e foi um sucesso! Acima, confira a imagem do meu desktop, com os três widgets que mais uso: mini controle do ITunes, Painel de fotos sincronizado com o meu Flickr e o de IBM.
Na Arquitetura, tomei cuidado para não deixá-lo grande demais, mas também preocupei-me em exibir de forma clara os vários formatos de conteúdo que o widget apresentava.