Tag Archives: Wireframe

Microsof Office 2010: Officebook

16 Maio

Ainda sobre a Campanha de Compre Office 2010, vou falar sobre o Aplicativo com Facebook Connect que desenvolvemos aqui na Wunderman – o OFFICEBOOK!

Foi uma experiência bem interessante, pois reunimos esforços da criação, arquitetura de informação, tecnologia e parceiros que entendiam bastante do produto da Microsoft: Pacote Office.

A ideia era usar a Timeline do Facebook – através do Facebook Connect – e entregar de volta para o usuário um Documento em Word, Power Point e Excell totalmente customizado e editável, onde os consumidores poderiam ver quanta coisa diferente é possível se fazer com o pacote Office.

O David Pereira, da tecnologia aqui da Wunderman, me apresentou o Graph API Explorer e mais essa outra página de desenvolvedor do Facebook onde é possível saber todas as informações do Facebook que podemos usar (dá até medo) rs, e à partir disso começamos a montar que informações seriam legais de ter no Documento final.

Eu desenhei todo o fluxo (nos Wires abaixo), e depois algumas coisas ficaram mais enxutas para viabilizar o prazo/desenvolvimento.

O Officebook está hospedado no Windows Azure – na nuvem – e virou até case interno para a Microsoft.

O aplicativo também foi bastante comentado: IDGNow, ItWeb e Info Abril. (dentre outros) [Na GLOBO.COM também *_* atualizado em19.06.212]

Apesar de ter MUITAS coisas feitas usando a Timeline do Facebook, nosso produto é único pois o usuário vai receber um documento que é dele, pode editar, alterar, guardar, enfim, pode apropriar-se do produto final e é gratuito.

As principais referências foram o SocialMemories, e My Social Strand.

Link: http://officebook.compreoffice.com.br/

A campanha da Wunderman, o diretor de criação é o Fabio Mattiazi, participam da criação também o Caio Batista e a Ana Dolabela.

Está no ar o arquivo final em Doc., mas em breve haverá versões em Power Point e Excel.

Primeiro, o print do documento final – todo bonitão:

Capa do meu Officebook, faça o seu também =)

Officebook – Conexão com Facebook

Wireframe – Conexão com Facebook

Escolher tipo de arquivo (por enquanto só tem Word)

Mouseover explicando os tipos de arquivo

Wireframe do passo de escolher arquivo e mouseover explicativo

Escolher Período

Wireframe – Escolher período

“As opiniões expressas neste blog são exclusivamente minhas e não necessariamente refletem as opiniões do meu empregador. Os posts contidos neste blog são incluídos ‘da forma como estão’, sem qualquer
garantia e não outorgam nenhum direito a terceiros”.

Microsoft Office 2010 : Compre Office

16 Maio

Campanha fortemente comentada na mída: Adnews , Mundo do Marketing, entre outros  – a missão do projeto era vender o Office 2010 e mostrar que é possível fazer muita coisa com o pacote Office da Microsoft :

Saia do básico, descubra seu lado incrível. 

Além de informações sobre preços e onde comprar, o site abrigaria a campanha e num primeiro momento, modelos para download e dicas em vídeos.

Fez parte da campanha também aplicativo com facebook connect e mobile, que publicarei em seguida 🙂

Link: http://www.microsoft.com/brasil/compreoffice/index.html

Campanha da Wunderman, o diretor de criação é o Fabio Mattiazi, participam da criação também o Caio Batista e a Ana Dolabela.

Segue print das telas e dos wireframes

Home Compre Office 2010

Wireframe Home Compre Office

Página de Produtos

Wireframe Página de Produtos

Página de Comprar

Wireframe página de Comprar

Página das Histórias

Wireframe Página de Histórias

Página de Dicas (Galeria de Vídeos)

Wireframe da Página de Dicas (Galeria de Vídeo

No próximo post sobre este trabalho vou falar do aplicativo com facebook connect que fizemos para a campanha

 

“As opiniões expressas neste blog são exclusivamente minhas e não necessariamente refletem as opiniões do meu empregador. Os posts contidos neste blog são incluídos ‘da forma como estão’, sem qualquer
garantia e não outorgam nenhum direito a terceiros”.

Universo – just another project

2 Fev

Este foi um dos projetos desenvolvidos na empresa Saiba +.

A supervisão foi de Carol Leslie

O site é da agência Mowa.
Trata-se de um serviço de criação de customização de Aplicativos para Iphone.
Eu achei que o resultado ficou ótimo, foi um projeto onde conseguimos colocar nossas ideias e recomendações de melhores práticas.
Visite o site aqui.

Pan de Guadalajara

7 Nov

A Rede Record leva muito a sério esse negócio de jogos olímpicos, especialmente depois que conseguiu os direitos de transmissão dos Jogos Pan-Americanos de Guadalajara.

Acompanhei parte da cobertura, é importante, num país como o nosso, com pouco incentivo aos esportes e cultura, esse tipo de transmissão, ao menos por alguns dias, as pessoas se empolgam e novos sonhos relacionados ao esporte podem surgir…

O site do Pan de Guadalajara foi o meu último projeto no portal R7. Algumas coisas do que foi pro ar foram feitas pelo Arnaldo Hirai, o então Arquiteto Sr. do portal. Mas eu que comecei o projeto e vou compartilhar aqui as coisas que fiz / tentei fazer.

Haveria uma versão do site antes e durante os jogos, quando haveria transmissão ao vivo. Na versão pré jogos, procurei chamar atenção para as modalidades olímpicas, coisa que não é muito conhecida das pessoas e seria interessante… Outro ponto eram os blogs, assinados por personalidades da área, e que tinham a função de movimentar o conteúdo do site.

Vou colocar aqui o print dos projetos para vocês terem uma ideia. 😉

A arte, até onde sei, é do querido Kleber Nakamura, já citado neste blog.

 

Agora, os wireframes:

 

%d bloggers like this: