O problema
O que precisava ser resolvido
Uma página promocional de entretenimento precisa transmitir identidade e atmosfera rapidamente, sem perder legibilidade, navegação ou clareza das principais ações.
Case de projeto
Spider-Man: Brand New Day
Experiência web inspirada em Spider-Man: Brand New Day, criada com foco em direção visual, composição de interface e impacto cinematográfico. O projeto transforma a temática do filme em uma landing page promocional com identidade marcante, hierarquia de conteúdo e interações voltadas à imersão.
HTMLCSSJavaScriptUI/UXAnimações
Minha atuação
Desenvolvimento front-end, composição visual, implementação da interface, responsividade e construção das interações.
Demonstração visual
Galeria interativa
Abra a pasta para explorar as telas e demonstrações do case. As mídias podem ser arrastadas e organizadas de forma interativa.
Arraste uma mídia para baixo para fechar
A solução
Como transformei a ideia em produto
Criei uma experiência front-end inspirada na comunicação visual de lançamentos cinematográficos, combinando composição editorial, elementos temáticos, tipografia, imagens e interações para construir uma apresentação imersiva.
Funcionalidades
O que o projeto entrega
Hero cinematográfico com forte direção visual
Composição editorial integrada à imagem principal
Elementos gráficos inspirados no universo do personagem
CTAs para trailer e ingressos
Interações e animações para reforçar a experiência
Decisões técnicas
Tecnologia com uma razão por trás
Composição cinematográfica
A interface prioriza uma imagem central de grande impacto e distribui informações nas laterais para manter o personagem como foco da experiência.
Identidade temática
Vermelho, branco, tipografia e elementos gráficos foram combinados para remeter ao universo visual do Homem-Aranha sem transformar a tela em uma simples reprodução de pôster.
Informação como parte do layout
Data de lançamento, sinopse, navegação e CTAs foram tratados como elementos da composição visual, mantendo função e estética integradas.
Desafios
Pontos que exigiram mais atenção
- Equilibrar uma imagem de grande destaque com textos e controles de navegação
- Preservar a identidade visual em diferentes proporções de tela
- Adicionar movimento sem competir com o conteúdo principal
Resultado & aprendizado
O que esse projeto demonstra
O projeto reforça habilidades de front-end e UI/UX aplicadas a uma experiência promocional de alto impacto visual, demonstrando atenção a composição, identidade, responsividade e interação.