CV CV
portfólio deportfolio of Saulo Bernardino · Senior Product Designer

Design na camada de decisão de produtos digitais B2B e industriais.Design at the decision layer of B2B and industrial digital products.

Discovery para decidir o que construir, e o que não construir. Visão de sistema e IA aplicada para levar a decisão até o produto: do protótipo em código aos agentes.Discovery to decide what to build, and what not to. Systems thinking and applied AI to carry the decision into the product: from coded prototypes to agents.

Como eu pensoHow I think Ver trabalhoSee work ↓

Como medir impacto real, se não conseguimos definir o que é real?How do we measure real impact if we can't define what is real?

8°03′S 34°52′W · Recife
15+
anos em design, os últimos 7 em UX e produto digitalyears in design, the last 7 in UX and digital product
7
projetos descartados depois do discovery, antes de custar desenvolvimentoprojects stopped after discovery, before they cost development
1º
lugar entre 40+ equipes · Low Hack TrueChange & Siemens 2024place among 40+ teams · Low Hack TrueChange & Siemens 2024
01 Trabalho selecionadoSelected work

Indústria, estratégia e pesquisa que muda a decisão.Industry, strategy and research that changes the decision.

02 Como eu pensoHow I think

Método escrito, para ser criticado.Method written down, so it can be challenged.

Framework

Glass

Glass • Um framework de design de Saulo B_ para tornar visível o que importa. 11 passos, as lentes que uso em cada um e o repertório que consulto.Glass • A design framework by Saulo B_ for making what matters visible. 11 steps, the lenses I use in each, and the repertoire I draw on.

Abrir o GlassOpen Glass
Product Strategy · 2026

Framework de Demonstração de ValorValue Demonstration Framework

Times de tecnologia entregam resultado e não conseguem mostrá-lo a quem decide. 41 perguntas que executivos fazem, em 3 personas e 9 tipos de ganho.Technology teams deliver results but can't show them to decision-makers. 41 questions executives ask, across 3 personas and 9 types of gain.

Ler o caseRead the case
03 LaboratórioLab

Fora do trabalho, onde eu testo o que ainda não tem lugar.Outside work, where I test what doesn't have a place yet.

04 Mais sobre mimMore about me

Uma rota, não uma linha reta.A route, not a straight line.

8°03′S 34°52′WRecife · PE
TrilhasTracks · 2007 a 20262007 to 2026Saulo B

Cresci em Recife montando Lego e desenhando ao som de rock. Me formei em design de interiores, abri um estúdio de branding em 2010, comecei a migrar para UX em 2019 e, em 2022, passei a cuidar de produto digital de vez.I grew up in Recife building Lego and drawing to rock music. I studied interior design, opened a branding studio in 2010, started moving into UX in 2019, and in 2022 took on digital product full time.

O que mais me define não é uma ferramenta ou metodologia, é a qualidade das perguntas que faço antes de qualquer coisa. A curiosidade de entender como as coisas funcionam, e por que falham, atravessa tudo, do Lego aos produtos digitais. Penso como designer de arquitetura e de ecossistema: começo pelo ciclo de vida inteiro do que estou desenhando, decido qual recorte atacar e atuo nele sabendo onde cada mudança repercute. Ser generalista é uma característica que trabalha a favor disso; com as perguntas certas e a IA como ferramenta, consigo ir fundo em cada recorte e chegar a entregáveis mais robustos.What defines me most isn't a tool or a method, it's the quality of the questions I ask before anything else. The curiosity to understand how things work, and why they fail, runs through everything, from Lego to digital products. I think as an architecture and ecosystem designer: I start from the whole lifecycle of what I'm designing, decide which slice to tackle, and work on it knowing where each change ripples out. Being a generalist is a trait that works in favor of that; with the right questions and AI as a tool, I can go deep on each slice and reach more robust deliverables.

Toco baixo desde os 16. Com a Dose de Romeu, fiz turnê na Alemanha em 2008 e ganhei o Prêmio da Música de Pernambuco em 2025. Agora estou começando o Oil Can No. 9, um projeto autoral recém-criado.I've played bass since I was 16. With Dose de Romeu I toured Germany in 2008 and won Pernambuco's Music Award in 2025. Now I'm starting Oil Can No. 9, a brand-new original project.

