Todos os trabalhos

LibreFlixProjeto acadêmico · CESAR School

Proposta de streaming para Android TV. Organizei a descoberta de filmes em trilhos temáticos, telas de detalhe e reprodução para leitura à distância e seleção por controle remoto.

ContribuiçãoUX/UI, arquitetura da interface e sistema visual
ContextoProjeto na CESAR School relacionado ao LibreFlix
PlataformaProposta para Android TV · controle direcional
EntregaTelas de catálogo, detalhe e reprodução no Figma
Problema de projeto

Organizar um catálogo para quem escolhe títulos com um controle remoto, sem mouse nem toque.

Decisão

Separar categorias em trilhos horizontais e manter navegação, destaque e conteúdo em regiões reconhecíveis.

Evidência disponível

Telas originais e componentes visuais. O material documenta a proposta; a adoção pelo cliente ainda não está comprovada.

O processo em recortesPeças reais do projeto, na ordem do processo
Catálogo · tela original do arquivo Figma, quadro 0:3. A captura preserva o conteúdo e as cores da proposta.

Imagem ampliada

Catálogo · tela original do arquivo Figma, quadro 0:3. A captura preserva o conteúdo e as cores da proposta.

Desenhar para outra forma de escolher

Capítulo 01 · Contexto

O projeto foi desenvolvido na CESAR School. Contribuição declarada em UX/UI, arquitetura e sistema visual. Este case apresenta os artefatos de uma proposta acadêmica terminada em um projeto real.

A atividade é descrita no meu currículo como um projeto com cliente real via instituição. Isso não representa emprego ou contratação direta pelo LibreFlix. Os materiais disponíveis não detalham a divisão de responsabilidades da equipe.

Distância

Hierarquia com poucos níveis

Títulos, destaque e trilhos precisam continuar distinguíveis quando a pessoa se afasta da tela. Não há teste documentado de distância de leitura.

Controle

Direções com função clara

A organização sugere esquerda e direita para títulos; cima e baixo para mudar de trilho. É a intenção do desenho, ainda sem validação interativa registrada.

Continuidade

Do catálogo ao filme

Detalhes e reprodução mantêm o mesmo fundo e a mesma família de componentes para reduzir mudanças de contexto.

Organizar antes de decorar

Capítulo 02 · Decisões

Em vez de concentrar tudo em uma grade densa, a proposta distribui o catálogo em trilhos temáticos. A navegação lateral permanece separada da exploração de títulos.

Essa comparação explicita a justificativa de design; não houve experimento comparativo documentado entre grade e trilhos. O fundo escuro e o azul claro retomam o sistema visual presente nos arquivos do projeto.

Azul LibreFlix#7DC7DAFoco & NavegaçãoAcento de seleção no controle remoto, indicador de foco ativo no D-Pad e links primários.
Fundo Cinema#14181CBase & ImersãoSuperfície escura do catálogo e player, minimizando cansaço visual em ambiente de sala.
Preto Profundo#000000Contraste & EstruturaÁreas de repouso, menus recolhidos e superfícies táteis de contraste estrutural.
Branco Puro#FFFFFFTítulos & LeituraTítulos de filmes, sinopses e dados com contraste máximo para leitura à distância (10-foot UI).

Azul e fundo da prancha original

Par sólido da prancha de identidade: referência para contraste não textual (1.4.11, AA). Não comprova a aparência nem a continuidade do foco no protótipo.

9,39:1≥ 3:1

Branco sobre o fundo da prancha original

Cálculo de texto sobre superfície sólida (1.4.6). Textos sobre imagens e gradientes exigem medição própria.

17,84:1AAA

São cálculos de pares sólidos. Uma borda com contraste suficiente não comprova, sozinha, a área e a mudança de pixels exigidas para aparência de foco. Textos sobre capas também precisam de avaliação no contexto da imagem.

Do interesse à reprodução

Capítulo 03 · Telas

A tela de detalhe amplia a informação de um título sem descartar o contexto do catálogo. O player concentra imagem, progresso e comandos de reprodução.

Detalhe · quadro original 0:450. A ação de reproduzir é visível; esta imagem estática não demonstra a ordem de foco do controle.

Imagem ampliada

Detalhe · quadro original 0:450. A ação de reproduzir é visível; esta imagem estática não demonstra a ordem de foco do controle.

Player · quadro original 0:437. Os controles fazem parte da proposta visual; não é uma reprodução executada neste portfólio.

Imagem ampliada

Player · quadro original 0:437. Os controles fazem parte da proposta visual; não é uma reprodução executada neste portfólio.

Como a navegação direcional deve funcionar

Exemplo de percurso a validar: mover à direita até um título, confirmar para abrir o detalhe e confirmar novamente para reproduzir. Ao voltar, a seleção deve retornar ao título de origem, no mesmo trilho.

O arquivo mostra os estados visuais desse percurso. Não localizei registro de teste de D-Pad, mapa completo de vizinhança ou demonstração de restauração do foco. Por isso, retorno e continuidade são requisitos descritos aqui, não resultados de teste.

Entrega e próximos critérios

Capítulo 04 · Resultado

O resultado demonstrável é uma proposta de interface com catálogo, detalhe e player. Os artefatos permitem avaliar hierarquia, composição e consistência entre telas.

Ainda falta documentar qual parte foi aproveitada pelo LibreFlix e em qual produto. Também não há métrica de uso ou protocolo de usabilidade disponível. O próximo passo de validação é executar o percurso completo com controle remoto e registrar orientação, retorno e legibilidade à distância.