Uma experiência imersiva para apresentar meu romance e despertar a vontade de ler. Direção de arte, narrativa e interação conduzidas pelo scroll.
Enquanto durar a fé · Experiência interativa
O vídeo apresenta um percurso. No site, cada pessoa pode encontrar o próprio ritmo.
Enquanto durar a fé é um romance que escrevi por hobby. Criei o hotsite para dar ao leitor um primeiro contato com sua atmosfera, seus personagens e seus conflitos — e despertar a vontade de abrir o livro.
Selecionei três momentos-chave, sem revelar grandes spoilers. Cenários, enquadramentos e transições foram pensados como um convite à história, não como uma versão resumida dela.
Reuni referências para a linguagem visual das três cenas e dos personagens antes de começar a gerar imagens. A IA entrou na execução dessa direção, não na escolha dela.
Cena 1 — encontrar o lugar
Registro do making-of: referência real, textura e estudo da ladeira.
Pesquisei uma ladeira real. Quando a descrição não resolvia a relação entre rua, casas e altura, desenhei volumes e cortes laterais para orientar a construção.
A folha de personagem definiu proporções, roupa e aparência antes do 3D, mantendo Jota consistente entre as etapas.
Na experiência, evitei revelar completamente os rostos. Quis dar presença aos personagens sem fechar a imagem que cada leitor pode construir a partir do livro.
Cidade distante e vegetação distribuídas em camadas.
A rua é 3D. A cidade distante e parte da vegetação são planos 2D. Essas camadas criam profundidade quando a câmera se move, com cuidado no peso de cada asset para manter o site leve.
Nos estudos abaixo, trabalhei volume, luz, janela e máscara. As versões em cinza ajudaram a resolver o espaço; a cor e a luz vermelha definiram sua atmosfera.
CENA PUBLICADA · COZINHA
Nas referências abaixo, investiguei cor, chuva e enquadramento. O ponto de vista baixo, os reflexos e a distância entre os personagens ajudaram a construir a tensão da cena.
Benchmark · cor, perspectiva e chuva
A câmera que recua é uma alegoria à narrativa do livro, que avança e volta no tempo. Cada cena apresenta um momento-chave sem entregar suas grandes revelações.
Na passagem da cozinha para o Opala, a parede cobre o quadro antes de revelar a próxima rua. A mudança de 2017 para 2015 transforma uma transição visual em uma pista sobre a estrutura da história.
Conduzi o projeto do design à publicação, com apoio de IA. O desafio técnico era manter a qualidade visual de uma experiência em 3D sem tornar o site pesado.
Simplifiquei a geometria dos personagens, preservando detalhes nas regiões prioritárias. No Jota, a versão usada no site tem 91,8% menos triângulos que o modelo original.
Ao entrar na cozinha, a rua vista pela janela passa do 3D para uma imagem estática alinhada ao mesmo enquadramento. A troca reduz o custo de renderização sem interromper a continuidade visual.
Usei imagens responsivas com srcset para que telas menores carreguem versões mais leves, em vez dos arquivos maiores destinados ao desktop.
Otimizar o que a câmera não revela, preservar o que o leitor percebe.
FIGMA · GEMINI · MESHY · CLAUDE CODE · CODEX · VERCEL
MODELO ORIGINAL · MESHY
649k TRIÂNGULOS
VERSÃO OTIMIZADA PARA O SITE
53k TRIÂNGULOS
Publicado em português e inglês, com três cenas conectadas, enquadramentos ajustados para desktop e celular e acesso ao livro na Amazon.
A experiência termina com o livro em destaque e um caminho direto para a Amazon, conectando a curiosidade construída nas cenas à possibilidade de começar a leitura.
Explorar o hotsite
Para mim, a primeira barreira é fazer o leitor querer começar. Abrir um livro exige tempo e confiança numa história que ainda não conhecemos — e muitos títulos nem chegam a ser considerados.
Dar vontade de abrir o livro — sem contar a história por ele.
O hotsite nasceu para criar esse primeiro vínculo: oferecer atmosfera, encontros e perguntas antes da leitura. Não substitui a imaginação do leitor; abre uma porta para ela.
App acessível para automação de portas inteligentes.
hello@deiver.com.br
Meu papel
Projeto