Fora disso: filosofia, cozinha como ritual, RPG e boxe. Sou tímido até conhecer as pessoas. Fazer algo que importe é o que me move, e o craft vem junto: quando o projeto dá tempo e orçamento, vou no detalhe até a vírgula; quando aperta, escolho onde o acabamento faz diferença.Beyond that: philosophy, cooking as ritual, tabletop RPG and boxing. I'm shy until I get to know people. Doing something that matters is what drives me, and craft comes with it: when a project gives me the time and budget, I go down to the last comma; when it's tight, I choose where the finish makes a difference.

Vamos conversar sobre algo interessante?Want to talk about something interesting?

Colaborações, conexões ou projetos.Collaborations, connections or projects.

LinkedIn CV ↓ CV ↓
2022B2BSelf-serviceNDA

Plataforma Self-Service B2B IndustrialIndustrial B2B Self-Service Platform

ClienteClient
Indústria do vidro, Brasil.Flat-glass industry, Brazil.
PapelRole
Product Design
Stack
Jira · Notion · Miro · Figma · Hotjar · SAP BTP

ProblemaProblem

O mercado industrial B2B opera majoritariamente por telefone, e-mail e visita presencial. A crença consolidada: o cliente desse segmento não adotaria canais digitais para processos comerciais críticos. Esse formato gerava gargalos, tornando a operação menos fluida, menos auditável e com experiência menos consistente para o cliente. O desafio era questionar essa ortodoxia e transformar a atuação comercial do cliente sem substituir o relacionamento humano que a sustentava.The industrial B2B market runs mostly on phone, email and in-person visits. The settled belief: buyers in this segment would not adopt digital channels for critical commercial processes. That model created bottlenecks: a less fluid, less auditable operation with a less consistent customer experience. The challenge was to question that orthodoxy and transform the commercial relationship without replacing the human contact that sustained it.

O que eu precisava entenderWhat I needed to understand

Se a resistência ao digital era cultural, consequência de experiência mal resolvida, ou ambos. E onde o processo manual criava mais atrito para o comprador, visível ou não para quem estava dentro da operação.Whether resistance to digital was cultural, a consequence of poorly solved experiences, or both. And where the manual process created the most friction for buyers, visible or not to those inside the operation.

Como eu investigueiHow I investigated

Pesquisa qualitativa com compradores externos e times internos de atendimento e logística, combinando field study, entrevistas em profundidade e testes de usabilidade. Mapeamento das jornadas reais de pedido, acompanhamento de entrega e abertura de chamados. Identificação dos pontos de atrito que forçavam o cliente a buscar canal manual. Acompanhamento pós-lançamento via Hotjar.Qualitative research with external buyers and internal service and logistics teams, combining field studies, in-depth interviews and usability tests. Mapping of the real journeys for ordering, delivery tracking and support tickets. Identification of the friction points that pushed customers back to manual channels. Post-launch follow-up with Hotjar.

Achado críticoCritical finding

A resistência ao digital era em parte cultural, mas principalmente consequência de experiências ruins com sistemas anteriores. Um segundo achado reforçou a oportunidade: as novas gerações que assumem a gestão do negócio não abrem mão de processos digitalizados. Quando confrontados com um fluxo funcional e sem fricção, a adoção aconteceu naturalmente.Resistance to digital was partly cultural, but mostly the result of bad experiences with previous systems. A second finding reinforced the opportunity: the new generations taking over these businesses won't give up digital processes. Faced with a working, frictionless flow, adoption happened naturally.

"Está anos-luz na frente de qualquer outro."Cliente, feedback espontâneo"It's light-years ahead of any other."Customer, unprompted feedback

ResultadoOutcome

Plataforma que estruturou em fluxo digital os processos que antes dependiam de canal manual. 11 features entregues em 2023 e 2024. Além dos pedidos, digitalizou a rotina completa do cliente: registro e acompanhamento de chamados, pós-venda, gestão financeira e controle de ativos. Crescimento consistente no volume de pedidos diretos, com redução da dependência de canais manuais e ganhos de fluidez e rastreabilidade na operação.A platform that moved into a digital flow the processes that used to depend on manual channels. 11 features shipped in 2023 and 2024. Beyond orders, it digitized the customer's whole routine: support tickets, after-sales, financial management and asset control. Steady growth in direct orders, with less dependence on manual channels and gains in fluidity and traceability.

