Portfólio
Oito trabalhos, abertos por dentro.
Marca, brandbook, sites, sistemas, um aplicativo de desktop e a ferramenta que o time usa todo dia. De cada um: o problema que existia antes, o que foi feito e as peças que saíram. Clique para abrir — o trabalho se abre aqui mesmo.
Os trabalhos
Marca, sistema visual e site
ZavaHaus
O problema
Um estúdio que não consegue explicar a própria marca não tem argumento nenhum para explicar a dos outros. A ZavaHaus precisava nascer inteira e de uma vez: nome, símbolo, regra, peças e site saindo do mesmo raciocínio — e a regra tinha que ser dura o bastante para ninguém conseguir furar depois.
O que foi feito
- Símbolo: um Z que é uma viga cortada, desenhado numa inclinação só — 9:7, a mesma de todas as diagonais do sistema.
- Paleta de cinco cores, com o magenta reservado para aresta e nunca para parede.
- Trinta ícones desenhados na mesma régua, sem biblioteca de terceiros.
- Brandbook de 23 páginas: usos, proibições, contraste medido e até a gramática dos textos.
- Cartão, papel timbrado, apresentação, posts, story, capa e assinatura de e-mail.
- Site de dez páginas em HTML e CSS escritos do zero — sem framework, sem tema e sem rastreador de terceiros.
23 páginas de brandbook30 ícones desenhados10 páginas de site0 dependências externas
1 / 6
Identidade de marca
Pink Passport
O problema
A marca precisava ficar mais jovem e desejável sem perder o premium — e sobreviver à distância entre o site e a etiqueta costurada dentro da peça. Um logo só não aguenta esse trajeto.
O que foi feito
- Logo principal com uma bússola: direção, destino e descoberta, desenhada com leitura de joia.
- Três assinaturas para o resto do caminho — monograma PP para bordado e etiqueta, selo circular para embalagem e lacre, wordmark vertical para capas e composições editoriais.
- Paleta de cinco: dusty rose, champagne, brushed gold, ivory e espresso, com o rosa como assinatura.
- Dupla tipográfica — serifa editorial na voz, sem serifa contemporânea na leitura.
- Aplicações cromáticas e versões negativas para embalagem, sacola e peça especial.
- Direção de moda e de produto: do unboxing ao detalhe de marca.
4 assinaturas5 cores oficiais10 aplicações cromáticas
1 / 5
Site institucional
Fisioterapia Zavarize
O problema
Serviço de saúde vende confiança antes de vender consulta. O site precisava mostrar credencial sem virar currículo, e falar da dor do paciente antes de falar do nome da clínica.
O que foi feito
- Manchete que começa pela dúvida de quem chega, não pela apresentação de quem atende.
- Três números de credencial no alto da página, onde a decisão acontece.
- Conteúdo, desenho e publicação — na identidade da clínica, não na da ZavaHaus.
Conteúdo, desenho e publicação
Site institucional
Site de uma indústria de tecnologia gráfica
O problema
Uma indústria que vende tecnologia para outras indústrias tinha um site que listava produtos, mas não explicava por que eles importam. A arquitetura estava organizada pelo organograma da empresa, não pela dúvida de quem compra.
O que foi feito
- Arquitetura refeita por mercado e por tecnologia, e não por departamento.
- Uma página por tecnologia, cada uma começando pelo problema industrial que ela resolve.
- Textos técnicos reescritos para serem lidos por quem decide a compra, sem perder a precisão para quem entende do assunto.
ArquiteturaTextoDesenho
Nas imagens, o logo e o nome do cliente foram trocados por um selo neutro. O desenho, a arquitetura e o texto são os do site.
1 / 6
Aplicativo de desktop
Alpha Whisper
O problema
Ditado de mercado transcreve português comum bem e o resto mal: clichê vira cliche, flexografia vira flexo grafia e a Saveiro da expedição vira “salve eiro”. Numa clicheria, justamente as palavras que importam são as que saem erradas — e revisar todas custa mais tempo do que digitar. Somem os dois limites do lugar: o notebook não tem placa de vídeo dedicada e a rede da empresa inspeciona HTTPS, então serviço de nuvem estava fora antes da primeira linha de código.
O que foi feito
- Reconhecimento rodando na própria máquina, em CPU e sem internet: o áudio não sai do notebook e a rede corporativa não entra na conta.
- Lista de vocabulário da casa — clichê, flexografia, fotopolímero, anilox, Saveiro, Alpha Clicheria — entregue ao modelo como dica antes de cada transcrição.
- “Ensinar correção”: o erro é corrigido uma vez, na própria nota, e nunca mais aparece.
- Ditado direto em qualquer programa: uma tecla global escreve no Word, no Excel ou no WhatsApp que estiver aberto.
- Três modos de reconhecimento — rápido, equilibrado e preciso — para o usuário trocar velocidade por acerto sem saber o que é um modelo.
- Notas com pastas, busca no conteúdo e histórico por data, para o ditado virar arquivo e não mensagem perdida.
- Botão flutuante desenhado para sobreviver a qualquer fundo do Windows: claro, escuro, papel de parede e tema de alto contraste.
- Interface inteira no padrão Alpha UI, tema claro e escuro, feita para quem nunca configurou um microfone na vida.
Windows · PythonWhisper local, sem internetVersão 6.5Conceito, UX e desenvolvimento
1 / 9
UX e desenho de sistema
Sistema interno para operação fabril
O problema
Chão de fábrica não tem paciência para software bonito. Quem usa está de pé, com pressa, e precisa de três informações — não de um painel com trinta.
O que foi feito
- Mapeamento do fluxo real antes de desenhar qualquer tela.
- Hierarquia de informação resolvida por tamanho e posição, não por cor.
- Bloco de ações rápidas na abertura: os seis caminhos que respondem por quase todo o uso do dia.
- Interface desenhada tela a tela, pronta para o time de desenvolvimento.
FluxoHierarquiaInterface
Protótipo em homologação, com dados de teste. O logo e o nome do cliente foram trocados por um selo neutro, e o nome do usuário é fictício.
1 / 2
Ferramenta interna
Central de marketing
O problema
Time de marketing perde mais tempo remontando o que já fez do que fazendo coisa nova. E-mail que existe em algum lugar, apresentação que alguém já montou, arte que ninguém acha.
O que foi feito
- Construtor de e-mail com seções de 1, 2 ou 3 colunas, tudo editável depois.
- Biblioteca que cresce sozinha: todo e-mail importado é fatiado em seções que passam a valer para os próximos.
- IA onde ela acelera — escrever a ideia em linguagem solta e receber o e-mail montado — e controle manual onde ela atrapalha.
- Módulos de atividades, repositório, redes sociais e apresentações no mesmo lugar.
4 caminhos para o mesmo lugar5 módulos
Plataforma
Plataforma de cursos do IZES
O problema
Curso vendido é fácil; curso concluído é que dá depoimento e recompra. A área do aluno precisava mostrar o que falta para terminar logo na primeira tela.
O que foi feito
- Área do aluno com progresso visível por curso, antes de qualquer outra coisa.
- Certificados, materiais e dados cadastrais separados do conteúdo das aulas.
- Turmas presenciais com quando, onde e o que levar, na mesma lista dos cursos gravados.
- Marca d'água com o nome do aluno sobre o vídeo, para conter o repasse.
Cursos gravados e presenciaisCertificadosMateriais
Em dois trabalhos — o site industrial e o sistema interno — o logo e o nome de quem contratou foram trocados por um selo neutro. O desenho é o que foi entregue; a marca é do cliente.
O próximo
O seu caso ainda não está nessa lista.
Se quiser saber onde a sua operação está furada antes de falar com a gente, o Raio-X responde em oito perguntas.