luna ← Voltar ao portfólio
Projeto de estudo — Landing page de filme

2001: Uma Odisséia no Espaço

Landing page fictícia e não-oficial, recriando uma página de divulgação do clássico de Stanley Kubrick como exercício de composição visual.

Visitar site ↗
Rolagem completa do site 2001: Uma Odisséia no Espaço
passe o mouse para navegar pelo site ↓
Setor — Projeto de estudo — landing page
Plataforma — HTML, CSS, JavaScript
Local — Projeto pessoal, sem vínculo com a Warner Bros.
O cliente

Quem é

Um projeto de estudo de front-end que recria, de forma fictícia e não comercial, uma página de divulgação do clássico "2001: Uma Odisséia no Espaço", de Stanley Kubrick — usado para treinar composição visual dramática e organização de conteúdo denso.

O desafio

O que precisava resolver

Organizar bastante informação — mais de uma dezena de plataformas de compra/aluguel, sinopse longa, ficha técnica e uma galeria de vídeos — numa página só, sem que ela virasse uma parede de texto, com uma abertura visualmente marcante.

A solução

O que fizemos

Hero em tela cheia com imagem do eclipse sobre o planeta e tipografia grande, seção 'Assista' organizada em grade de logos de plataformas (digital e físico), bloco 'Sobre' com pôster e ficha técnica (lançamento, avaliação, gênero), e um carrossel horizontal de vídeos do YouTube na base da página.

Como foi construído

Stack & ferramentas

HTML5 e CSS3 para a composição visual, e JavaScript puro para o carrossel de vídeos.

Destaques do site

O que esse projeto tem de especial

Grade de plataformas

Onde assistir organizado por 'digital' e 'em disco', com logos oficiais.

Ficha técnica completa

Lançamento, avaliação e gênero em blocos de leitura rápida.

Carrossel de vídeos

Navegação horizontal por trailers e featurettes do YouTube.

Hero cinematográfico

Imagem em tela cheia com tipografia grande inspirada em pôsteres de cinema.

Quer um site com esse nível de cuidado para o seu projeto?

Falar sobre meu projeto