🔒 Projeto sob NDA, métricas específicas omitidas.🔒 Under NDA; specific metrics omitted.
2024UX ResearchProduct DesignNDA

Operação Comercial em Fluxo EstruturadoSales Operations in a Structured Flow

ClienteClient
Indústria do vidro, Brasil.Flat-glass industry, Brazil.
PapelRole
Product Design
Stack
Jira · Notion · Claude · Figma · SAP BTP

ProblemaProblem

A política comercial tinha regras legítimas e complexas, aplicadas em fluxos que ainda não davam a mesma visibilidade a todos os envolvidos. O desafio era estruturar essa complexidade em fluxo digital auditável sem perder as regras de negócio que sustentavam a operação, e que funcionasse dentro da realidade de quem aplica isso no campo.The sales policy had legitimate, complex rules, applied in flows that didn't yet give everyone involved the same visibility. The challenge was to structure that complexity into an auditable digital flow without losing the business rules that held the operation together, and to make it work in the reality of the people applying it in the field.

O que eu precisava entenderWhat I needed to understand

Como a política comercial funcionava na prática: onde as regras eram claras e onde eram interpretadas caso a caso. Quais etapas eram necessárias do ponto de vista do negócio e quais eram fricção acumulada sem questionamento. E o que quem aplica essa política no dia a dia realmente precisava para operar com mais fluidez.How the sales policy worked in practice: where the rules were clear and where they were interpreted case by case. Which steps the business truly needed and which were friction that had piled up unquestioned. And what the people applying the policy every day really needed to operate more fluidly.

Como eu investigueiHow I investigated

Auditoria de UX da política comercial e mapeamento dos processos para separar regras legítimas de fricção acumulada. Observação passiva em campo e entrevistas com gerentes de conta e liderança comercial. Mapeamento de dependências e identificação dos gargalos com maior impacto no tempo de resposta ao cliente.A UX audit of the sales policy and process mapping to separate legitimate rules from accumulated friction. Passive field observation and interviews with account managers and sales leadership. Dependency mapping and identification of the bottlenecks with the biggest impact on customer response time.

Achado críticoCritical finding

A complexidade não era o problema central. Boa parte da política comercial era necessária e protegia o negócio. O ponto estava em como ela era operada: sem um fluxo único que desse rastreabilidade e a mesma leitura a todos. O desafio real era estruturá-la digitalmente com UX que garantisse engajamento de quem executa no campo.Complexity wasn't the core problem. Much of the sales policy was necessary and protected the business. The issue was how it was operated: without a single flow giving everyone traceability and the same reading. The real challenge was to structure it digitally with a UX that earned the engagement of those executing in the field.

ResultadoOutcome

A digitalização trouxe fluidez ao processo e rastreabilidade auditável. A demora que era invisível para liderança e clientes tornou-se mensurável e gerenciável.Digitization brought fluidity and auditable traceability to the process. Delays that were invisible to leadership and customers became measurable and manageable.

🔒 Projeto sob NDA, métricas específicas omitidas.🔒 Under NDA; specific metrics omitted.
2025Visão computacionalComputer visionNDA

StepSafe, segurança industrial com visão computacionalStepSafe, industrial safety with computer vision

ClienteClient
Stepps, A Schmersal Partner
PapelRole
Product Design · Product Strategy
Stack
Notion · Miro · Claude · Figma

ProblemaProblem

Ambientes industriais têm acidentes que poderiam ser evitados, mas as soluções de monitoramento existentes não resolvem o problema real: ou são generalistas demais, cobrindo segurança patrimonial e segurança do trabalho no mesmo produto sem profundidade em nenhum, ou entregam alertas informativos que ninguém age em cima. O desafio era descobrir se havia espaço para um produto especializado, o que ele precisaria fazer de diferente, e como sustentar relevância num mercado em que a tecnologia evolui mais rápido do que o ciclo de desenvolvimento de produto.Industrial sites have accidents that could be prevented, but existing monitoring solutions don't solve the real problem: they're either too generic, covering property security and workplace safety in one product without depth in either, or they deliver informational alerts nobody acts on. The challenge was to find out whether there was room for a specialized product, what it would need to do differently, and how to stay relevant in a market where technology moves faster than the product development cycle.

