Design system Braip — de biblioteca a sistema

Transformar uma biblioteca de componentes desalinhada em um sistema com tokens, motion e documentação que o time de engenharia consegue consumir.

UI/UX Designer — Design System (trilha de tokens, em time de design)Design SystemDesign TokensFigma VariablesAcessibilidadeDocumentação

Ver o case Ver os trabalhos

Capa do arquivo Braip Foundations — "Design System · Foundations & Design Tokens" sobre o monograma da Braip em gradiente roxo.

Sou Isaque Valle. Trabalho na fronteira entre design system e produto: transformo decisões de interface em componentes, tokens e fluxos que sobrevivem ao handoff.

Sobre mim

Trabalhos selecionados

Do problema à decisão de design.

················································································································································································································································································································································································································

Bloco de cartão de crédito do checkout — o cartão preenchido em tempo real com número, titular e bandeira, acima dos campos do formulário.

Checkout — o fluxo inteiro e o motion do cartão

Redesenhar um checkout de página única sobre o design system novo, e resolver o trecho mais frágil dele — os quinze segundos em que alguém digita o número do cartão.

UI/UX Designer — Produto (redesenho sobre o design system V2 da Braip)ProdutoFluxoEstadosMotionDesign System

Ler o case study

Hero da landing page Hair Glow — modelo sorrindo enquanto segura o frasco do fluido 5 em 1, sobre fundo verde e roxo claro.

Hair Glow — landing page de lançamento

Uma página de venda construída como uma sequência de objeções respondidas, uma de cada vez, em desktop e mobile.

UI e protótipo (desktop e mobile)Landing pageUIProtótipoDesign responsivoBeleza

Ler o case study

Hero da landing page SOS Beleza Absoluta — modelo sorrindo com a mão no cabelo ao lado do título "Recupere sua autoestima e beleza natural", sobre fundo bege claro.

SOS Beleza Absoluta — um style guide posto à prova

Construir um sistema de estilos próprio sobre o Braip Foundations e usar uma landing page de quatorze seções em três breakpoints como teste de resistência dele.

Style guide e biblioteca de variáveis · UI e design responsivo · direção de arte e composições de produtoDesign SystemLanding pageDesign responsivoFigma VariablesDireção de arteBeleza

Ler o case study

Ver todos os trabalhos

Como eu trabalho

Design systems: Tokens, componentes e documentação que reduzem a distância entre o Figma e o código.
Design de produto: Fluxos, estados e casos de borda — o que normalmente falta na tela bonita.
Pesquisa aplicada: Benchmark, entrevistas e teste de usabilidade dimensionados ao prazo real do time.
Handoff: Especificação que o desenvolvedor lê sem precisar me perguntar.

================================================================================================================================================================================================================================================================================================================================================================================================================

Tem um produto para desenhar?

Respondo em até 24 horas úteis.

Falar comigo