01 / A isca
A BETTER VERSION OF YOURSELF, dito com a naturalidade de um anúncio de creme. É a isca do filme, citada sem aspas.
02
Landing Page The Substance
Uma landing page fictícia para o Activator, o produto do filme The Substance. Sem cliente e sem briefing: o objetivo era treinar direção de arte a partir de uma linguagem visual que já existe e construir três interações que eu ainda não tinha prototipado no Figma.
Decisões-chave
3 Regras do filme usadas como copy do produto
1 Cor de destaque: o verde do líquido
∞ Marquee em loop: a promessa nunca termina
Figma Três interações prototipadas, sem código
02 / Ponto de partida
Por que isto existe
The Substance vende juventude como produto: uma injeção que promete outra versão de você — mais jovem, mais bonita, mais perfeita — e cobra por isso.
Se o Activator estivesse mesmo à venda, que site ele teria? O exercício se resumiu a três grupos de perguntas:
01 — Linguagem
- Como soar como skincare de luxo?
- Onde a promessa começa a incomodar?
- Quanto do filme a página mostra?
02 — Visual
- Onde o verde entra?
- Até onde o letreiro pode crescer?
- Como o frasco puxa o olho sozinho?
03 — Interação
- Como a página abre?
- O que fica fixo enquanto a página rola?
- Como mostrar uma promessa sem fim?
A resposta óbvia era imitar skincare de luxo. A interessante era deixar o desconforto aparecer no meio do caminho.
“Ative uma vez. Estabilize todo dia. Troque a cada sete dias. Sem exceção.” — as regras do produto, tiradas do filme
O produto A promessa, sem meias palavras
03 / Referências
De onde veio a linguagem
Não houve pesquisa com usuários — não existe usuário. O trabalho foi de repertório: assistir ao filme prestando atenção nos letreiros, ler o material de campanha da MUBI e olhar de perto o produto que aparece em cena.
Olhei para
- O filme (Coralie Fargeat, 2024)
- Material de campanha da MUBI
- A embalagem do Activator em cena
- Publicidade de skincare dos anos 2000
“Repetição é a mensagem.”
YOUNG. BEAUTIFUL. PERFECT. é o discurso do produto e a armadilha do filme. Repetir isso página abaixo, até passar do confortável, vira a copy contra aquilo que ela vende.
“O verde não é enfeite.”
É a cor do líquido. Deixar ele só no produto e nos botões mantém a página fria e faz o frasco puxar o olho sozinho.
04 / Processo
Como foi construído
01 — Reunir
Painel e grade
Frames do filme e o material da MUBI num painel só. A grade saiu dali: margens largas e tipografia sangrando até a borda.
02 — Escrever
Copy antes do layout
As regras do produto já estavam no roteiro. Escrevi a página inteira em texto puro antes de abrir um único frame.
03 — Animar
Protótipo no Figma
O verdadeiro objetivo do exercício: splash antes do scroll, texto fixo enquanto a seção passa e um marquee infinito correndo na horizontal e em círculo.
Três interações construídas do zero
05 / A página
O que saiu
02 / O produto
O Activator fotografado como cosmético de luxo, com as três regras do filme ao lado e um único botão.
03 / O rodapé
Fundo preto, o letreiro em tamanho de pôster e o marquee correndo atrás dos créditos.
06 / Depois
O que ficou
Aprendizados
- 01
Trabalhar sem briefing é mais difícil do que parece. Sem ninguém para dizer não, a única régua que sobra é a referência escolhida no começo.
- 02
Escrever a copy antes do layout economizou a semana inteira. Com o texto resolvido, a tipografia vira decisão de hierarquia em vez de preenchimento.
- 03
As três interações levaram mais tempo que todo o resto da página junto — e foram o único motivo pelo qual o projeto existiu.
01 — Redesign Brand Legacy Academy
Brand Legacy • Product Designer
