← ← Todos os Projetos
Full-Stack · Plataforma CMS
Moveo Filmes
Plataforma full-stack bilíngue e CMS para uma produtora de cinema independente em Brasília.
Cliente: Moveo Filmes2024

Visão Geral
A Moveo Filmes precisava de uma plataforma web que funcionasse como uma forte presença digital para a produtora, ao mesmo tempo em que atuava como portfólio estruturado de seus filmes. O site precisava apresentar a empresa, exibir seu catálogo de filmes, organizar projetos por fase de produção e permitir que o cliente gerenciasse o conteúdo sem depender de um desenvolvedor para cada atualização.
A plataforma foi projetada como uma experiência bilíngue, atendendo públicos em português e inglês. Além do site público, o projeto incluiu um módulo admin onde o cliente poderia adicionar, editar, reordenar e gerenciar filmes. Cada filme adicionado pelo sistema admin é automaticamente armazenado no banco de dados e renderizado como uma página individual no site público.
O resultado é uma plataforma full-stack pronta para produção que combina controle editorial, identidade visual, automação de conteúdo e uma interface cinematográfica.
Problema
O cliente precisava de mais do que um site institucional estático. Como produtora de cinema, a Moveo Filmes precisava de uma plataforma que pudesse apresentar sua identidade e seu corpo de trabalho de uma forma alinhada ao cinema, à autoria e ao contexto brasiliense da empresa.
O site também precisava suportar filmes em diferentes fases, como produção, pós-produção, distribuição ou outras etapas do ciclo de vida do filme. Isso criou a necessidade de uma estrutura de portfólio flexível, em vez de uma simples galeria de projetos finalizados.
Outro requisito importante era a autonomia de conteúdo. O cliente precisava gerenciar filmes e notícias sem editar manualmente o código. Isso exigiu um sistema admin conectado a um banco de dados, permitindo que novos filmes fossem adicionados e o conteúdo existente fosse atualizado dinamicamente.
Havia também um requisito de gerenciamento de notícias relacionadas ao Instagram. Como parte da comunicação do cliente sobre os filmes acontece pelo Instagram, a plataforma precisava contemplar um fluxo de trabalho onde notícias e atualizações relacionadas a filmes pudessem ser gerenciadas em conexão com essa presença nas redes sociais.
Objetivo
Construir uma plataforma full-stack bilíngue capaz de apresentar a Moveo Filmes como produtora, exibir filmes como portfólio estruturado, organizar filmes por fase de produção, gerar páginas individuais para cada filme automaticamente, fornecer ao cliente um dashboard admin para gerenciar conteúdo, suportar fluxos de notícias e conteúdo relacionados aos canais de comunicação da empresa e criar uma linguagem visual conectada ao cinema, a Brasília e à identidade da empresa.
Meu Papel
Desenvolvedor full-stack (contrato solo), responsável por desenvolvimento frontend, integração backend e de dados, implementação do dashboard admin, estrutura do CMS, catálogo de filmes baseado em banco de dados, páginas dinâmicas de filmes, implementação de UI, camada de animação e interação, layout responsivo, arquitetura de conteúdo e decisões técnicas sobre renderização de dados e manutenibilidade.
Design & UX
A direção visual foi construída em torno da ideia de tornar os próprios filmes o centro das atenções. A interface usa uma estrutura predominantemente monocromática para que as cores da fotografia de cada filme se destaquem. Em vez de competir visualmente com os filmes, o site dá espaço para que eles se tornem o elemento visual mais forte.
O layout explora linhas de grade fortes e composição horizontal. Essa ênfase horizontal foi intencional: faz referência ao quadro cinematográfico e cria um contraponto visual à dominância atual dos formatos de mídia verticais. Como a Moveo Filmes trabalha com cinema, o site precisava se sentir mais próximo da linguagem do filme do que de um feed de conteúdo genérico.
A tipografia também foi uma parte importante do conceito visual. O uso de Helvetica Neue conecta a identidade da interface a Brasília, onde a produtora está sediada. A fonte se relaciona com a linguagem visual encontrada na sinalização e no ambiente gráfico da cidade, trazendo uma referência local sutil, mas significativa, para o projeto.
Decisões Técnicas
A plataforma foi projetada em torno de uma arquitetura orientada a dados. O conteúdo dos filmes não está embutido no código da interface. Em vez disso, o dashboard admin escreve os dados dos filmes no banco de dados, e o site público renderiza esses dados dinamicamente. Essa abordagem torna o site mais fácil de manter e dá ao cliente autonomia sobre o conteúdo.
Os requisitos incluíam: conteúdo de banco de dados estruturado para filmes, formulários no lado admin para criar e editar conteúdo, renderização dinâmica de páginas de filmes, componentes reutilizáveis para cards de filmes, páginas e seções de conteúdo, uma estrutura de conteúdo bilíngue e comportamento de animação e scroll alinhado com a identidade visual.
O Que Aprendi
Aprimorei o processo de design de plataformas editáveis por clientes com conteúdo dinâmico. Aprofundei a relação entre identidade visual, contexto local e implementação técnica. Desenvolvi uma abordagem mais flexível para páginas de projetos orientadas a CMS e conteúdo estruturado.
Galeria











Stack
Next.js 16React 19TypeScriptSupabasePostgreSQLGSAPLenisTipTapdnd-kitTailwind CSS
Resultados
- →Plataforma full-stack bilíngue construída para uma produtora de cinema independente em Brasília.
- →Dashboard admin para adicionar, editar, reordenar e gerenciar filmes dinamicamente.
- →Catálogo de filmes baseado em banco de dados com páginas geradas automaticamente para cada novo filme.
- →Interface cinematográfica baseada em grids horizontais, estrutura monocromática e hierarquia visual centrada nos filmes.
- →Identidade visual conectada a Brasília por meio de decisões tipográficas e de layout.