Portifólio

A filial brasileira da Stobag produz diferentes tipos de toldos customizados para as necessidades de proteção solar de seus clientes. A venda dos toldos envolve o cruzamento de diferentes informações, cálculos manuais e edição gráfica de imagens. Fizemos o mapeamento do processo e identificamos as situações de baixa eficiência.

Para facilitar o processo, a Stobag planeja investir em diferentes softwares. Delineamos a Estratégia Externa de Tecnologia da Informação da Stobag, bem como especificamos os requisitos para os diferentes softwares mediante entrevistas com usuários e funcionários da empresa.

Ficha técnica

• Consultoria Estratégia em TI
• Articulação de interesses
• Pesquisa com usuários
• Período: out/nov 2007

Ultraclick é uma startup brasileira voltada para serviços inovadores Web 2.0. A partir da compreensão das dinâmicas sociais em fóruns de discussão, a empresa pretendia lançar um novo modelo de fórum que trabalhasse melhor a motivação para a participação. Entramos no projeto com a missão operacional de fazer a arquitetura da informação, mas pudemos participar da reconfiguração estratégica do projeto diante de uma breve pesquisa em fóruns de discussão similares. O conceito do projeto foi repensado e criamos algumas idéias inovadoras para o compartilhamento de informações entre pessoas de interesses similares. O projeto ainda está em fase de desenvolvimento.

Ficha técnica

• Design de interação estratégico
• Etnografia virtual
• Planejamento
• Wireframes e fluxogramas
• Interfaces ricas com Ajax
• Folcsonomia
• Período: mar/abr/jun 2006

Este provedor catarinense precisava aprimorar a homepage de seu portal para aumentar a satisfação de seus clientes, que utilizam a página como início de sua navegação na Web. Contrataram uma análise de especialista, o que resultou num relatório com sugestões que foram usadas para elaborar o novo portal:

Note as melhorias em relação à versão anterior:

Ficha técnica

• Análise de especialista em usabilidade e design da informação
• Lançamento 08/2006

A MH é uma Assessoria Empresarial especializada em relações humanas no trabalho. O objetivo de seu website é demonstrar o know-how da empresa para futuros clientes e, através da exposição em buscadores, divulgar a marca e o nome dos consultores.

Ficha Técnica

• De 200 visitas mensais oriundas de buscadores cresceu para 3.800
• Primeiros lugares nas buscas pelas palavras-chaves: relações humanas nas empresas, relações humanas no trabalho e assessoria empresarial sorocaba
• Edição e redação de textos
• Otimização para buscadores
• Arquitetura da Informação
• XHTML Tableless
• Design gráfico
• Lançamento 12/05

Minha Turminha é um álbum de fotos/fotolog feito especialmente para conectar pais, educadores e crianças que estudam em escolas e Igrejas evangélicas. O objetivo do serviço é projetar os personagens da editora Luz & Vida que ilustram material didático.

Como consultor terceirizado, minha função foi auxiliar na concepção do produto, desde a definição das funcionalidades até os esboços (wireframes) das páginas. Segue um trecho da documentação entregue para a equipe de design gráfico e desenvolvimento:

Ficha Técnica

• Planejamento
• Design de Interação
• Especificação de funcionalidades
• Wireframes e fluxogramas
• Período: jun/jul/ago 2005

A Travessa dos Editores é uma editora paranaense conhecida por valorizar a produção regional. O objetivo do seu novo website é, além de funcionar como catálogo online, oferecer informações extra para seus fiéis leitores.

Como consultor, iniciei o processo fazendo entrevistas e grupos de foco com usuários. A Travessa fazia questão de saber o que os leitores esperavam de seu website. Como era de se esperar, os leitores indicaram que o design gráfico do website deveria ter o mesmo padrão de qualidade das edições impressas, considerado referência nacional. Na ocasião foi experimentado um novo método de pesquisa em design gráfico chamado Perfil Semiótico, que permitiu captar várias sugestões dos leitores nesse sentido.