O que eu precisava entenderWhat I needed to understand

Onde o mercado tinha gaps reais, não gaps de feature. Se os clientes industriais tinham maturidade para adotar uma solução como essa e o que definia essa maturidade. E como desenhar um produto que fosse implementável rapidamente sem abrir mão da sofisticação que o diferenciaria no médio prazo.Where the market had real gaps, not feature gaps. Whether industrial customers were mature enough to adopt such a solution, and what defined that maturity. And how to design a product that could be deployed quickly without giving up the sophistication that would set it apart in the medium term.

Como eu investigueiHow I investigated

Análise competitiva de 12 empresas em quatro países para mapear capabilities, gaps e posicionamento. Cruzamento com dados de acidentes industriais brasileiros (AEAT 2023, INSS, SmartLab) para identificar setores e tipos de máquina com maior volume e viabilidade técnica. Entrevistas com equipes de segurança de clientes reais em automotivo e farmácia. Entrevistas com vendedores da Schmersal para entender dinâmica comercial, perfis de clientes e barreiras de venda. Análise de propostas comerciais e dados de CRM para triangular necessidades com comportamento real de compra.Competitive analysis of 12 companies in four countries to map capabilities, gaps and positioning. Cross-referencing with Brazilian industrial accident data (AEAT 2023, INSS, SmartLab) to find the sectors and machine types with the most volume and technical feasibility. Interviews with safety teams at real customers in automotive and pharma. Interviews with Schmersal sales reps on commercial dynamics, customer profiles and sales barriers. Analysis of proposals and CRM data to triangulate needs with real buying behavior.

Achado críticoCritical finding

O maior bloqueio para adoção não era tecnológico nem de preço. Era cultural: segurança não é prioridade para a diretoria, e isso se reflete diretamente no chão de fábrica. Qualquer solução que dependa de engajamento voluntário enfrenta resistência. O segundo achado redefiniu o que "proativo" significa nesse contexto: não é o produto que mais detecta, é o que fecha o ciclo entre detecção e resposta.The biggest barrier to adoption wasn't technology or price. It was cultural: safety isn't a priority for the board, and that shows directly on the shop floor. Any solution that depends on voluntary engagement meets resistance. The second finding redefined what "proactive" means here: not the product that detects the most, but the one that closes the loop between detection and response.

ResultadoOutcome

Discovery completo com síntese de pesquisa, análise competitiva e mapeamento de oportunidades. Arquitetura de produto organizada por agente de risco, com domínios de veículo e máquina e implantação on-premise para ambientes industriais sem dependência de internet. Roadmap em três horizontes, com MVP implantado em produção em dois clientes reais. Projeto pausado após a Fase 2 por realinhamento de prioridades internas.A full discovery with research synthesis, competitive analysis and opportunity mapping. Product architecture organized by risk agent, with vehicle and machine domains and on-premise deployment for industrial sites without internet dependence. A three-horizon roadmap, with an MVP in production at two real customers. The project was paused after Phase 2 due to internal reprioritization.

🔒 Projeto sob NDA, detalhes operacionais e dados de clientes omitidos.🔒 Under NDA; operational details and customer data omitted.

Site da SteppsStepps website ↗
1º · Low Hack 2024IAMendix

Camalearn, avaliação adaptativa para educação inclusivaCamalearn, adaptive assessment for inclusive education

ContextoContext
Low Hack TrueChange & Siemens, 2024
PapelRole
Product Design
Stack
Miro · LLMs · RAG · Mendix

ProblemaProblem

O briefing do hackathon era criar uma solução sobre acessibilidade e educação, dois termos amplos o suficiente para gerar soluções genéricas. A primeira decisão foi questionar o escopo antes de propor qualquer coisa: o que entendemos por acessibilidade? Limitação física? Neurodivergência? Boas práticas de UI? Acesso por renda? Sem essa clareza, qualquer solução correria o risco de resolver um problema vago de forma vaga.The hackathon brief was to build something about accessibility and education, two terms broad enough to produce generic solutions. The first decision was to question the scope before proposing anything: what do we mean by accessibility? Physical limitation? Neurodivergence? UI best practices? Access by income? Without that clarity, any solution risked solving a vague problem vaguely.

