// diário de produção
Making of
Transparência total: este site foi construído em parceria com inteligência artificial. A direção — cada decisão de identidade, dosagem, copy e arquitetura — é do autor; a execução foi feita em dupla com o Claude (Anthropic). Este é o registro real do processo, sem cenas cortadas.
CENA 01 · O BRIEFING
“Preciso de um full rebranding”
O pedido era claro e aberto ao mesmo tempo. As primeiras propostas de estilo — terminal, minimalismo premium, glassmorphism — foram rejeitadas na hora: pareciam copiadas de algo que já existe. A exigência que guiou tudo: originalidade.
CENA 02 · A REFERÊNCIA
Cinema, mas sem virar clone de streaming
A paixão por cinema entrou como matéria-prima da identidade. O risco foi mapeado logo: interface de streaming é o projeto de tutorial mais batido da internet. A decisão: usar a linguagem do cinema — fichas técnicas, letterbox, créditos — e nunca a interface.
CENA 03 · O CORTE
A primeira versão foi rejeitada
O mockup v1, 100% cinematográfico com serifada de cartaz, fugia demais da proposta dev. O feedback foi direto: medo de ficar disruptivo demais. Ali nasceu a régua do projeto: base de portfólio de desenvolvedor reconhecível, cinema como tempero — nunca como fantasia.
CENA 04 · A APROVAÇÃO
Aprovado em um segundo
O mockup v2 — Space Grotesk e JetBrains Mono, âmbar de projetor, $ whoami no hero — foi aprovado à primeira vista. O logo nickolas.dev nasceu nessa versão e virou a assinatura do site.
CENA 05 · A REGRA DE VOZ
Primeira pessoa é do autor
Regra definida no meio do processo: a IA escreve copy descritiva — cards, rótulos, microcopy — mas nenhum texto em primeira pessoa. A voz é sempre do autor. Este texto segue a regra: é um registro factual do processo, não uma imitação de voz.
CENA 06 · A PRODUÇÃO
Do design system ao deploy
Tokens de marca no Tailwind, capas em letterbox 2.39:1, filmografia dividida em destaques e arquivo, currículo gerado na própria página, upgrade de framework, correção de bugs reais — incluindo um no otimizador de imagens do Next 14 — e deploy. Tudo decidido em conversa, commit a commit.
// ficha técnica
Ficha técnica
Roteiro e direção
Nickolas Oliveira
Produção e código
Claude (Anthropic) em dupla com o diretor
Estúdio
Next.js 14 · Tailwind · Prisma · PostgreSQL
Locação
Mogi das Cruzes, SP
Em breve neste espaço: o diretor conta a própria versão.