Globoplay UX/UI redesign

Sobre o projeto

Este case foi desenvolvido como parte de um teste técnico para a posição de UX/UI Designer.

O objetivo foi analisar e resolver problemas nos serviços de streaming de vídeo no Brasil. O desafio incluía identificar pontos de dor dos usuários e propor melhorias nas interfaces e funcionalidades dos sites de streaming, seguindo a metodologia Double Diamond.

Pesquisa com usuários

Para determinar em qual serviço de streaming focar neste projeto, realizei uma pequena pesquisa com 20 participantes através de um formulário online e entrevistas presenciais. Os resultados foram os seguintes:

Melhoria desejada: A principal funcionalidade que os usuários gostariam de ver em uma plataforma de streaming é a função de "watch party" para assistir os conteúdos de forma conjunta com outros usuários.

Benchmarking

Após ter essas informações levantadas, fiz um benchmarking entre as empresas citadas nas entrevistas com os usuários e as funcionalidades que elas oferecem:

User Persona

Para manter o projeto centrado no usuário, desenvolvi a persona Jessica Almeida, uma atriz que valoriza o conteúdo nacional e a qualidade do streaming, mas sente falta de uma funcionalidade para assistir com amigos, acha a interface confusa e se incomoda com os anúncios, apesar de ser assinante.

Crazy 8s

Com todas as dores dos usuários mapeadas, avancei para a etapa de ideação utilizando a técnica de desenhar 8 soluções em 8 minutos.

Separei 4 soluções focadas na implementação da função Watch Party e 4 soluções voltadas para a melhoria da interface inicial.

Protótipo no papel

Com 4 versões de cada solução, refinei minhas ideias e criei um protótipo em papel para uma tela de Watch Party e uma tela da interface inicial, proporcionando uma visão clara e detalhada de como as melhorias se integrariam ao produto final.

Wireframes de média fidelidade

A partir desse momento, avancei para o Figma e desenvolvi um protótipo de média fidelidade, garantindo que as soluções propostas fossem visualmente claras e funcionais. Este protótipo serviu como uma base sólida para futuras iterações e validações com os usuários.

Paleta de cores

Utilizei a paleta de cores fornecida no manual da marca Globoplay, disponível no site da Globo.

Wireframes de alta fidelidade

Para a alta fidelidade da tela inicial, implementei as seguintes melhorias:

• Banner inicial reduzido: Menor e menos intrusivo, proporcionando uma visualização mais limpa.

• Seção "Continuar Assistindo": Agora posicionada no topo, facilitando o acesso dos usuários ao conteúdo já iniciado.

• Seção dos 10 Mais Assistidos: Posicionada logo abaixo, permitindo acesso rápido aos conteúdos populares.

• Seção "Minha Lista": Visível na primeira tela, oferecendo uma experiência mais personalizada.

• Recomendações personalizadas: Baseadas nas preferências do usuário, com etiquetas indicando o tipo de conteúdo.

• Navegação simplificada: Seções separadas em uma única linha, facilitando a seleção e a busca pelo conteúdo preferido dos usuários.

Já no compartilhamento em grupo foram feitas as seguintes implementações:

• Watch party com chat ao vivo: Permite conversas em tempo real com outras pessoas na sala.

• Recomendações do que assistir a seguir: Baseadas no conteúdo que está sendo visualizado no momento.

• Títulos relacionados: Sugestões de conteúdos semelhantes que o usuário possa gostar.

• Lista de salvos: Acesso rápido aos títulos salvos pelo usuário, facilitando o compartilhamento desses conteúdos.

O que foi aprendido nesse projeto

Apesar do tempo limitado para percorrer todas as etapas da metodologia Double Diamond, estou muito satisfeita com os resultados alcançados e com o desenvolvimento realizado. Este projeto foi uma valiosa oportunidade de aprendizado, evidenciando que, muitas vezes, as necessidades e expectativas dos usuários podem diferir das nossas suposições iniciais. Através das pesquisas e feedbacks obtidos, foi possível entender melhor as verdadeiras lacunas e oportunidades de melhoria.

Muito obrigada por ter lido até aqui!

Sinta-se à vontade para explorar outros projetos em meu portfólio ou conferir a versão em inglês deste projeto no Behance.

Caso tenha interesse em entrar em contato, você pode me encontrar no LinkedIn, por e-mail ou pelo formulário disponível na página inicial.

Estou à disposição para qualquer dúvida, comentário ou oportunidade de colaboração!