Como eu investigueiHow I investigated

Em menos de um dia, conduzi entrevistas com dois professores, um de escola pública e um de escola particular, para cruzar contextos diferentes e identificar o que era universal. Combinei com o time que a pesquisa e a ideação precisariam estar concluídas nesse prazo para sobrar dois dias de desenvolvimento.In under a day, I interviewed two teachers, one from a public school and one from a private school, to cross different contexts and find what was universal. I agreed with the team that research and ideation had to be done within that window, leaving two days for development.

Achado críticoCritical finding

O insight central veio logo na primeira entrevista: alunos são indivíduos. O desafio não era só quem tinha uma condição específica de aprendizagem, era qualquer perfil que aprendesse de forma diferente: altas habilidades, TDAH, autismo, e o simples fato de que nenhum aluno aprende igual ao outro. O sistema de avaliação padrão ignora isso e mede todos pelo mesmo gabarito.The core insight came in the first interview: students are individuals. The challenge wasn't only those with a specific learning condition, but any profile that learns differently: giftedness, ADHD, autism, and the simple fact that no two students learn alike. Standard assessment ignores this and grades everyone against the same answer key.

ResultadoOutcome

Plataforma com perfil individual de cada aluno, combinando informações comportamentais, contexto pessoal e características de aprendizagem. A IA gerava avaliações customizadas por perfil, para medir compreensão do conteúdo e não capacidade de gabaritar prova. MVP entregue em dois dias de desenvolvimento. 1º lugar entre mais de 40 equipes, validado pelos jurados pela profundidade da pesquisa que sustentou as decisões de produto.A platform with an individual profile for each student, combining behavioral information, personal context and learning traits. AI generated assessments tailored to each profile, to measure understanding of the content rather than the ability to ace a test. MVP shipped in two days of development. 1st place among 40+ teams, recognized by the judges for the depth of research behind the product decisions.
IA · AgentesAgents2026Em produçãoIn production

Brain, um agente pessoal para aprender como agentes funcionamBrain, a personal agent to learn how agents work

TipoType
Projeto autoral, uso pessoalPersonal project, single user
Stack
Next.js · TypeScript · Claude · OpenAI Realtime · GitHub API · Vercel

ProblemaProblem

Notas, tarefas e registros espalhados entre ferramentas. Mas o objetivo declarado era outro: aprender, na prática, como se constrói uma aplicação com agente. A ferramenta é consequência.Notes, tasks and records scattered across tools. But the stated goal was another: to learn, hands-on, how an agent application is built. The tool is a by-product.

ArquiteturaArchitecture

Uma base (markdown em git, em três repositórios), vistas sobre ela (tarefas, checks, painel, grafo) e uma camada de conversa por texto e voz que atravessa todas. O agente lê e escreve na base e mostra o commit de cada escrita.One base (markdown in git, across three repositories), views over it (tasks, checks, dashboard, graph) and a conversation layer, text and voice, that runs through all of them. The agent reads and writes to the base and shows the commit for every write.

DecisõesDecisions

A base sobrevive ao app. Se o app morrer, tudo continua em markdown no git. O agente não é autônomo: não decide sozinho nem reescreve o que já está escrito. Medir antes de otimizar: ligar o cache de prompt reduziu o custo de cada captura de US$ 0,0152 para US$ 0,0054, e só apareceu porque cada chamada era medida.The base outlives the app. If the app dies, everything stays as markdown in git. The agent isn't autonomous: it doesn't decide on its own or rewrite what's already written. Measure before optimizing: turning on prompt caching cut the cost of each capture from US$0.0152 to US$0.0054, and that only showed up because every call was measured.

O que ficaWhat remains

Um diário de construção por fase: o que tentei, o que quebrou, o que custou. É ele que transfere para o trabalho, não o código. O conteúdo é pessoal; aqui aparecem arquitetura e método, nunca a base.A build diary per phase: what I tried, what broke, what it cost. That's what transfers to work, not the code. The content is personal; what's shown here is architecture and method, never the base.
DatavizModelagem de sistemaSystem modeling2026

Mapa de Impacto PolíticoPolitical Impact Map

TipoType
Ferramenta educacional, gratuita, sem coleta de dadosFree educational tool, no data collected
Stack
HTML · CSS · JavaScript · Vercel

