Figma: Construindo um protótipo do app NetFlix

Marcos Rangel Designer
Marcos Rangel Designer
2 min readApr 5, 2021

Recriei o aplicativo do NetFilx como forma de estudo e treino na prototipação do app com o Figma.

Tarefa

Recriar o aplicativo NetFlix, inclusive utilizando scrolling horizontal e vertical para a busca de filmes. A tarefa teste consiste em desenvolver o protótipo, no qual seja possível acessar os detalhes do título do filme Star Wars, além de ser possível rolar horizontalmente a lista de títulos na busca por um título.

Desenvolvimento

Como forma de buscar um melhor entendimento sobre o experimento, antes mesmo de iniciar o projeto no Figma, busquei fazer um modelo do projeto no papel .

RabiscoFrame

Protótipo de baixa fidelidade

Como é possível visualizar no vídeo ao lado, criei um protótipo de baixa fidelidade utilizando o Marvel App com o intuito de tornar o processo de desenvolvimento mais próximo da realidade.

Protótipo de Alta Fidelidade

Veja o resultado do estudo realizado.
Use o protótipo abaixo e busque pelo filme Star Wars.
O intuito é conseguir navegar pelo app e chegar a pagina de detalhes do título.

Protótipo Alta Fidelidade — Figma

Se preferir (ou caso a visualização não esteja correta por aqui),
você pode acessar o protótipo por este link abaixo:

--

--

Marcos Rangel Designer
Marcos Rangel Designer

Para mim o design é oportunidade de tornarmos o mundo um lugar melhor para se viver. Sou apaixonado por produtos digitais e soluções. Adoro fazer parte delas.