O portfólio

Projetar o próprio portfólio me colocou dos dois lados de uma decisão: eu era a pessoa que precisava se apresentar e o designer responsável por criar essa experiência. O desafio era dar unidade a trabalhos de produto, sistemas e conversação, preservando o contexto e as particularidades de cada projeto.

“Clareza para o complexo” tornou essa intenção explícita. A frase aproxima o que eu faço da maneira como apresento meu trabalho: organizar regras, relações e escolhas para que outra pessoa consiga compreendê-las. No site, isso significa uma entrada direta, caminhos de aprofundamento e espaço para explorar as evidências.

A composição precisava funcionar em ritmos diferentes. Quem chega para conhecer meu perfil encontra atuação e projetos logo na entrada. Quem quer entender uma decisão pode seguir um case, consultar um artigo ou fazer uma pergunta. Essa diferença de intenção orientou a relação entre apresentação, conteúdo e conversa.

Antes de escolher as cores, defini quatro princípios na North Star: intenso, inteligente, preciso e humano. Eles funcionam como critérios de revisão. Uma composição pode ter impacto e ainda precisar de mais espaço para leitura; uma interação pode ser expressiva e ainda precisar deixar sua função mais clara.

As letras V e A saem da assinatura e passam a orientar o espaço, a leitura e a ação. A mesma construção geométrica assume direções diferentes, preservando suas proporções. Assim, um elemento do meu nome também se torna parte do vocabulário da interface.

A arquitetura oferece matéria para a identidade: estrutura, escala, linhas e tensão entre cheios e vazios. Na entrada, a fotografia da Geisel Library ganha uma leitura em preto e branco. O recorte e os planos sobrepostos participam da direção de arte e ajudam a construir o campo em que a mensagem aparece.

Uma decisão visual só se sustenta quando pode ser reutilizada e revista. No Figma, a North Star registra a intenção; foundations, tokens e componentes tornam essa intenção aplicável. O sistema conecta uma escolha de linguagem às diferentes páginas e aos estados de uma interação.

A composição muda conforme o conteúdo. Uma capa apresenta uma ideia; um case encadeia evidências; um artigo precisa de continuidade de leitura. Os componentes mantêm relações reconhecíveis entre essas situações, sem exigir que todas as páginas contem a história da mesma forma.

Cada case precisa conectar contexto, pesquisa, decisões e consequências. A sequência permite entender de onde veio uma escolha antes de avaliar sua forma final. Uma imagem pode mostrar o resultado de uma decisão; a narrativa precisa explicar o raciocínio que a tornou necessária.

Essa edição também acontece nos detalhes. Métricas ficam próximas do que medem e de seu recorte. Um exemplo é o tempo de execução da equipe de design em produtos de prateleira, no case Smarters: explicitar equipe e contexto muda a interpretação do número. Ícones e comparações ajudam a percorrer a informação, enquanto as imagens oferecem espaço para inspeção.

Os artigos ampliam ideias que aparecem nos projetos e criam conexões entre eles. Português e inglês fazem parte da mesma entrega: conteúdo, navegação, imagens e informações de compartilhamento precisam se corresponder. O trabalho editorial continua na busca e na base do Ask Vini, para que os novos conteúdos também possam ser encontrados pela conversa.

Nem toda pessoa chega com tempo para percorrer um case inteiro. Algumas têm uma pergunta específica sobre liderança, sistemas ou um projeto. Criei o Ask Vini para oferecer esse caminho: uma conversa conectada ao conteúdo que já existe no portfólio.

“Pensamento humano a cada escolha” explicita minha relação com a tecnologia neste projeto. A IA apoiou a construção e acelerou iterações. A direção de arte, a curadoria, a edição e os critérios de qualidade permaneceram sob meu olhar. Meu papel inclui formular a intenção e reconhecer quando uma solução ainda se afasta dela.

Esse processo alterna Figma, código e navegador. O Figma ajuda a tornar a intenção visível e compartilhável; o navegador mostra o comportamento com conteúdo real, idiomas diferentes e interação por toque. A revisão conecta os dois, ajustando o que a composição estática não resolve sozinha.

O portfólio continua sendo revisto em uso. As correções mostram como os princípios se tornam critérios concretos: o que precisa ficar mais claro, o que merece destaque e o que deve ocupar menos espaço. Três decisões tornam esse processo visível.