1. caso de estudo
PÁGINA DE TIMES
idéia - rascunho - wireframe - visual - código

2. este sou eu
OI! muito prazer
@felipeluize
felipe.luize.com.br

3. mas o que é o
FUTPÉDIA?

4. é um data visualization
da história do futebol

6. Um grande
infográfico
interativo, com
filtros temporais e
interface intuitiva
aos fanáticos por
futebol
página de
histórico de jogos

7. página de
jogos

8. página de
edições de
campeonatos

9. página da
edição do
campeonato

10. página da
edição do
campeonato

11. TIMES
HISTÓRICOS JOGOS CAMPEONATOS

12. alvo
USUÁRIOS

14. mas por que
O USUÁRIO?
1º são eles que vão usar
2º a qualidade final do projeto
3º respaldo para decisões
nunca faça para outros designers...
o belo pelo belo

15. sobre os
PROCESSOS

16. estude pesquise só então
ENTENDA REFERÊNCIAS LAYOUTS
QUESTIONE VISUAIS, E MAIS
DECIDA OU NÃO, E RABISCOS
PERGUNTE EM OUTROS COM MUITAS
DESENHE MEIOS DE VERSÕES
RABISQUE COMUNICAÇÃO (para você)

17. tude pesquise só então acompanhe
TENDA REFERÊNCIAS LAYOUTS DESENVOLVA
ESTIONE VISUAIS, E MAIS COM O
ECIDA OU NÃO, E RABISCOS DESENVOLVEDOR
RGUNTE EM OUTROS COM MUITAS PIXEL PERFECT
SENHE MEIOS DE VERSÕES ATÉ O FIM
BISQUE COMUNICAÇÃO (para você)

18. start:
WIREFRAME

19. DESAFIO:
interpretar uma grande
massa de dados
contida no SDE (Sistema
de Dados Esportivos -
globo) de maneira
atrativa, um visual
diferente dos demais
sites da globo.com

20. integração do time
DESENVOLVEDORES +
UX.UI DESIGNERS +
ESPECIALISTAS EM FUTEBOL +

21. 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.

22. geração de ALTERNATIVAS