UX/UI Design, Product Designer

APLICATIVOS

Figma, Photoshop, Zoom & Notion

ANO:

2025



Cover
Cover
Cover

visão geral.

O Letterboxd é uma plataforma popular para descobrir, avaliar, organizar e compartilhar filmes e séries, permitindo que os usuários criem listas personalizadas, acompanhem o que assistiram, escrevam críticas e interajam com uma comunidade global apaixonada por cinema.


problema e solução.

O Letterboxd é ótimo para descobrir e organizar filmes, mas o momento de “quero assistir agora” costuma virar um fluxo quebrado: o usuário encontra o título em um lugar, precisa checar disponibilidade em outros apps, compara assinatura vs aluguel/compra e muitas vezes não confia totalmente no “onde assistir” por mudanças de catálogo e variações por plataforma. Para um público jovem, esse atrito aparece ainda mais, porque a expectativa é decidir rápido, com contexto claro e ações diretas, sem depender de tentativa e erro entre aplicativos

Criei o insKino como uma releitura do Letterboxd com foco em reduzir o caminho entre descoberta e play, mantendo o lado social e de catálogo, mas trazendo uma experiência mais guiada e objetiva. A interface prioriza descoberta por tags e busca direta para quem não tem um título em mente, e organiza a página do filme para destacar “onde assistir” de forma escaneável, separando assinatura, aluguel e compra e incluindo sinais de confiança para apoiar a decisão. O fluxo é complementado por ações rápidas, como salvar e receber aviso quando o título ficar disponível, sempre com hierarquia visual e microcopy pensadas para diminuir indecisão e passos desnecessários

Showcase image
Showcase image
Showcase image
Showcase image
Showcase image
Showcase image

processo.

user research

Mapeei padrões de comportamento e frustrações por meio de entrevistas e análise de mercado. Os dados coletados orientaram a definição da persona, jornada e prioridades de interface, com foco em usabilidade e eficiência na busca por conteúdo. As evidências também fundamentaram decisões sobre arquitetura da informação, hierarquia visual e microinterações, garantindo uma experiência fluida e centrada no usuário.

análise de benchmark com tabela comparativa
moodboard e inspiração visual

Este moodboard guiou as decisões visuais da interface, buscando transmitir uma atmosfera jovem, cinéfila e digital, com foco em descoberta fluida.

wireframes, protótipos e teste de usabilidade

Para validar rapidamente ideias de estrutura e fluxo, desenvolvi protótipos de baixa fidelidade explorando as principais interações. Esses wireframes foram essenciais para testar a arquitetura da informação e navegação antes da etapa visual, garantindo usabilidade desde os primeiros esboços. Realizei testes com usuários habituados a apps de streaming e descoberta de filmes para validar as soluções do insKino.

iterações de design

interface mais jovem, funcional e personalizada

Redesenhei a home com tags interativas, nova seção de novidades nos streamings e ícones personalizados inspirados no universo do cinema. O layout foi modernizado para tornar a navegação mais jovem, intuitiva e focada na descoberta rápida de conteúdo.

tela de título mais informativa e acessível

Otimizei a tela de filmes e séries com uma interface mais moderna, cores contrastantes e organização visual aprimorada. A disponibilidade nos streamings foi posicionada logo abaixo do pôster, facilitando o acesso rápido à informação mais relevante para o usuário.

design final

desktop - home page
tablet - main page
mobile - search page

insights do processo insKino

Trabalhar no insKino me mostrou, na prática, que design vai muito além de uma boa ideia visual, ele precisa ser testado, iterado e validado com quem realmente usa. As pequenas decisões, como o posicionamento de elementos, pixel perfect e a clareza de um ícone, impactam diretamente na experiência e no fluxo do usuário.

Aprendi a aplicar métodos de UX de forma estruturada, desde a pesquisa até a prototipação e os testes. Com isso, desenvolvi uma visão mais crítica sobre acessibilidade, usabilidade e linguagem visual, mais do que entregar uma interface bonita, entendi como criar soluções que resolvem problemas reais e fazem sentido para o público.

Esse processo consolidou minha base como designer e reforçou o que mais me motiva na área: projetar com empatia, clareza e propósito.

Vamos criar experiências melhores juntos?

Estou aberto a propostas, colaborações e oportunidades.

+55 14 997900718
jaomjaomjaok@hotmail.com

Designed & Developed

by Peter Hodak

All rights reserved,

YUYA ©2024

Vamos criar experiências melhores juntos?

Estou aberto a propostas, colaborações e oportunidades.

+55 14 997900718
jaomjaomjaok@hotmail.com

Designed & Developed

by Peter Hodak

All rights reserved,

YUYA ©2024

Vamos criar experiências melhores juntos?

Estou aberto a propostas, colaborações e oportunidades.

+55 14 997900718
jaomjaomjaok@hotmail.com

Designed & Developed

by Peter Hodak

All rights reserved, YUYA ©2024

Create a free website with Framer, the website builder loved by startups, designers and agencies.