Uma das maiores dificuldades do projeto foi elaborar uma taxonomia multi-facetada que permitisse a localização de obras a partir de diferentes níveis de conhecimentos do usuário sobre a obra. Se o usuário só lembrasse a cor da capa do livro, era possível encontrá-lo, bem como se encontrasse um livro, seria possível ver outros livros e autores relacionados. Foi montado um protótipo usando o software livre Drupal para demonstrar a taxonomia funcionando.

Ficha técnica

• Consultoria em presença na Internet
• Arquitetura da Informação
• Pesquisa com usuários
• Período: abr/jun 2005

Vivência Pedagógica é uma comunidade que discute aplicações da tecnologia na Educação através de uma lista de email. Nesse projeto, eles expandiram as ferramentas da comunidade através da publicação de notícias, recursos para educadores, links e agenda.

Ficha técnica

• Layout moderno e limpo, mesmo com a grande quantidade de informação
• Arquitetura da Informação
• Adaptação do sistema de gerenciamento de conteúdo Drupal
• XHTML tableless
• Lançamento 08/2005

Flogão é um serviço de diário de fotos criado e mantido por uma startup brasileira. Em 2004, o Flogão teve um crescimento gigantesco e a empresa desejava melhorar seus serviços. Prestamos consultoria a respeito das possibilidades de melhoria dos serviços, principalmente, no quesito usabilidade. Analisamos as dúvidas deixadas no help-desk, as estatísticas de navegação e fizemos uma pesquisa com questionário de satisfação para 900 participantes da comunidade. Após a pesquisa, montamos alguns rascunhos para a arquitetura da informação do site, mas estes não foram implementados pelo serviço.

Ficha técnica

• Revisão das mensagens de erro
• Análise de emails do help-desk
• Análise de estatísticas de navegação
• Pesquisa de satisfação
• Arquitetura da informação
• Consultoria em Webstandards
• Período: dez 2004 e jan 2005

Não basta apresentar a empresa, o site institucional deve vender o produto com bons argumentos. Para isso, não é preciso encher o site com animações em Flash piscantes. Melhor usá-las para mostrar a evolução de uma obra, por exemplo. O resto do conteúdo é estático, em bom XHTML, como deve ser.

Ficha Técnica

• Série de ícones
• Animações em Flash com conteúdo
• Parte da redação publicitária
• Menu em XHTML usando substituição de imagens
• Lançamento 09/2004

O primeiro restaurante realmente indiano de Curitiba precisava de uma identidade gráfica que transmitisse seu sabor e ambiente exótico. Além do design gráfico, o cliente precisou de redação publicitária e agenciamento.

Ficha Técnica

• Logomarca
• Descansos de bandeja
• Banners e cartazes
• Cardápios
• Menus
• Anúncios em Impressos
• Fotografia
• Consumação

Endereço

Rua Paula Gomes, 123 - Curitiba / PR - próximo ao Shopping Mueller e praça do Homem nú
Tel 3029-5225

Trabalho de Graduação aplicando Design Centrado no Usuário no website da Universidade Federal do Paraná. Apesar de não ter sido usado pela Universidade, o projeto é referência por estar bem documentado (100 páginas). O produto final foi um protótipo cuja ênfase é na Arquitetura da Informação e não no design gráfico:

Ficha Técnica

• Testes de usabilidade
• Card-sorting
• Taxonomia
• Inventário de Conteúdo

O desafio foi parecer barato sem apelar para a poluição visual.

Ficha técnica

• Animações destacando produtos
• Facilidade na atualização mesmo sendo estático
• Lançamento 10/2004

Website de uma agência especializada em marketing político destacando seu mascote totalmente articulado.

Ficha técnica

• Animação de personagem complexa
• Flash 5
• Criação de Logomarca

• Lançamento 07/2004

