Uma amiga minha está trabalhando de assistende de edição em um dos projetos sociais patrocinados pela Nike.

O projeto sobre futebol Batalha das Quadras tem muito mais por trás dele do que o excelente projeto social e o excelente conteúdo bem montado. A tecnologia e insights no uso de ferramentas grátis e redes sociais contribuem de maneira muito positiva e prova que uma equipe (provavelmente, não os conheço e não tive contato) pequena pode executar grandes peças quando não há limitadores “políticos” no projeto.

Olhando rapidamente, eu que já estou acostumado com essa parte técnica, deu pra ver que eles usam:

• WordPress
• Flickr
• Vimeo
• Youtube

Esse combo é nada mais nada menos do que as ferramentas mais usadas hoje em dia por usuários comuns, que com facilidade publicam os seus conteúdos na internet hoje em dia numa velocidade e quantidade cada vez maiores.

Se você não entrou no link que eu coloquei acima, entre agora no ‘Batalha das Quadras’ e dê uma breve navegada. Olhe a sessão de vídeos e também uma das sessões de um dia de evento.

Navegou? Certo!

Repare que o site de cara dá uma ótima impressão de site profissional. Quem diria que o WordPress poderia fazer algo assim, certo? Acho que a maioria das pessoas quando escuta falar de Blogger, blogspot ou WordPress imagina aquela cara básica de blog. Mas o WordPress foi usado de forma extremamente inteligente e criativa nesse caso. Vejam o que eu reparei:

• A sessão é uma categoria do WordPress. Ao postar o vídeo o editor só precisa colar o <embed> e escolher a categoria vídeo
• No template da categoria o último vídeo publicado já entra como vídeo bem grande em cima, os demais entram com uma imagem pequena
• O uso do Vimeo foi essencial para o vídeo poder ser grande assim e também não travar computadores lentos. O Vimeo tem um encoder muito bom, todos os profissionais de vídeo acabam querendo postar lá ao invés do youtube. Mesmo os vídeos em alta qualidade do Youtube não chegam aos pés do Vimeo.
• O vídeo ser em widescreen dá não só a sensação de “novo e moderno” já que aos poucos o mercado está migrando para esse formato mas também contribui muito para o desempenho e qualidade. É possível usar a largura inteira do layout sem aumentar demais o número de pixels a ser processado pelo computador (desempenho) e compactado pelo encoder (velocidade de download/streaming).

Mesmo que a própria equipe que fez o projeto esteja postando o vídeo, essa estrutura permite que com quase nada de programação, quase nada de esforço na publicação, resulte na alta qualidade da apresentação final. Pouco tempo de desenvolvimento, pouca preocupação pra todos, ótimo resultado. Além do mais se não for a equipe deles que está postando, qualquer “leigo em programação” pode postar com a mesma facilidade que se manda um e-mail, usando o WordPress.

Não foi só nisso que a equipe teve ótimas idéias. Como o conteúdo é focado em dias de partidas de futebol, faz sentido agrupar por dia. Cada dia de cada cidade tem uma categoria no WordPress, e mais uma vez pouco trabaho de programação no template da categoria atendeu muito bem a necessidade de Arquitetura de Informação para deixar o site super fácil de navegar.

Eles aproveitaram essa organização por data e decidiram abrir a página dessa “data-categorização” com o álbum de fotos do dia. Genial. O usuário não precisa entrar numa sessão de fotos, ele entra no “O que rolou no dia tal na cidade tal” e tem não só as fotos, mas em baixo delas também as notícias daquele dia. Como os posts podem ter mais de uma categoria, então os vídeos entram como notícia também. Organização do conteúdo muito bem feita.

Vale dizer que o uso do Flickr tem tantas vantagens que a Nike pelo visto adotou como padrão. Tem muitas coisas da Nike no Flickr não relacionadas com esse site especificamente. Isso não só é inteligente da parte social dos usuários poderem comentar, marcar como favorito e encontrar na busca as fotos que lá estão mas também é uma opção economicamente inteligente. O Flickr tem alta qualidade em todas as fotos, ele gera diversos tamanhos de fotos que dificilmente a equipe de design precisará de outro tamanho, além do mais a assinatura de uma conta pro é irrisório para projetos de marketing, sendo que o Flickr garante alta disponibilidade e alta velocidade na visualização. Empresas que hospedam as fotos com a própria tecnologia podem ter diversos problemas que o Flickr elimina e também terá custo alto de desenvolvimento interno.

Por fim em um lugar discreto do site a equipe arriscou criar uma área colaborativa. Até o momento não tem muito conteúdo dos usuários, mas existe uma página para o envio de conteúdo colaborativo. Eles escolheram o Flickr para os usuários enviar fotos e o Youtube para os usuários enviarem vídeos. Nesse momento o Youtube é melhor escolha do que o Vimeo, já que ele possui interface em português e maior popularidade entre os usuários. E também é mais um site para citar e atrair links para o site principal do projeto. Se o conteúdo de usuários crescer muito, como ambas as ferramentas disponibilizam ótimas APIs para programadores acessarem as informações com facilidade e como o WordPress possui vários plugins para essas APIs, será fácil para a equipe incluir o conteúdo fotográfico de vídeo no site oficial do projeto.

Não dá pra falar 100% bem

Já que estou enchendo a bola da equipe que fez o site, vou colocar aqui algumas críticas contrutivas. Não é possível acertar tudo sempre e também às vezes não há tempo hábil para desenvolver tudo. Mas a equipe comenteu pequenos erros e 1 pecado nesse desenvolvimento.

O pecado é bem simples de corrigir e eu vou tentar mandar um e-mail pra eles sobre isso. Eles colocaram um menu em Flash para a navegação principal. À princípio isso não é mal, pelo contrário, utilizaram transparência gradativa e isso dá uma ótima sensação, esse pequeno layout seria um pouco trabalhoso em CSS+Javascript e como o site é bem pontual a falta do botão do meio do mouse para abrir em outra aba (ou o direito para o menu de opções do navegador) não dá grande impacto na usabilidade, e provavelmente foi feito pela equipe de design, livrando um pouco a fila de programação. Em outros sites isso seria bem pior.

Mas o pecado não é exatamente esse. O pecado é não ter incluído uma versão HTML do menu no código, mesmo que escondido. Isso faria com que o site inteiro fosse super bem visto no Google, coisa que não acontece no momento. Bastava um <ul id=”menu” style=”display:none”> com os itens lá dentro que a diferença na indexação seria bem grande.

O resto das minhas críticas são menores do que esse pecado. Uma coisa que pode os ajudar a aparecer melhor no Google é o popular plugin de sitemaps para WordPress, que indica para o Google todas as páginas que existe no site e opcionalmente dá peso e relevância diferenciadas pras páginas. Além disso a navegação por tags deles não deixa encontrar as fotos, posts com os álbuns de cada dia e com algum truque de programação poderiam fazer os álbuns aparecerem com a tag “fotos” e redirecionar para a página da categoria do dia, onde já existem os álbuns.

Com essas pequenas críticas eu encerro meu post dando muito parabés pra equipe que criou o site.