top of page

UX design

Case - Skatevídeos

Resumo: UX design de um aplicativo para os amantes de skates verem os melhores vídeos de profissionais e as marcas patrocinadoras (case fictício)

Função: UX designer

Problema

É necessário um aplicativo especializado em vídeos de divulgação de skatistas e marcas de customização de skates. O público-alvo é composto principalmente por jovens, entre 15 e 45 anos, de todos os gêneros, que andam de skate e gostam de assistir vídeos relacionados a este tema.

Ele será utilizado como uma plataforma na qual as pessoas possam assistir vídeos de skate postados pela equipe do aplicativo. O usuário deve entrar na tela inicial e ver sugestões de vídeos, assim como pesquisar outros que quiser. Além disso, a visualização de vídeos deve ser de fácil acesso para os usuários.

Meu trabalho como designer

Realizei desk research e benchmark. O desk research foi realizado no Google com palavras-chave skate e skatista. Os resultados englobaram lojas com os produtos e locais no Google Maps com pistas. 

O benchmark apontou que o YouTube e o Vimeo são os principais concorrentes do aplicativo. Porém, por serem plataformas focadas nos vídeos, não possuem espaços para as marcas mostrarem seus conteúdos audiovisuais. Isso é uma vantagem para focar no aplicativo.

O primeiro pressuposto para o aplicativo é que ele seja simples e que valorize a visualização dos vídeos. Foi preciso criar uma logomarca também. Com base no benchmark, percebi que as funcionalidades deveriam ser básicas como nas redes sociais nos aplicativos. Assim, comecei os wireframes pensando nas seguintes funcionalidades: perfil, login com e-mail e senha ou Google, página da marca, visualização do vídeo, favoritos e busca.

Após isso, comecei a pensar na identidade visual. Como os skates possuem cores vivas, optei pela paleta verde para atender o colorido e manter um gênero neutro.

Foi utilizado o Figma para a criação das telas com grids 8pt, voltadas para smartphones Android e iOS. Também fiz a prototipação em alta fidelidade.

Produto "Skatevídeos"

Após fazer as telas e prototipá-las, segui para os testes de usabilidade com pessoas dentro do público-alvo.  Além disso, fiz o design da logomarca e todo o style guide necessário para o aplicativo.

style guide.png

Fiz remotamente os testes com o uso da plataforma Maze. Depois do feedback deles, fiz pequenos ajustes com o tamanho da fonte do texto.

Assista aqui o fluxo completo do Skatevídeos e acesse o protótipo navegável

bottom of page