O cliente precisava de um website com sistema gerenciador de conteúdo multi-lingüe. Foi adaptado um software-livre chamado Plone para a tarefa. O cliente pode com apenas alguns cliques alterar todo o conteúdo da sua página, sem esquentar a cabeça, veja:

Ficha técnica

• Programação em Zope e Python
• Gerenciador de conteúdo completo
• Lançamento em 05/2004
• Projeto da DC2

O desafio foi conciliar elegância com legibilidade para quem usa óculos. Para isso, foram feitos testes e incorporações do usuário.

Segunda opção de layout (rejeitada infelizmente):

Ficha Técnica

• Flash 5
• Otimização para conexão discada
• Fotografia 360 graus
• Lançamento 01/2004
• Projeto da DC2

Portal de notícias e comunidade virtual da UFPR.. Novas idéias para design de portal de notícias. Vencedor do prêmio Sangue Novo, o maior prêmio de jornalismo no Paraná.

Ficha Técnica

• Testes de Usabilidade
• Iconografia temática
• Sistema avançado de publicação de notícias (PHP+MySQL)

Website com design e conteúdo otimizado para ficar no topo das buscas do Google e similares.

O cliente precisava do website para vender melhor seus serviços de terceirização, mas também agregar valor à suas marcas próprias, que eram desconhecidas pelo público.

A otimização para buscadores trouxe a seguinte vantagem: um potencial cliente faz uma busca por "receitas de panetone" por exemplo, e cai no website da Siena. Ele lê a receita e conscientiza-se da marca.

Ficha Técnica

• Primeiros lugares nas buscas pelas palavras-chaves: receitas de panetone e terceirização alimentos
• Produção em prazo curto
• Código e redação otimizada para buscadores
• Lançamento 09/2003

O que era pra ser um mero portifólio de agência se tornou quase uma obra de arte, fazendo ironia ao próprio conceito de propaganda. O personagem é cativante e o roteiro arranca risadas de qualquer um.

Não é à toa que venceu o troféu Construction New Media Award 2003, e menção honrosa no 7º Encontro Nacional de Webdesign e mais de 15 indicações internacionais.

Ficha Técnica

• Redação publicitária
• Roteiro
• Primeiro site em Flash
• Lançamento 05/2002

Outros trabalhos

• Cartão de Natal
• Convite para bate-papo com Matte Real

Nada melhor que o próprio produto que a empresa fabrica para falar dela mesma. Uma metáfora de objeto real que deu certo. Apesar de eu saber que o efeito de virar a página é enervante, não havia outra alternativa.

Ficha técnica

• Interação rica usando Flash
• Catálogo de produtos em XML
• Extranet para clientes
• Lançamento 01/2003

Conciliação de Flash com HTML para website corporativo. O personagem animado humaniza o site e dá o tom.

Ficha técnica

• Animação de personagem
• Supercompactação
• Lançamento 06/2002
• Projeto da DC2

Design e programação de ferramenta Business-to-Business fácil de usar. O cliente solicitou apenas um mero formulário de pedidos e recebeu um sistema muito mais eficiente do que imaginava.

Ficha Técnica

• Lançamento 05/2003
• Primeiro projeto com ênfase em usabilidade
• Interface administrativa
• Programação em PHP
• Projeto da DC2

Website bem simples, para um negócio simples.

Ficha Técnica

• Lançamento 04/2003
• Primeiro website em tableless
• Projeto da DC2

Trabalhos realizados para DC2 Propaganda

Studio A Quatro: Banner com 12K em Flash para circular nas listas telefônicas eletrônica

Copel Telecom: divulgando a nova malha de fibra ótica

Faculdade Espírita: Cabeçalho para destacar vestibular para cursos livres. O desafio foi falar essa linguagem dos esotéricos.

Faculdade Espírita: Cabeçalho para dar acesso rápido aos cursos de pós-graduação em conformidade com a campanha.

Surf Express: Banner botão para divulgar o que o portal oferece.