Dia da Árvore – Aracruz

Mais um projeto para a Aracruz Celulose desenvolvido na Visionnaire em parceria com a AddComm.

Diferente dos outros projetos para a Aracruz, pode-se dizer que este foi um dos maiores, não em complexidade mas sim no nível de exposição. Enquanto a maioria das campanhas eram voltadas para a comunidade da unidade de Guaíba (RS), esta campanha representou toda a empresa.

O hotsite foi publicado como uma landing page do portal da Aracruz, qualquer um que tentasse acessar a home do site, veria antes o hotsite, uma grande visibilidade.

Os usuários puderam se cadastrar e enviar uma frase para concorrer a uma muda de árvore nativa de sua escolha. Após a escolha das melhores frases, foi disponibilizada a lista dos vencedores no site. Era possível também, indicar o site para um amigo.

A minha participação no projeto foi toda a estruturação das páginas em HTML e a programação da interface utilizando Flash / ActionScript e Javascript.

Desenvolvi o cadastro e o formulário de indicação utilizando jQuery para chamadas em Ajax, para a validação e para o sistema de navegação com abas.

Fui responsável também pela floresta virtual que se comunicava com o servidor para obter a lista de cadastrados e posicionar cada usuário como uma árvore na floresta.

A busca foi feita dentro do próprio Flash, sem comunicação com o servidor, com base nos dados pré-carregados.

Screenshots:

Link do projeto: http://www.aracruz.com.br/diadaarvore2007/

Anúncios

Homenagem ao Dia da Árvore

Mais uma da série de campanhas desenvolvidas para a Aracruz Celulose.

Trabalhar com a AddComm sempre foi algo muito interessante, seus briefings e projetos são muito bem estruturados e os layouts sempre bastante rebuscados e criativos.

Neste projeto fui responsável por toda a parte de estruturação da interface.

Fiz a construção HTML e CSS das páginas e a programação em Javascript para validação de formulários e navegação da galeria de imagens.

Desenvolvi também um player de vídeos que carrega do servidor, uma playlist em XML com thumbnails e vídeos em formato FLV.

Screenshots:

Link do projeto: http://www.aracruz.com.br/comunidade/diadaarvore

Universidades São Francisco

Um dos grandes produtos da Visionnaire é uma ferramenta de gerenciamento de conteúdo voltada para grandes portais, o WebPublication ou WebP.

Esta ferramenta faz um grande uso de XSL para a geração das páginas HTML.

Tive a oportunidade de trabalhar com o WebP no portal das Universidades São Francisco.

Pude aprender bastante sobre XSL, é uma linguagem muito interessante, bastante modular, permite uma grande flexibilidade do código HTML sem comprometer a lógica de gerenciamento do conteúdo ou expor riscos de segurança.

Após um bom tempo estruturando os templates XSL do portal, fui responsável pelo treinamento da equipe que ficaria responsável pela manutenção da ferramenta. Passei os principais conceitos do XSL e ensinei um pouco sobre HTML, CSS e Javascript.

Cubra o Mundo de Verde

Mais um projeto desenvolvido dentro da Visionnaire, para a Aracruz Celulose, em parceria com a AddComm.

Em uma campanha de reflorestamento e de divulgação do ambientalismo gaúcho, a Aracruz distribuiu cerca de 70 mil mudas de árvores nativas no Shopping Iguatemi de Porto Alegre (RS).

Os participantes foram cadastrados em um quiosque no shopping e foram representados por uma árvore na floresta virtual do hotsite.

Fui responsável pela implementação da floresta virtual, carregando a lista do cadastrados através de um XML dinâmico no servidor.

A navegação da floresta é automática, o movimento e a velocidade variamd de acordo com a posição do cursor.

Ao se fazer uma busca, não há interação com o servidor, a pesquisa é feita inteiramente dentro do Flash. Existem destaques visuais para realçar as ocorrências da pesquisa e setas indicativas para ocorrências fora da área visível da floresta.

Screenshots:

Para conferir o projeto: http://www.aracruz.com.br/comunidade/florestavirtual/

Fantástica Fábrica de Celulose

Este foi o meu primeiro projeto ao entrar na Visionnaire, um hotsite de um concurso cultural promovido pela Aracruz Celulose com o intuito de envolver a comunidade próxima à região de Guaíba (RS).

O concurso premiou os melhores trabalhos feitos por alunos das escolas da região e promoveu passeios com direito a brindes da empresa.

Em uma primeira fase, o hotsite dava informações sobre o concurso.

Num segundo momento, os trabalhos das escolas foram disponibilizados em uma galeria onde receberam votos para a classificação para uma fase final.

Fui responsável pela construção das páginas em HTML. O layout, bastante complexo, com muitas sombras, transparências e interações entre elementos, exigiu bastante dos meus conhecimentos. Principalmente devido ao alto nível de qualidade exigido pela AddComm (agência que atende à Aracruz): utilização de web standards, código leve, limpo e compatibilidade entre vários browsers.

Outro desafio foi a interatividade, presente na ampliação das imagens dos cartazes, na galeria de imagens e no formulário de contato. Para tais tarefas fiz um grande uso de jQuery.

Alguns screenshots:

Link do projeto: http://www.aracruz.com.br/comunidade/fantasticafabrica/