Darkflix+ Redesign

00

Darkflix é um projeto de UI Redesign de uma plataforma de streaming, desenvolvido com foco na melhoria da interface visual, hierarquia de informação e consistência estética.

Darkflix é um projeto de UI Redesign de uma plataforma de streaming, desenvolvido com foco na melhoria da interface visual, hierarquia de informação e consistência estética.

meu papel

Redesign / UI Design / Prototipação

Redesign / UI Design / Prototipação

pessoas

Otavio Monteiro

Otavio Monteiro

O objetivo do projeto foi criar uma experiência mais imersiva e agradável, utilizando princípios de design visual, contraste, tipografia e composição para valorizar o conteúdo e facilitar a leitura da interface.

Visão Geral

O projeto consiste no redesign da interface do Darkflix, uma plataforma de streaming voltada para filmes e séries de terror/horror. A proposta foi atualizar o visual, melhorar a hierarquia da informação e otimizar a experiência do usuário durante a descoberta e o consumo de conteúdo.

O redesign

A interface original apresentava inconsistências visuais, excesso de elementos em tela e pouca hierarquia entre informações, o que impactava negativamente a leitura e o destaque do conteúdo.
O redesign teve como objetivo reorganizar a interface, simplificar os elementos visuais e criar uma hierarquia clara, utilizando cores, tipografia e espaçamentos de forma estratégica para tornar a navegação mais fluida e visualmente agradável.

A direção visual foi pensada para criar uma atmosfera imersiva, com predominância de tons escuros que direcionam a atenção do usuário para os conteúdos exibidos. O uso de contrastes, gradientes sutis e elementos bem definidos ajuda a guiar o olhar e reforçar a identidade da plataforma.

ano

2025

tempo

45 dias

tags

#redesign #figma #prototype

01

Excesso de informações por dobra na landing page (pré-login). Isso se repete em várias partes do site.

Excesso de informações por dobra na landing page (pré-login). Isso se repete em várias partes do site.

02

Pôsteres genéricos e uso de arte de IA são um problema, isso quebra a consistência visual do catálogo e passa a impressão de um site amador/incompleto.

O selo do logo repetido em cada card, é ruído visual desnecessário, já que o usuário sabe que está no Darkflix+, não precisa ser lembrado a cada item.

A informação "Não recomendado para…" é sempre truncada da mesma forma, não comunica nada de fato, apenas ocupa espaço.

03

Muitos filmes aparecem em mais de uma fileira. Isso reduz a percepção de variedade do catálogo e sugere que a taxonomia de gêneros está mal definida (categorias se sobrepõem).

Títulos cortados com reticências, "A Serbian Film - T...", "O Massacre Da S...", "A Morte Pede Car..." — os cards são estreitos demais para o texto, prejudicando a leitura e fazendo cards parecerem incompletos.

Problema & Objetivo do Redesign

A prototipagem do Darkflix teve como foco a validação visual da interface e o refinamento dos elementos de UI antes da finalização das telas. Por meio do protótipo, foi possível testar a disposição dos componentes, ajustes de espaçamento, contrastes e hierarquia visual. A identidade visual do Darkflix foi desenvolvida a partir de um estilo já existente da marca, amplamente reconhecido por entusiastas do gênero terror. O redesign manteve os principais elementos visuais que fazem parte desse imaginário, reinterpretando-os de forma mais organizada e contemporânea. O uso de cores escuras, contrastes marcantes e uma estética mais densa reforça a atmosfera característica da marca, ao mesmo tempo em que aprimora a legibilidade, a hierarquia visual e a consistência da interface.

Resultados e Conclusão

O redesign do Darkflix resultou em uma interface visualmente consistente, com melhor organização dos elementos e uma estética alinhada ao padrão de plataformas de streaming atuais, reforçando a identidade do produto por meio do design de interface. Este projeto contribuiu para o aprimoramento das minhas habilidades em design de interface, principalmente em hierarquia visual, composição de layouts escuros e criação de sistemas visuais consistentes.

.entre em contato

Uma ideia, um café, ou só um ‘oi’.
Estou por aqui.

.entre em contato

Uma ideia, um café, ou só um ‘oi’.
Estou por aqui.

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