caso de estudoPÁGINA DE TIMESidéia - rascunho - wireframe - visual - código
este sou euOI! muito prazer@felipeluizefelipe.luize.com.br
mas o que é oFUTPÉDIA?
é um data visualizationda história do futebol
Um grandeinfográficointerativo, comfiltros temporais einterface intuitivaaos fanáticos porfutebolpágina dehistórico de jogos
página dejogos
página deedições decampeonatos
página daedição docampeonato
página daedição docampeonato
TIMES        HISTÓRICOS   JOGOS   CAMPEONATOS
alvoUSUÁRIOS
mas por queO USUÁRIO?1º   são eles que vão usar2º   a qualidade final do projeto3º   respaldo para decisõesnunca faça para ...
sobre osPROCESSOS
estude      pesquise       só então ENTENDA     REFERÊNCIAS     LAYOUTSQUESTIONE       VISUAIS,      E MAIS  DECIDA       ...
tude      pesquise       só então acompanhe TENDA     REFERÊNCIAS     LAYOUTS        DESENVOLVAESTIONE       VISUAIS,     ...
start:WIREFRAME
DESAFIO:  interpretar uma grande         massa de dadoscontida no SDE (Sistema   de Dados Esportivos -       globo) de man...
integração do time       DESENVOLVEDORES +          UX.UI DESIGNERS +ESPECIALISTAS EM FUTEBOL +
levantamento de INTERESSES• Maiores ídolos, nomes marcantes da equipe;• Estatísticas do time, número de gols marcados;• Co...
geração de ALTERNATIVAS
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
 caso de estudo: Futpédia, página de times
Próximos SlideShares
Carregando em…5
×

caso de estudo: Futpédia, página de times

1.144 visualizações

Publicada em

Publicada em: Design
1 comentário
5 gostaram
Estatísticas
Notas
Sem downloads
Visualizações
Visualizações totais
1.144
No SlideShare
0
A partir de incorporações
0
Número de incorporações
134
Ações
Compartilhamentos
0
Downloads
0
Comentários
1
Gostaram
5
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

caso de estudo: Futpédia, página de times

  1. 1. caso de estudoPÁGINA DE TIMESidéia - rascunho - wireframe - visual - código
  2. 2. este sou euOI! muito prazer@felipeluizefelipe.luize.com.br
  3. 3. mas o que é oFUTPÉDIA?
  4. 4. é um data visualizationda história do futebol
  5. 5. Um grandeinfográficointerativo, comfiltros temporais einterface intuitivaaos fanáticos porfutebolpágina dehistórico de jogos
  6. 6. página dejogos
  7. 7. página deedições decampeonatos
  8. 8. página daedição docampeonato
  9. 9. página daedição docampeonato
  10. 10. TIMES HISTÓRICOS JOGOS CAMPEONATOS
  11. 11. alvoUSUÁRIOS
  12. 12. mas por queO USUÁRIO?1º são eles que vão usar2º a qualidade final do projeto3º respaldo para decisõesnunca faça para outros designers...o belo pelo belo
  13. 13. sobre osPROCESSOS
  14. 14. estude pesquise só então ENTENDA REFERÊNCIAS LAYOUTSQUESTIONE VISUAIS, E MAIS DECIDA OU NÃO, E RABISCOSPERGUNTE EM OUTROS COM MUITAS DESENHE MEIOS DE VERSÕESRABISQUE COMUNICAÇÃO (para você)
  15. 15. tude pesquise só então acompanhe TENDA REFERÊNCIAS LAYOUTS DESENVOLVAESTIONE VISUAIS, E MAIS COM OECIDA OU NÃO, E RABISCOS DESENVOLVEDORRGUNTE EM OUTROS COM MUITAS PIXEL PERFECT SENHE MEIOS DE VERSÕES ATÉ O FIMBISQUE COMUNICAÇÃO (para você)
  16. 16. start:WIREFRAME
  17. 17. DESAFIO: interpretar uma grande massa de dadoscontida no SDE (Sistema de Dados Esportivos - globo) de maneira atrativa, um visual diferente dos demais sites da globo.com
  18. 18. integração do time DESENVOLVEDORES + UX.UI DESIGNERS +ESPECIALISTAS EM FUTEBOL +
  19. 19. levantamento de INTERESSES• Maiores ídolos, nomes marcantes da equipe;• Estatísticas do time, número de gols marcados;• Comparativo de histórico dos times contra rivais;• Sala de troféus (total de campeonatos vencidos), títulos;• Grandes jogos históricos, maiores goleadas, jogos mais votados;• Timeline da história do clube;• Gráficos de aproveitamento do time por campeonato;• Torcidômetro geolocalizado, número de torcedores no Facebook;• Evolução dos uniformes.
  20. 20. geração de ALTERNATIVAS

×