Projeto Flamengo (1)

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

PROJETO WEB
CLUBE DE REGATAS FLAMENGO
Introdução
O projeto tem como tema o Clube de Regatas Flamengo visando contar um pouco de sua história, títulos importantes, informações, noticias e muito mais sobre o futebol rubro negro. O propósito deste projeto é auxiliar os torcedores do Flamengo a não só conhecerem mais sobre o clube como também ter facilidade na aquisição de produtos, ingressos para jogos, promoções e muito mais. 
Clube de maior torcida do Brasil, o site falta algumas informações e atrativos para seu publico alvo que são pessoas de todas as idades, assim o objetivo é tornar o site mais atrativo para todos.
Desenvolvimento
Paleta de cores escolhida para o site 
Benchmark 
Card sorting 
 Proposta inicial 
 análise 
 Resultado 
• Diagrama de Navegação 
• Inventário de Contúdo 
• Wireframes com descrição funcional 
• Tela da página inicial 
• Tela de página interna
Paleta de cores
Cores escolhidas: Vermelho e preto.
Foram escolhidas estas cores pois são as cores do Clube de Regatas Flamengo, o tradicional rubro-negro.
PROJETO:
CLUBE DE REGATAS FLAMENGO
BECHMARKING
Bechmarking
Processo de avaliação da empresa em relação à concorrência, por meio do qual incorpora os melhores desempenhos de outras firmas e/ou aperfeiçoa os seus próprios métodos. O bechmarking tem o objetivo de melhorar as funções e processos de uma determinada empresa, além de ser um importante aliado para vencer a concorrência, uma vez que o benchmarking analisa as estratégias e possibilita a outra empresa criar e ter ideias novas em cima do que já é realizado.
BECHMARKING 1:
1 - Gostei do rodapé do site 
2 - galeria de fotos dos atletas do time.
Visitado em 02/03/16 https://www.chelseafc.com/
2
1
BECHMARKING 3:
1 - Gostei da galeria de fotos da pagina inicial, 2 - da aba para se cadastrar-se no site, 3 - na barra de menu 4 - e no posicionamento das redes sociais e barra de pesquisa.
Visitado em 02/03/16 http://www.flamengo.com.br/site/
1
2
3
4
BECHMARKING 2:
1 - Gostei do posicionamento do logotipo, 2 - na barra de menu.
Visitado em 02/03/16 http://www.psg.fr/pt/Accueil/0/Home
2
1
BECHMARKING 4:
1 - Gostei do posicionamento das redes sociais, 
2 - da tira mostrando o novo uniforme 3 - e a foto em destaque.
Visitado em 09/03/16 http://www.corinthians.com.br/home/
1
2
3
Personas
 
Nome: Vitória Martins
Idade: 28 anos
Sexo: Feminino
Emprego: Gerente de marketing
Gostos e desgostos: Gosta de ir aos jogos do Flamengo nos fins de semana e principalmente nos clássicos contra o Vasco, gosta de sair com os amigos para curtir a noite, não gosta de ficar parada e não gosta de sair sozinha.
Localização: Mora na Tijuca.
Acesso à internet: Pelo celular
Personas
Nome: Roberto Correia
Idade: 64 anos
Sexo: Masculino
Emprego: Aposentado
Gostos e desgostos: Gosta de ouvir os jogos do Flamengo no rádio nos dias de semana e gosta de levar a família nos jogos domingos a tarde, não gosta de enfrentar filas para comprar ingressos pro jogo e não gosta de ir ao estádio sozinho.
Localização: Mora em Santa Teresa.
Acesso à internet: Pelo computador com ajuda dos netos.
Personas
Nome: Pietro Soares
Idade: 10 anos
Sexo: Masculino
Estudante
Gostos e desgostos: Gosta de jogar vídeo game e jogos online no computador, também gosta de jogar futebol. Não gosta de ficar de castigo e não gosta de perder no vídeo game.
Localização: Mora na Gávea.
Acesso à internet: Pelo tablet, computador e celular.
Card Sorting
O card-sorting é uma técnica usada para descobrir como o usuário classifica determinada informação em sua mente.
Foram entrevistadas 3 pessoas que fazem parte do público alvo sobre o projeto que está sendo realizado.
Card sorting
Card sorting
Card sorting
Card sorting
RESULTADO:
Após análise revisando o diagrama inicial e a opinião dos entrevistados, conclui-se que 2 dos 3 entrevistados gostariam de ter o item DESCONTOS, gostariam também do item LOGIN/MEU PLANO e INGRESSOS na aba de SOCIO TORCEDOR. 
Achei interessante acrescentar os itens DESCONTOS, FIDELIDADE, LOGIN ou MEU PLANO e CARTÃO INGRESSO ou INGRESSOS na aba de SOCIO TORCEDOR e PROGRAMAÇAO DA SEMANA na aba FUTEBOL.
Assim o diagrama final ficaria da seguinte maneira:
Inventário de conteúdo
Diagrama de navegação
Wireframe Funcional
Wireframe é um desenho básico, como um esqueleto, que demonstra, de forma direta, a arquitetura de como o objeto (interface, página da internet, modelo, etc.) final será de acordo com as especificações relatadas.
Ele é elaborado para organizar os elementos que entrarão na composição do projeto final, no entanto, ele deve ser feito da maneira mais simples possível, mostrando apenas o essencial, como uma espécie de rascunho, sem cores ou imagens
 Flamengo
O clube Loja online Futebol Sócio torcedor Galeria
Barra de pesquisa
WIREFRAME COM DESCRIÇÃO FUNCIONAL
 HOME
1
Ao clicar no logo, o usuário será redirecionado para a Home
2
Quando o usuário passar o mouse em cima do menu, ele mudará de cor e mostrará os submenus
3
O banner mostrará imagens do dia a dia do clube, noticias, enquetes.
4
Ao clicar no ícone das redes sociais, o usuário será direcionado as respectivas páginas
5
Na barra, o usuário poderá realizar pesquisas usando até 30 caracteres.
6
Nessa tira, será exibida a linha de uniformes e promoções.
7
Campo para o usuário fazer o cadastramento para se tornar um sócio.
WIREFRAME COM DESCRIÇÃO FUNCIONAL
 GALERIA
 Flamengo
O clube Loja online Futebol Sócio torcedor Galeria
Barra de pesquisa
Galeria
FOTOS
VÍDEOS
1
Ao clicar em FOTOS, o usuário será direcionado a todas as fotos sobre o clube
2
Ao clicar em VIDEOS, o usuário será direcionado a todos os vídeos sobre o clube.
Resultado do trabalho
 O clube Loja online Futebol Sócio torcedor Galeria
 Flamengo
Zagueiro veio do Internacional por empréstimo.
Resultado do trabalho
 Flamengo
 O clube Loja online Futebol Sócio torcedor Galeria
Muralha segue titular no Flamengo..
+ Fotos
+ Vídeos