Super Bolão
Bolão Petrobras Copa do Brasil 2010
O projeto surgiu de uma demanda comercial do LANCENET!, que desenvolve produtos patrocinados para grandes marcas. Pensamos em uma solução que pudesse ser adaptada a qualquer patrocinador, criando uma ferramenta com alto poder comercial. A primeira marca a apostar na ferramenta foi a Petrobras, patrocinadora das três últimas rodadas da Copa do Brasil 2010.
Super Bolão Lancenet!
O projeto se estendeu e hoje está em definitivo no ar com o projeto Super Bolão Lancenet!, plataforma multi bolão que suporta todos os campeonatos nacionais e internacionais.
Desconstruindo interfaces: Bolão Lancenet!
Especial publicado no dia 18 de maio de 2010 pela Revista Wide
01. Arquitetura e hierarquia aplicadas à organização da informação
“Elaboramos uma arquitetura que possibilitasse uma navegação bem linear, destacando sempre os links relacionados a cada ação dentro do game. Também buscamos salientar as informações de maior relevância no jogo. Um exemplo disso é a página do ranking, onde apresentamos um resumo do desempenho do usuário.”
02. Diagramação
“Optamos por uma organização simples, com a qual o usuário já tivesse alguma familiaridade. Por isso, dividimos as seções principais do projeto em três áreas distintas no layout: #header (menu de navegação), #sidebar (edição de perfil e interação com usuários externos) e #content (ações de interação com o game).”
03. Identidade visual
“Para definir a identidade visual e os padrões de layout, usamos como referência projetos bem-sucedidos de grandes marcas. A pesquisa englobou sites de produtos esportivos (nos quais captamos a linguagem e a emoção do esporte), aplicativos para iPhone (de onde conseguimos absorver a simplicidade nas interações) e sites de ferramentas 2.0.”
04. Design de interação
“O grande desafio foi administrar as cargas no servidor onde o projeto está hospedado: isso impactou diretamente o design de interação. Para não deixar de oferecer uma experiência interacional rica, usamos soluções bem simples em elementos como mensagens de alerta e avisos de nova atividade sobre o menu principal.”
05. Construção de template
“O projeto surgiu de uma demanda comercial do LANCENET!, que desenvolve produtos patrocinados para grandes marcas. Pensamos, então, numa solução de template que pudesse ser adaptada a qualquer patrocinador sem grandes esforços. Essa mesma estrutura foi reutilizada no projeto Super Bolão LANCENET!.”
06. CSS 3.0
“Usamos CSS 3.0 e jQuery para manter a fidelidade com o layout estático apresentado ao cliente. Além de viabilizar um layout rico em detalhes, essa escolha ainda visa à próxima fase do projeto: a adaptação para iPhone. A equipe da KAUS recebe sempre novos desafios, e esteve engajada em aprender essas novas linguagens para reduzir o tempo de transposição do projeto.”
