top of page

Projetos UX/UI:

1 - rede otaku.png

Interface mobile para app voltado a streaming de animes.

1.1.png
2.1.png
3.1.png

DUPLO DIAMANTE:

Para me auxiliar no desenvolvimento desta interface do zero,
eu utilizei o método duplo diamante.

dUPLO DIAMANTE.png

O DESAFIO

Durante anos usei diversos aplicativos de streaming para animes, mas todos faltavam funções ou tinham algum problema que influenciava na usabilidade do mesmo. Pensando nisto eu decidi criar uma interface, onde através de pesquisas com diversas pessoas que consomem diariamente apps de streaming para animes, tivesse todas as funções mais importantes para uma boa usabilidade do usuário.

1)    DESCOBRIR | A PESQUISA

De acordo com uma pesquisa realizada através do Google Forms, podemos ter uma visão de quem são os usuários, e quais são suas opiniões sobre os aplicativos deste nicho no mercado. 

Pesquisa.png

A pergunta: "O que você mudaria/adicionaria no aplicativo de animes que você utiliza?"

Respostas: 

Pessoa 1: "O aplicativo que eu uso é muito feio e meio complicado de entender, mas é o único que tem todos os animes que eu gosto :("

Pessoa 2: "Sim, a possibilidade de criar uma conta no app para quando reinstalar o aplicativo a lista de favoritos não sumir."

Pessoa 3: "Talvez só uma maneira de conhecer pessoas dentro do app"

Pessoa 4: "Onde eu assisto não tem a função visto por ultimo, e também é meio feio, só uso porque é fácil de achar os animes que lançam."

2)    DEFINIR | ENTENDENDO O PROBLEMA

A partir da pesquisa realizada, pude perceber as maiores necessidades que os usuários deste determinado nicho almejam e quais problemas mais os afetam.



Utilizando a pesquisa de base, criei personas para auxiliar na elaboração e desenvolvimento do projeto.

Luiza Santos

19 Anos

Mulher cisgênero, estudante de relações internacionais.

"Gosto muito de assistir animes no final do meu dia, mas a maioria dos aplicativos que eu já usei sempre tem um ou outro problema, as vezes eu não consigo salvar os animes nos favoritos, ou o histórico de visualizações buga e eu não consigo encontrar um episódio que eu assisti novamente."

Elipse 1 (1).png

Gabriel Lemos

25 Anos

Homem Bissexual, estudante de Design.


"Eu assisto animes casualmente e percebo que a maioria dos aplicativos só tem o episódio e pronto, eu sinto falta de um app mais completo que abranja mais funções e opções para o usuário."

Elipse 1.png

3 )    DESENVOLVER | DESIGN

Para visualizar de uma maneira mais geral a interface que eu tinha em mente, desenhei esboços iniciais no papel.

download.png

ARQUITETURA DA INFORMAÇÃO

Para auxiliar o desenvolvimento do design do aplicativo eu desenvolvi um workflow para saber a arquitetura ideal para cada seção do app.

WIREFRAME DE MÉDIA FIDELIDADE

Depois de organizar todas as informações, iniciei a criação do wireframe de média fidelidade do app.

iPhone 6-7-8 – 163.png
iPhone 6-7-8 – 90.png
iPhone 6-7-8 – 168.png
iPhone 6-7-8 – 164.png
iPhone 6-7-8 – 165.png
iPhone 6-7-8 – 167.png
iPhone 6-7-8 – 166.png

4)     ENTREGAR | PROTOTIPAÇÃO

TIPOGRAFIA + PALETA DE CORES


A tipografia foi escolhida com o intuito de deixar a leitura fácil e a navegação pelo app de uma forma intuitiva, levando o usuário até seus objetivos.

download (1).png

A paleta que escolhi para a interface, foi selecionada a partir de variações dos tons das cores existentes na bandeira do Japão, juntamente das cores neutras absolutas (Preto e branco) e suas variações (Tons de cinza).

download (3).png

LOGO E ICONES

download (4).png

PROTÓTIPO DE ALTA FIDELIDADE

Para o protótipo de alta fidelidade, procurei deixá-lo esteticamente agradável e intuitivo, onde todas as funções sejam encontradas com facilidade.

CLIQUE ABAIXO PARA TER ACESSO
AO PROTÓTIPO INTERATIVO

botão para whatsapp
bottom of page