Sobre Serviços Trabalhos Bastidores Processo Contato Falar no WhatsApp
Voltar aos trabalhos UX/UI

HI-REZ Studios

Estudo de redesign da interface web para a página de jogos da HI-REZ Studios.

Redesign da página de jogos da HI-REZ Studios

Problema

A ideia do redesign veio através de uma conversa com amigos que são usuários dos jogos da Hi-Rez Studios, os mesmos informaram que ao entrar no site, ficavam confusos e com dificuldade de encontrar a aba de jogos.

Personas

Foto de João Victor

João Victor

26 Anos

Estudante de arquitetura e amante de games.

Jogo Paladins desde os meus 20 anos mas até hoje eu fico meio confuso quando preciso entrar no site da Hi-Rez, não é nada intuitivo para achar os jogos
Foto de Ana Clara

Ana Clara

23 Anos

Estudante de moda e gamer casual.

Normalmente eu jogo Smite com meus amigos, mas sempre que eu vou reinstalar o jogo eu fico super confusa no site da Hi-Rez, eles não colocam os jogos de forma fácil para acessar.

Esboço

Coloquei minha ideia inicial da interface no papel para ter a primeira visão geral da página.

Esboço em papel do redesign HI-REZ

Wireframe de média fidelidade

Após obter a estrutura da página através do esboço no papel, comecei a fazer a primeira versão em baixa fidelidade pelo computador.

Wireframe HI-REZ 1Wireframe HI-REZ 2
Wireframe HI-REZ 3Wireframe HI-REZ 4
Demonstração animada da navegação HI-REZ

Tipografia

O estilo tipográfico foi selecionado devido seu aspecto elegante, simples e legível.

Tipografia do redesign HI-REZ

Protótipo de alta fidelidade

Para o protótipo de alta fidelidade da página, procurei deixá-lo com um aspecto agradável e intuitivo, onde os jogos sejam encontrados com facilidade.

Tela do protótipo HI-REZTela do protótipo HI-REZTela do protótipo HI-REZTela do protótipo HI-REZTela do protótipo HI-REZ
Tela do protótipo HI-REZTela do protótipo HI-REZTela do protótipo HI-REZTela do protótipo HI-REZTela do protótipo HI-REZ
Navegação no protótipo
Navegação pela página redesenhada · 00:43

Veja o protótipo funcionando

Navegue pela versão interativa completa deste projeto, direto no Figma ou Adobe XD.

Gostou do processo?

Posso aplicar o mesmo cuidado — da pesquisa ao protótipo final — no seu próximo projeto.

WhatsApp