top of page
@alexvelasquespersonal
@alexvelasquespersonal
Cícero Schneider
JUNHO 2021
Redesign Web site
Inter de Santa Maria
Desafio: Criar uma proposta de redesign para modificação do layout e organização no website do INTERSM.
Solução: Reestruturação do menu e grupos de informações no site para uma organização duradoura.
Pesquisa e ideação
Utilizei a ferramenta Google Forms e entrevistas em vídeo com usuários frequentadores do site. Com 12 usuários.
Principais dores apontadas:
12
° Layout do site.
° Difícil achar as notícias.
° Não encontrar partidas
Personas
João | 27 | Jornalista
" Eu gosto de acompanhar os jogos do InterSM, gostaria de ter mais informações sobre os campeonatos e jogos."
Neracir | 77 | Dona de Casa
" As vezes fica difícil saber quando vai ter jogos e risoto para pegar no estádio, não parece algo que chame atenção, pra quem mora longe é bem complicado."
Jornada do Usuário
Ações
Pensamentos
Problemas
Entra na página inicial.
Muita informação, as vezes fico
um pouco tonta.
Vasculha as notícias.
Encontra Notícia de Risoto.
Muita notícia espalhada.
Podia ter uma imagem do prato
e quantidade servida.
As informações estão muitas vezes em forma de imagem sem explicações mais acuradas.
Não tem um modo rápido de achar a pesquisa.
Pouca informação sobre o risoto e galeto em si.
Neracir
Ações
Pensamentos
Problemas
Entra na página inicial.
Muita informação na tela, não saber para onde olhar.
informações amontoadas em modo não muito atraente.
Procurar jogos
Ver tabela e próximo jogo
Gostaria que tivesse mais coisas sobre.
Quero saber pra poder me programar e asssitir
Sem informações dos antigos jogos e copas.
Com a pandemia o quadro está em branco e só.
João
Wireframes
Foi criado alternativas de soluções para as dores do usuário
com foco na organização da informação e mais destaque nas partidas e notícias principais.
Resultado
A escolha foi realizada com a melhor e mais simples visão aos usuários, com o uso de imagens para destacar as partidas e notícias, utilizando a identidade visual do alvirrubro
Comparativo
Tipografia
Roboto Bold
ABCDEFGHIJKLMNOPQRSTWXYZabcdefghijklmnopqrstwxyz
Roboto Thin
ABCDEFGHIJKLMNOPQRSTWXYZabcdefghijklmnopqrstwxyz
Cores
bottom of page