ProblemaProblem

Discussão política sem mapa comum: cada lado fala de um eixo diferente, e ninguém percebe. A mesma proposta muda de sentido dependendo de quem olha, de como o poder funciona e de qual área da vida está em jogo.Political debate without a shared map: each side talks about a different axis, and nobody notices. The same proposal changes meaning depending on who's looking, how power works, and which area of life is at stake.

Decisões de modelagemModeling decisions

Separar como o poder funciona de para onde ele aponta. Estrutura (democracia, ditadura, teocracia) e orientação (esquerda, centro, direita) são eixos independentes. O impacto depende de quem é a pessoa: nove eixos de perfil (renda, escolaridade, idade, ocupação, localidade, raça, gênero, orientação sexual, religião) modulam o efeito de cada uma das 12 áreas. Média ou mediana: a interface explica por que um extremo distorce a média. Sem rótulo filosófico: rotular já é tomar posição; a ferramenta só pergunta para quem, sobre o quê, em qual cenário.Separate how power works from where it points. Structure (democracy, dictatorship, theocracy) and orientation (left, center, right) are independent axes. Impact depends on who the person is: nine profile axes (income, education, age, occupation, location, race, gender, sexual orientation, religion) modulate the effect on each of 12 areas. Mean or median: the interface explains why an outlier skews the mean. No philosophical labels: labeling is already taking a side; the tool only asks for whom, about what, in which scenario.

ResultadoOutcome

Duas vistas: comparar regimes para a mesma pessoa, e comparar pessoas no mesmo regime, num radar de 12 áreas. Com o mínimo de viés e as premissas expostas: a ferramenta explica, área por área, o que conta como positivo e negativo.Two views: compare regimes for the same person, and compare people under the same regime, on a 12-area radar. With minimal bias and the assumptions exposed: the tool explains, area by area, what counts as positive and negative.

Abrir a ferramentaOpen the tool ↗
MarcaBrandDesign systemWebsite2025

JBC, rebranding e site institucionalJBC, rebrand and website

ClienteClient
JBC Assessoria Contábil, Recife.JBC Assessoria Contábil, Recife.
PapelRole
Rebranding · Design System · Posicionamento · WebsiteRebrand · Design System · Positioning · Website
Stack
HTML · CSS · JavaScript · GitHub Pages

ProblemaProblem

Um escritório de contabilidade com 35 anos de mercado, uma marca que nunca teve um design system e um site em WordPress que ninguém atualizava: sem diretrizes de design, esteticamente desatualizado e inadequado para quem compra, antes de tudo, confiança.An accounting firm with 35 years in the market, a brand that never had a design system, and a WordPress site nobody updated: no design guidelines, visually dated, and wrong for a client who buys, above all, trust.

Como eu construíHow I built it

Comecei pela história do logotipo, em três versões (anos 1990, 2000 e 2010), para o novo nascer da linhagem e não de uma folha em branco. Depois veio a identidade verbal, antes de qualquer tela: arquétipo O Sábio, voz confiável, acessível e profissional, e o slogan "Clareza hoje, confiança no futuro". Tudo documentado num playbook com o design system que a marca não tinha.I started with the logo's history in three versions (1990s, 2000s and 2010s), so the new one would grow from the lineage instead of a blank page. Then came the verbal identity, before any screen: the Sage archetype, a reliable, approachable and professional voice, and the tagline "Clarity today, confidence in the future". All documented in a playbook with the design system the brand never had.

Decisão críticaCritical decision

O site só diz o que é verdade. Os depoimentos e os logos de clientes do site antigo eram placeholders, então saíram. Um site sem prova social é mais honesto do que um com prova social inventada; as seções voltam quando houver material real.The site only says what's true. The testimonials and client logos on the old site were placeholders, so they went. A site without social proof is more honest than one with invented social proof; those sections come back when there's real material.

ResultadoOutcome

Marca atualizada e documentada num playbook público e um site institucional novo, em seis páginas estáticas, sem WordPress e sem custo de hospedagem do site.An updated brand documented in a public playbook, and a new six-page static website, with no WordPress, no hosting cost for the site.

Site da JBCJBC website ↗Playbook da marcaBrand playbook ↗