Um filme de 2021 virando página de site e carrossel
Você pediu: (1) uma página mostrando o trabalho desdobrado em retratos estáticos, loops curtos e vai-e-vens, sem marca no vídeo mas com os dois logos discretos; (2) um carrossel 3:4 com a mesma energia. Antes, referências. Está tudo aqui, em quatro partes.
1. O que o filme tem
1:54, 67 planos, 5 modelos, um terraço no centro. A marca aparece só na cartela de abertura e de fim: o meio inteiro é limpo, dá pra usar sem mostrar logo. Abaixo, o que já separei. Tudo roda mudo e em loop.
Loops (trecho direto, 1 a 6 s)
Vai-e-vem (ida e volta, tipo boomerang)
Frames candidatos a retrato (28 de 67 planos)
Fonte: o mp4 de 1080x608 do Drive. Pra versão final uso o .mov de 1920x1080 (1,5 GB, mesma pasta). O bruto não está em nenhum HD catalogado.
Como a campanha saiu em março de 2021 (perfil @fiever.oscarfreire)
Achei os posts só no perfil da loja da Oscar Freire. Tem o reel do filme, fotos still da mesma diária com a frase "Over the top. Downtown moments." e três carrosséis curtos de 2 a 3 lâminas. Os perfis oficiais (@fieveroficial, @baw_official) não têm mais nada de 2021.
2. Referências
Três pesquisas em paralelo: páginas de case em estúdios de design, sites de fotógrafos e diretores, e carrosséis de marcas de moda e tênis. Prints de hoje, 3/11. Cada card tem o link.
Páginas de estúdio e agência
Fundo preto, cartões coloridos em grade modular, 6 vídeos em loop sem som. Lima, rosa, azul: a paleta mais perto do nosso filme. O swoosh vira só uma faixa de texto repetida.
portorocha.com/nikebetrue
Abre com retrato de grupo em tela cheia e segue com uma sequência longa de imagens e um loop mudo. Menu e título em caixinhas nos cantos.
bureauborsche.com/projects/on/ikon-1-collection
Still panorâmico de 5 modelos em fila com o logotipo gigante por cima; abaixo quebra em metades 50/50. Legenda e ano numa barra fixa pequena.
commission.studio/projects/zegna
Branco, duas colunas iguais, imagem grande atrás de imagem grande. Só um gif na página inteira. Cabeçalho com data e tags.
studiofeixen.ch/on/
Título, texto curto e metadados em cima; grade de cartazes embaixo. O logo da Nike só aparece pequeno dentro de cada cartaz.
studiofeixen.ch/air-max-day/
Dupla de closes ao lado de um quadro largo do cartaz na rua, em São Paulo. A marca em texto pequeno no canto.
portorocha.com/melissa-flygrl
O extremo denso: mosaico em colunas, tipografia colorida em camadas, nada de respiro.
bureauborsche.com/projects/numero-berlin/ss26-27-sexySites de fotógrafos e diretores
Uma fotógrafa brasileira com um projeto da própria Baw: tela dividida, vídeo sobre barras de cor (laranja, lima, azul, marrom) e um still grande ao lado. Menu lateral fixo.
marcelladahl.com/baw-grip-mad
O projeto é uma sequência numerada ("fig. 1 of 6") quase em tela cheia, com 3 vídeos mudos em loop no meio das fotos. Só o nome e o contador no rodapé.
charlottewales.com/projects/chanel-the-cc-league
Diretora brasileira. Colagem rolável de stills e gifs em tamanhos diferentes, título em fonte pesada, legenda mono pequena, muito branco em volta.
maricaldas.com/
Índice de filmes em grade de 2 colunas sobre preto, categoria em mono pequena. Capas feitas de frame de filme.
hickduarte.com/film
Fundo creme, uma coluna central, cada filme como capa grande com play e uma linha de legenda. Capa de filme tratada como foto de exposição.
campbelladdy.com/films
Nome do cliente grande, ficha técnica pequena em negrito, player embaixo. Bom modelo de crédito discreto.
dexternavy.com/amina-muaddi-ss22
Minimalista puro: uma foto vertical no centro, contador "1/11" e só.
jackdavison.co.uk/standing-ground-campaign-2025-01
O filme na largura toda, título cinza pequeno embaixo. O extremo do "imagem grande e nada mais".
bradleyandpablo.com/BALMAIN-X-CHANNEL-4
Menu lateral fixo, uma foto gigante à direita, legenda minúscula. 74 imagens, zero vídeo.
ryanmcginley.com/night-shift-nycCarrosséis no Instagram
panorâmica fatiada: uma foto cortada em 2 lâminas com o texto branco cruzando a emenda.
2 lâminas · abrir
flipbook: o enquadramento fica fixo e só a roupa muda, 14 lâminas. Passar o dedo vira animação.
14 lâminas · abrir
stop motion em lâminas: a mesma mão, a tipografia se forma e desmonta de uma pra outra.
7 lâminas · abrir
colagem na capa, depois closes saturados em ritmo rápido (rosa, vermelho, verde).
8 lâminas · abrir
capa em grade 2x2 de retratos, depois cenas da cidade e um detalhe de produto.
11 lâminas · abrir
marca brasileira: fotos com adesivos e grafismos alternando com fotos limpas.
7 lâminas · abrir
dois quadros de giro: frente numa lâmina, perfil na outra.
2 lâminas · abrir
15 lâminas alternando rua à noite, flash e produto em fundo neutro.
15 lâminas · abrir
lookbook em série: mesma luz, mesma distância, muda só a pessoa.
15 lâminas · abrir
mesmo cenário repetido com variação de look; o carrossel inteiro parece um só plano.
15 lâminas · abrir
O que eu tiro daqui
3. Três caminhos
Protótipos rasos, com o material real, pra você escolher a direção. A cor em cada um é só de exemplo: a paleta a gente fecha depois que você escolher o caminho. Role dentro de cada janela (ou abra em tela cheia); o carrossel embaixo é a tradução pro Instagram (3:4).
Terraço
Cor chapada, grade modular, loops como protagonistas. Vem do Porto Rocha/Nike Be True e das barras de cor da Marcella Dahl/BAW. É o mais Instagram dos três e o que mais conversa com o seu gosto por cor comprometida e estrutura.
- Fundo numa cor do filme (aqui o azul do céu); cartões sem borda, sem sombra, cantos retos.
- Título grande com a frase da campanha, "Downtown moments".
- Barra de listras tirada da camiseta separa os blocos.
- Logos: faixa fina no rodapé, em preto, 18 px de altura.
- Carrossel: cartões coloridos com loops em vídeo; as listras cruzam de uma lâmina pra outra.
TOWN
MOMENTS
Fig. 1 de 12
Branco, uma imagem por tela, numerada. O loop entra no meio das fotos sem aviso, como na Charlotte Wales. Ficha técnica pequena, logos cinza no rodapé. O mais editorial e o mais fácil de manter no seu site hoje.
- Cada mídia ocupa até 85% da altura, centrada; respiro grande.
- Legenda: "fig. 03 de 12 · tranças · 00:08".
- Alterna still, loop, still, vai-e-vem. Nunca dois loops seguidos.
- Logos: cinza claro, 14 px, no rodapé junto da ficha.
- Carrossel: cada lâmina é uma figura com margem branca e número; loops viram lâminas de vídeo.
Fita
A página é uma faixa só que rola de lado, como a fita do filme: cidade na entrada, planos e loops na mesma altura, colados, e sequências de frames do mesmo plano (flipbook) no lugar de retratos soltos. Vem do panorâmico da Zegna e do flipbook da Sunnei. É o que traduz 1:1 pro carrossel.
- Scroll horizontal (roda do mouse vira lateral; no celular, dedo).
- Tudo na mesma altura, sem moldura, encostado; o olho lê como um plano-sequência.
- Frase da campanha em texto grande cruzando duas imagens.
- Logos: no fim da fita, pequenos, como a cartela final do filme.
- Carrossel: a mesma fita fatiada em lâminas 3:4; flipbook do cabelo em 4 lâminas seguidas.
3
4
5
6
4. O que preciso de você
- Qual caminho puxa você? A (Terraço), B (Fig. 1 de 12) ou C (Fita). Ou outra coisa que você viu nas referências.
- Onde a página vive? No construtor do seu site (studio, blocos de vídeo e galeria) ou como página feita à mão em código, tipo as derivas. A e C pedem código; B cabe no studio.
- Você tem as fotos still da campanha (as do "Over the top. Downtown moments.")? Se sim, entram como retratos de verdade no meio dos frames.
Depois do caminho, fecho a paleta com 2 ou 3 opções, aí construo. Pasta: /Users/gabrielcabral/Documents/Claude/ferramentas/fiever-baw/