Raphael Aleixo

Eu torço pelo Botafogo. Eu poderia reclamar de vários problemas hoje, já que o time ocupa uma das últimas posições no Campeonato Brasileiro, e pouco trabalho parece estar sendo feito por seu presidente e dirigentes. Mas esse é um blog de um webdesigner, e eu acho que discutir e comentar sobre o site e a arquitetura de informação do site oficial do Botafogo seria uma das melhores maneiras que poderia ajudar. Mas, mesmo que você não torça pelo mesmo time que eu, pode continuar lendo: Quando falamos de presença online, quase todos os times brasileiros da série A parecem estar jogando muito mal.

Eu visitei cada um dos sites dos 20 times da série A, me preocupando principalmente com essas características: Feeds em RSS, venda de tickets online, interatividade (mídias sociais), resolução de visualização ideal e design baseado em CSS. E nenhuma das páginas oficiais possuem todas essas opções no seu ideal.

Feeds em RSS

Quando você vai no site do seu time favorito, é natural que você espere ler todas as últimas notícias relacionadas à ele. Hoje, é ainda mais fácil e simples ter essas notícias agregadas ao seu leitor de RSS favorito, através de um desses feeds. Mas, para minha surpresa, menos da metade dos sites disponibilizavam um link para o RSS através da página principal. Na verdade, poucos deles tinham sequer notícias recentes!

Eu entendo que conseguir jornalistas e webwritters não é uma tarefa tão simples quanto pode parecer. No entanto é razoavelmente simples listar, numa página, notícias que venham de diferentes fontes (outros sites de notícias, por exemplo). Muitos sites não-oficiais já fazem isso. O site do Botafogo, infelizmente não só não possui um feed em RSS, quanto, ao tempo que escrevo esse post, nenhuma das 5 últimas notícias do globoesporte.com ainda não foram noticiadas pelo site oficial.

Vendendo Ingressos Online

Comprar ingressos online para os jogos não é uma tarefa fácil: Não só por culpa dos clubes, mas principalmente porque os estádios dão pouco (ou nenhum) suporte para esse tipo de vendas. Nenhum dos sites vende os ingressos diretamente. Quando vendem, redirecionam o usuário para uma outra página (normalmente Ingresso Rápido ou Visa Futebol Card) onde você pode fazer a compra pelo seu cartão de crédito.

Aqui, o site do Botafogo tem uma falha enorme: Ainda que você possa comprar os ingressos do jogo pelo FutebolCard, não há um link ou banner na página principal apontando para lá. Pessoas que não sabem que existe essa opção, provavelmente continuarão sem saber.

Interatividade

Quase todos os times hoje possuem uma conta oficial no Twitter, tornando este serviço o mais usado canal de interatividade dos clubes com os torcedores, vencendo opções como blogs oficiais e canais no You Tube.

Mas ainda assim, não é tão bom. A maioria das contas de Twitter são, na verdade, um serviço de RSS disfarçado, postando apenas as manchetes das notícias destacadas na página oficial, tendo muito pouca, ou nenhuma, interação com os torcedores. E o que vale uma mídia social, quando ela não é nem um pouco social? Quando falamos de blogs, as coisas ficam um pouco melhor: Quando os clubes possuem um blog, ao menos permitem comentários. E o único link oficial para um canal no You Tube (dos que estão listados nas páginas principais dos times), não leva para um canal oficial, na verdade.

Um fato divertido envolvendo o twitter é que tanto o Atlético Mineiro como o Internacional trocaram a cor do logo do Twitter, para que não tivessem nada azul (a cor dos seus rivais) em suas páginas principais. Mas tiveram que aceitar a marca oficial na página do Twitter.

O Botafogo possui uma conta no Twitter, mas não demonstra na sua página principal.

Resolução de tela ideal

Ainda que monitores widescreen e LCD venham ficando cada vez mais baratos e maiores, metade dos sites que visitei (incluindo o do Botafogo), tem um design projetado para resoluções de 800 pixels de largura. Além de fazer com que o layout pareça datado, esses formatos mais estreitos normalmente vêm junto com uma desorganização visual, já que muita informação fica estruturada em um espaço menor. Nenhum dos sites possui um layout adaptativo ou líquido, e poucos deles possui uma imagem de fundo otimizada para aparecer em resoluções para grandes monitores (1650 pixels+).

CSS-Based Design

Pra minha surpresa, quase metade dos sites visitados aindam usam tabelas como base para o código HTML. E isso fica ainda pior, quando vemos que a maioria sofreu um redesign nos últimos dois anos, quando layouts em CSS sem tabelas já era usados frequentemente.

Conclusão

Infelizmente, o site do Botafogo é um dos piores designs, quando avaliados por esses aspectos: Não têm feeds em RSS, ainda que o clube possua uma conta no Twitter e capacidade para venda online de ingressos, sua página principal não destaca isso em lugar algum, é ainda feito usando tabelas, para uma resolução de 800 pixels de largura. Não quero aqui, com isso, culpar o trabalho de designer algum: Não tenho a menor idéia de como esse trabalho foi conduzido e acertado.

Acho que criar uma imagem sólida na internet é muito importante para qualquer clube e para seus torcedores. Eles não deveriam esperar um redesign completo do site para começar a mudar esses problemas: Acrescentar banners sobre o Twitter e sobre a venda online de ticketes, pode não ser a melhor solução, mas será melhor que esconder isso por completo dos usuários. Depois, eles poderiam olhar para os sites do Avai e do Internacional: Eles, ainda que tenham muitos problemas, são os melhores exemplos online dentro os 20 times. Depois disso, é hora de pensar grande: A internet, hoje pode ser uma grande solução para juntar a multidão e – porque não – renda, já que com isso você pode passar a entender melhor os torcedores, e o que eles esperam.

Update

Fazem já 6 meses desde quando escrevi esse post, originalmente em inglês. Hoje, decidindo tocar o blog em português, vendo a dificuldade que teria em manter tudo em uma língua que não me é tão natural, traduzi tudo. A única mudança foi o acréscimo de um banner para o Twitter. As coisas continuam ruins por aqui.