Design-System | Rick Benetti

O que a IA ainda não resolveu?

Rick Benetti — Fri, 06 Feb 2026 00:00:00 +0000

Eu vejo IA em todo canto, mas será que ela tá mesmo ajudando a resolver minha vida? 🤔 Fiz uma listinha de coisas que eu esperava que a IA já tivesse resolvido e, até agora, nada. Pra quem acha que qualquer ideia merece ser desenvolvida, já passei dessa fase; hoje meu foco é ajudar empresas a resolver problemas reais para pessoas reais — pode ter IA no meio, mas ela não é o centro de tudo 💡

Filtro de e-mails: tem app que faz tudo no automático e aí já era, não encontro mais nada 📧, o negócio é tão inteligente que não me pergunta e esconde tudo 🚫
Organização de arquivos 📂: ainda não achei nada que preste e morro de medo de confiar cegamente no Google, que perde arquivos que é uma beleza
Sincronização de contatos: imagina que sonho algo que avise aniversários e organize tudo direito… hoje é uma bagunça entre WhatsApp e e-mail, não sei quem é quem e cansei de categorizar tudo na mão. Quase voltando pro papel e caneta! 📝😂
Tempo pra relaxar: se a IA faz tudo mais rápido, eu quero esse tempo livre pra não fazer nada, e não pra me entupirem de mais trabalho ☕🛋️
Compras no precinho: tanta tecnologia e, quando chego na loja física, não tem o desconto do meu CPF, só no site… falta aquela integração de verdade 🛍️💸
Dados médicos num só lugar: a Apple tem o app dela, mas sem versão web ou desktop fica difícil anexar exames e ter uma visão geral. Queria meu histórico desde criança, mas acho que só na próxima vida mesmo 🏥🩺
Cartão de transporte único: não importa se é ônibus, trem ou barco, o sistema devia ser um só! Fica essa palhaçada de cada prefeitura ter o seu e quem paga o pato (e a taxa) é o usuário 🚌🚢
Dados financeiros centralizados: se a Receita e os bancos já sabem tudo da minha vida, por que eu ainda tenho que gerar guia e declarar imposto todo ano? Devia ser tudo integrado, só pra eu dar um “ok” 🏦

O que a IA podia fazer e seria uma mão na roda:

Um índice real dos políticos: o que propõem, como votam e o que isso realmente traz de bom pra gente 🏛️⚖️
Um mapa de segurança detalhado das cidades, mostrando o que precisa melhorar em cada bairro com ajuda de todo mundo 🏙️🛡️
Um “limpador” de contatos inteligente que sugerisse quem manter ou banir com base nas minhas interações em todas as redes 🧹📱
Um sistema que soubesse onde tô usando o transporte e cobrasse o valor justo na hora, sem mil cartões diferentes 💳🎟️
Um prontuário único que me desse controle total dos meus dados de saúde e me avisasse sobre prevenções 🧬🚑
IA ajudando no sistema penal pra avaliar quem deve ou não estar preso, com um painel de segurança por região ⚖️🚔
Um portal único de serviços baseado por onde eu circulo — se tô entre SP e Rio, já me sugere o que tem de útil no caminho 📍🌍

Com certeza tem mais coisa, mas se o software custa $10, $20 ou $50 só pra eu “testar”, eu já passo a vez ✋. Como empresa, analiso muito bem se a automação traz valor real ou se é só pra surfar na onda da IA sem ter feito nem o básico antes.

E olha que nem falei do custo real disso: servidores, energia, gente… é uma estrutura gigante que consome recursos na velocidade da luz ⚡🌍

Consultoria em Design para empresas de verdade

É nesse básico que eu ajudo sua empresa! Pra rodar IA, a casa precisa estar arrumada. Usar por usar, todo mundo faz hoje em dia, mas usar com sabedoria e estratégia é outra história. Chega de seguir o efeito manada e gastar fortunas em licenças que não resolvem nada 🐑❌

Quer evoluir seu negócio e entender o que precisa vir antes da IA? Conta comigo! Vamos usar tecnologia no que importa, sem quebrar seu caixa e focando no que seu cliente realmente precisa. Vamos traçar planos que saiam do papel e tragam resultado de verdade 🚀🤝

Me manda um e-mail contando sobre sua empresa e vamos marcar um papo.

Evolução, Autonomia, Artesania

Rick Benetti — Tue, 06 Jan 2026 00:00:00 +0000

Todo ano surge o mesmo desejo de refazer o portfólio, mas desta vez decidi abandonar a busca pela perfeição estética das ferramentas “da moda” para focar na essência do que acredito, pois após quase três décadas de internet, percebi que ferramentas como Framer ou Webflow, embora poderosas, muitas vezes nos distanciam da raiz técnica que tanto valorizo. Como um designer que gosta de “colocar a mão no código”, decidi estruturar meu novo espaço utilizando Astro.build, priorizando a performance e a simplicidade de uma arquitetura estática que eu possa controlar totalmente.

Este projeto ficou guardado por dois anos enquanto eu atravessava ciclos intensos de mercado, entre desafios profissionais e momentos de reflexão pessoal, mas agora entendo que este é o momento ideal para internacionalizar minha comunicação e consolidar minha independência digital. Optei por um fluxo de publicação via sFTP, mantendo a simplicidade operacional para que eu possa atualizar meus registros no meu próprio tempo, sem a pressão das métricas de vaidade das redes sociais, pois vejo meu site como um refúgio de soberania de dados, um local onde minhas experiências estão seguras e registradas sob o meu controle.

Meu foco hoje é o Design de Serviços, onde utilizo minha bagagem técnica para impactar negócios de forma holística, seja no ambiente digital ou no físico, garantindo que cada ponto de contato faça sentido estratégico. Em breve, compartilharei o primeiro caso de estudo reescrito do zero, focado nas mensagens reais que quero transmitir, e embora o site não tenha espaço para comentários por ser um registro histórico, estou sempre aberto ao diálogo e a novas oportunidades onde o pensamento estratégico e o design de alto impacto sejam necessários.

A evolução da internet e o design no caminho errado

Rick Benetti — Wed, 31 Dec 2025 00:00:00 +0000

Muito tempo atrás, quando comecei a trabalhar com a internet, tudo era manual. A conexão era discada: ou se liberava a linha telefônica para navegar, ou se ficava offline. Tínhamos uma sede genuína de aprender; nossa curiosidade era alimentada pelo novo. Cada novidade gerava uma corrida que levava meses, pois dependíamos de revistas técnicas para entender o que estava acontecendo.

O inglês era um “bicho de sete cabeças”. Hoje, é um estranho em um mundo que traduziu e regionalizou tudo. A tecnologia convergiu para que não precisássemos necessariamente dominar outro idioma, permitindo traduções simultâneas que aproximam as massas.

Nossa curiosidade nos impulsionava. Primeiro foi o Blender 3D, depois os navegadores, os jogos (mesmo sem hardware potente) e os apps de criação. Do Visual Basic ao Pascal e Assembler; dos interpretadores aos editores de texto “turbinados”. O Mac era uma raridade; hoje, a Apple é onipresente.

Éramos movidos por uma fome de dados que vinham com parcimônia. Tínhamos tempo para “fazer o upload” das informações para a mente. Hoje, o excesso é tanto que nos cansamos em 15 segundos e pulamos para o próximo post. Antes, ler, anotar e digerir era o natural. Agora, a exigência constante por performance nos obriga a priorizar a velocidade. O lado obscuro da IA, consumida como se fosse água, é que nosso cérebro não absorve nada. Não há tempo para aprender, apenas para correr. Não nos é dado o tempo de pensar.

Inclusive, vejo empresas penalizando quem para para refletir. Racionalizar, hoje, parece proibido.

Se a regionalização foi o maior ganho, a maior tristeza é ver todos buscando o menor esforço. Desaprende-se a viver, conversar e interagir. Meu medo é que estejamos nos tornando uma sociedade preguiçosa: sem a IA, ninguém pensa, ninguém fala, ninguém faz.

Hoje, antes de testar dez milhões de ferramentas, prefiro esperar para ver o que se consolida. Antes de aprender dez milhões de coisas inúteis, prefiro focar no que de fato faz sentido. Em um mundo onde tudo custa uma assinatura mensal de $10 ou $20 e os clientes exigem soluções imediatas (e baratas), meu diferencial é justamente o que tentam proibir: parar para pensar, discutir e realmente aprender.

Arquivo inicial do Figma para começar projetos do zero

Rick Benetti — Wed, 31 Dec 2025 00:00:00 +0000

Foi pensando justamente em como arrumar a casa e ajudar os times a definirem processos e métodos claros que acabei criando o que chamo carinhosamente de meu “monstrinho”, um arquivo no Figma estruturado para quem precisa começar um projeto do zero com o pé direito, pois ele já conta com um UI Kit baseado no Shadcn, capas para ajudar na definição de status do projeto, além de seções bem definidas e “section flows” que deixam toda a arquitetura da solução organizada desde o primeiro minuto, pois acredito verdadeiramente que o lucro é a consequência natural de um trabalho bem executado e focado na qualidade, então o meu objetivo com esse arquivo é ajudar as empresas a pararem de queimar dinheiro com retrabalho e desorganização, permitindo que o time ganhe tração e o valor do produto apareça de forma clara para o cliente final.

Convido você a acessar o arquivo no Figma Community, baixar para testar com seu time e deixar um coração ou comentário, pois se você gostar dessa abordagem e tiver uma posição onde meus conhecimentos em design estratégico e estruturação de times façam sentido, é só me chamar para conversarmos.

O Designer como Elo Estratégico

Rick Benetti — Wed, 31 Dec 2025 00:00:00 +0000

Quando assumimos um novo desafio chegamos com energia e o olhar atento, pois como designers nossa tendência é observar padrões e analisar o histórico de erros e acertos para construir uma estratégia sólida. Ouço desde os anos 90 a falácia de que o designer não se conecta com negócios ou com o time de desenvolvimento, mas na minha jornada aprendi que o design é, acima de tudo, um tradutor de viabilidade.

Meu papel é atuar com o time de design para extrair o máximo do potencial técnico e criativo de cada profissional através de método e processo, garantindo que do lado de negócios as regras sejam bem descritas e façam sentido estratégico, enquanto para a tecnologia o meu objetivo é que o projeto seja de fato entregável.

Estou cansado de ver projetos alimentando egos de PMs e gestores, iniciativas que nunca verão a luz do dia ou passarão por um teste real, o que acaba sendo um ralo de dinheiro para as empresas e uma frustração para os profissionais que nunca chegam a “pertencer” ao produto.

Precisamos ser estratégicos e focar na redução do turnover, pois sem sinergia e estabilidade teremos eternamente empresas reclamando que os times não funcionam e profissionais reclamando de empresas que contratam para demitir em menos de seis meses, então meu trabalho é arrumar a casa para que o design, o lucro e as pessoas caminhem juntos.

Truss Int

Rick Benetti — Mon, 01 Dec 2025 00:00:00 +0000

translationKey: case-truss-int

O cenário

Truss Int desenvolve hardware e software para gestão de ativos móveis e fixos — embarcações, frotas terrestres e aéreas — para operações latino-americanas.

Como Product Designer, redesenhei a plataforma usada pela LHG, empresa paraguaia-brasileira que transporta minérios e carga por hidrovias entre Brasil, Paraguai e Uruguai — de Corumbá, MS, até Montevidéu.

O problema

A plataforma rodava em base russa em fim de vida — sem atualização garantida, sem suporte, sem evolução possível.

Em paralelo, a operação real da LHG vivia em planilhas dispersas que ninguém conseguia consolidar. O sistema antigo era de consulta, não de gestão. Quando algo parava na operação, ninguém sabia identificar onde nem por quê.

Como reconstruir um sistema crítico de logística internacional em 5 meses — sem documentação, sem garantia de continuidade e com a operação real vivendo em planilhas?

A abordagem

01 · Conversas iniciais

Entrevistas com a equipe técnica da Truss Int. O briefing descrevia uma plataforma a substituir. Parecia um problema de interface.

02 · A descoberta na 4ª interação

A gerente paraguaia não usava o sistema para operar. Usava planilhas.

O sistema russo era de consulta — a operação real vivia em arquivos dispersos. O que parecia um problema de interface era na verdade um problema de modelo: o sistema não refletia como a operação funcionava.

03 · Reconstrução de lógica

Sem documentação. O trabalho foi arqueológico: mapear o que o sistema registrava, o que as planilhas completavam e onde estavam os gaps reais.

O sistema russo permitia a consulta de dados que depois eram alimentados em outro sistema — gerando uma visão estática das embarcações, sem gestão real.

O mapeamento

O sistema precisava deixar de registrar dados para passar a operar a frota — planejamento, execução e monitoramento no mesmo lugar.

Módulo	O que resolve
Mapa	GPS de todas as embarcações em tempo real, com velocidade, geozonas e rota
Planejamento	Viagens, tripulação, carga e bunker — sem duplicação manual
Equipamentos	Velocidades, status e histórico por rebocador
Mosaico	Visão simultânea de múltiplas embarcações
Eventos	Registro e rastreamento de ocorrências operacionais
TopOff	Controle de abastecimento integrado ao planejamento

Consulta virou gestão. GPS, tripulação, carga, rotas e câmeras — integrados em uma plataforma única.

O resultado

6 módulos funcionais entregues em 5 meses de desenvolvimento ativo — cobrindo do cadastro de frota ao monitoramento em tempo real com câmeras ao vivo.

10 meses de projeto no total, 5 de desenvolvimento ativo. A plataforma cobre toda a operação da LHG entre Brasil, Paraguai e Uruguai.

Um sistema que a operação finalmente usa — porque foi construído a partir de como ela realmente funciona, não de como o sistema anterior imaginava que deveria funcionar.

Lessons from a Failed Prototype

Rick Benetti — Sun, 29 Jun 2025 15:01:35 +0300

As part of this comprehensive project, I completely reimagined the user experience for EcoTracker, a mobile application platform designed for tracking environmental footprints. The challenge was to create an intuitive interface that would motivate users to adopt more sustainable lifestyle practices.

Primary insights revealed that users felt overwhelmed by the complexity of tracking their environmental impact. Existing solutions were either too technical or insufficiently motivating for long-term engagement. Users expressed frustration with current market offerings but remained passionate about environmental responsibility.

User Research Insights

Conducting deep user research became the foundation of the entire project. Over six weeks, I interviewed 45 potential users, analyzed competitors, and studied current trends in sustainability and environmental awareness.

Progressive prototyping allowed for rapid iteration and early identification of usability issues. The transition from static wireframes to interactive prototypes revealed important insights about user behavior and expectations.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


/* Core application color scheme and design tokens */
.dashboard-card {
 background: var(--neutral-light);
 border-radius: var(--border-radius);
 padding: 24px;
 box-shadow: var(--shadow-light);
 transition: var(--transition-smooth);
 border: 1px solid rgba(0,0,0,0.05);
}

.impact-metric {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 16px;
 background: var(--gradient-primary);
 color: white;
 border-radius: var(--border-radius);
 font-weight: 600;
}

Optimizing user flows focused on minimizing steps required for key actions while maintaining data accuracy and user engagement. Special attention was paid to the onboarding process and initial profile setup experience.

1
2
3
4


.dashboard-card:hover {
 transform: translateY(-4px);
 box-shadow: var(--shadow-medium);
}

The new user journey allows someone to start tracking their environmental impact in just three simple steps, which is 60% faster compared to the previous version. This improvement significantly reduced drop-off rates during initial app interaction.

Critical user flows included carbon footprint logging, joining community challenges, accessing educational content, and sharing achievements. Each flow was mapped, tested, and refined through multiple iterations.

Typography & Color Palette

Creating a cohesive visual design system began with typography selection that would reflect the brand’s friendly and accessible character. I chose a combination of Poppins for headings and Inter for body text, ensuring excellent readability across all device sizes.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17


:root {
 --primary-green: #2D5A27;
 --secondary-green: #40A85F;
 --accent-yellow: #F4D03F;
 --accent-blue: #3498DB;
 --neutral-light: #F8F9FA;
 --neutral-medium: #6C757D;
 --neutral-dark: #343A40;
 --success-color: #28A745;
 --warning-color: #FFC107;
 --error-color: #DC3545;
 --gradient-primary: linear-gradient(135deg, #2D5A27 0%, #40A85F 100%);
 --shadow-light: 0 2px 8px rgba(0,0,0,0.1);
 --shadow-medium: 0 4px 16px rgba(0,0,0,0.15);
 --border-radius: 12px;
 --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

The color palette was inspired by natural tones and creates a sense of harmony with the environment. The primary green represents growth and sustainability, while the accent yellow adds energy and optimism. Secondary colors provide flexibility for different content types and interactive states.

Good design is invisible. It works so naturally that the user doesn’t even think about how they’re interacting with the interface.

Color accessibility was rigorously tested to ensure WCAG AA compliance across all color combinations. The palette supports both light and dark mode implementations, anticipating future product expansion.

Design Process Insights

The iterative design approach and continuous testing with real users helped avoid many potential pitfalls and created a truly user-centered solution. Early and frequent validation saved significant time and resources while ensuring product-market fit.

Cross-functional collaboration proved essential, with regular input from environmental scientists, behavioral psychologists, and sustainability experts enriching the design process and final product effectiveness.

Gallery / Unsplash

Next phases of product development include expanding social features, integrating with IoT devices for automatic consumption tracking, and adding personalized recommendations based on machine learning algorithms.

Design Thinking methodology as defined by the Stanford d.school and IDEO, emphasizing empathy, ideation, and experimentation in the design process.

Plans also include creating a web version for deeper data analysis and corporate features for organizations pursuing carbon neutrality goals. International expansion is planned with localization for different cultural contexts and environmental regulations.

Advanced features under consideration include AI-powered sustainability coaching, integration with smart home systems, and partnerships with environmental organizations for real-world impact verification.

Responsive design was architected using a mobile-first approach, with progressive enhancement for tablets and desktop environments. Special attention was paid to touch interaction optimization and content readability on smaller screens.

Why Simplicity Is Harder Than It Looks

Rick Benetti — Sat, 28 Jun 2025 15:01:35 +0300

User Research Insights

Design is not just what it looks like and feels like. Design is how it works.

The competitive landscape analysis revealed significant gaps in user experience across the sustainability app market. Most applications focused heavily on data collection while ignoring the emotional journey of users trying to make positive environmental changes.

Information Architecture

Creating a logical information architecture became critically important for user navigation and feature discovery. I developed a structure that groups functionality into three main categories: tracking, learning, and community engagement.

Gallery / Unsplash

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


.cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 1.5rem;
 padding: 2rem;
}

.card {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 padding: 1.5rem;
}

Component Library

Developing a comprehensive component library ensured design consistency throughout the application. Each component was carefully considered with various states, interactions, and use cases in mind.

Good design is invisible. It works so naturally that the user doesn’t even think about how they’re interacting with the interface.

The design system includes over 40 unique components, from basic buttons and form elements to complex data visualization widgets. Every component includes detailed specifications for spacing, typography, colors, and behavioral guidelines.

Community Features

User testing was conducted in multiple phases, including moderated sessions, A/B testing of key screens, and unstructured observation of natural user behavior patterns.

Twenty-eight participants from various age groups and technical proficiency levels participated in testing, providing a comprehensive view of the user experience across different demographics. Sessions were recorded and analyzed for both quantitative metrics and qualitative insights.

Testing scenarios covered primary user journeys including onboarding, daily logging, challenge participation, and social interactions. Both lab-based and remote testing methods were employed to capture authentic usage patterns.

My Favorite Design Questions to Ask

Rick Benetti — Wed, 25 Jun 2025 15:01:35 +0300

Information Architecture

Gallery / Unsplash

User Research Insights

Photo by Phúc Khang Mobile on Unsplash

Users judge design not by how it looks, but by how it works in their daily lives.

— Jakob Nielsen

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


.cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 1.5rem;
 padding: 2rem;
}

.card {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 padding: 1.5rem;
}

Component Library

Developing a comprehensive component library ensured design consistency throughout the application. Each component was carefully considered with various states, interactions, and use cases in mind.

It works so naturally that the user doesn’t even think about how they’re interacting with the interface.

Community Features

User testing was conducted in multiple phases, including moderated sessions, A/B testing of key screens, and unstructured observation of natural user behavior patterns.

What I Learned Reviewing Old Work

Rick Benetti — Tue, 24 Jun 2025 15:01:35 +0300

User Research Insights

Users judge design not by how it looks, but by how it works in their daily lives.

Information Architecture

Gallery / Unsplash

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


.cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 1.5rem;
 padding: 2rem;
}

.card {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 padding: 1.5rem;
}

Component Library

Developing a comprehensive component library ensured design consistency throughout the application. Each component was carefully considered with various states, interactions, and use cases in mind.

Caring for the planet became part of my daily routine rather than a burdensome obligation.

Community Features

User testing was conducted in multiple phases, including moderated sessions, A/B testing of key screens, and unstructured observation of natural user behavior patterns.

Designing Quietly Powerful Interfaces

Rick Benetti — Fri, 20 Jun 2025 15:01:35 +0300

User Research Insights

Design is not just what it looks like and feels like. Design is how it works.

Information Architecture

Gallery / Unsplash

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


.cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 1.5rem;
 padding: 2rem;
}

.card {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 padding: 1.5rem;
}

Component Library

Developing a comprehensive component library ensured design consistency throughout the application. Each component was carefully considered with various states, interactions, and use cases in mind.

Good design is invisible. It works so naturally that the user doesn’t even think about how they’re interacting with the interface.

Community Features

User testing was conducted in multiple phases, including moderated sessions, A/B testing of key screens, and unstructured observation of natural user behavior patterns.

Why Onboarding Should Feel Invisible

Rick Benetti — Wed, 18 Jun 2025 15:01:35 +0300

User Research Insights

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20


/* Core application color scheme and design tokens */
.dashboard-card {
 background: var(--neutral-light);
 border-radius: var(--border-radius);
 padding: 24px;
 box-shadow: var(--shadow-light);
 transition: var(--transition-smooth);
 border: 1px solid rgba(0,0,0,0.05);
}

.impact-metric {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 16px;
 background: var(--gradient-primary);
 color: white;
 border-radius: var(--border-radius);
 font-weight: 600;
}

1
2
3
4


.dashboard-card:hover {
 transform: translateY(-4px);
 box-shadow: var(--shadow-medium);
}

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17


:root {
 --primary-green: #2D5A27;
 --secondary-green: #40A85F;
 --accent-yellow: #F4D03F;
 --accent-blue: #3498DB;
 --neutral-light: #F8F9FA;
 --neutral-medium: #6C757D;
 --neutral-dark: #343A40;
 --success-color: #28A745;
 --warning-color: #FFC107;
 --error-color: #DC3545;
 --gradient-primary: linear-gradient(135deg, #2D5A27 0%, #40A85F 100%);
 --shadow-light: 0 2px 8px rgba(0,0,0,0.1);
 --shadow-medium: 0 4px 16px rgba(0,0,0,0.15);
 --border-radius: 12px;
 --transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

Good design is invisible. It works so naturally that the user doesn’t even think about how they’re interacting with the interface.

Design Process Insights

Gallery / Unsplash

Design Thinking methodology as defined by the Stanford d.school and IDEO, emphasizing empathy, ideation, and experimentation in the design process.

Photo by Phúc Khang Mobile on Unsplash

Things I Sketch Before Every Project

Rick Benetti — Sat, 17 May 2025 15:01:35 +0300

User Research Insights

Users judge design not by how it looks, but by how it works in their daily lives.

Information Architecture

Gallery / Unsplash

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


.cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 1.5rem;
 padding: 2rem;
}

.card {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 padding: 1.5rem;
}

Component Library

Developing a comprehensive component library ensured design consistency throughout the application. Each component was carefully considered with various states, interactions, and use cases in mind.

Caring for the planet became part of my daily routine rather than a burdensome obligation.

Community Features

User testing was conducted in multiple phases, including moderated sessions, A/B testing of key screens, and unstructured observation of natural user behavior patterns.

Design as a Series of Small Decisions

Rick Benetti — Thu, 15 May 2025 15:01:35 +0300

User Research Insights

Design is not just what it looks like and feels like. Design is how it works.

Information Architecture

Gallery / Unsplash

Typography & Color Palette

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13


.cards {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 1.5rem;
 padding: 2rem;
}

.card {
 background: #fff;
 border-radius: 12px;
 box-shadow: 0 4px 20px rgba(0,0,0,0.1);
 padding: 1.5rem;
}

Component Library

Developing a comprehensive component library ensured design consistency throughout the application. Each component was carefully considered with various states, interactions, and use cases in mind.

Good design is invisible. It works so naturally that the user doesn’t even think about how they’re interacting with the interface.

Community Features

User testing was conducted in multiple phases, including moderated sessions, A/B testing of key screens, and unstructured observation of natural user behavior patterns.

Locaweb

Rick Benetti — Sat, 01 Jul 2023 00:00:00 +0000

translationKey: case-locaweb

O cenário

Locaweb é a líder de hospedagem digital do Brasil, com 350+ mil clientes ativos. Em maio de 2022 entrei como Product Designer no squad do painel de hospedagem — o produto onde o cliente gerencia domínios, e-mails, DNS, banco de dados e instalação de aplicativos.

Conhecia a operação como ex-cliente e concorrente — o que virou vantagem na pesquisa.

O problema

O painel era defasado. Mas o problema real ia além do visual: era operacional e linguístico.

O cliente não conseguia resolver sozinho configurações críticas — principalmente DNS — e o termo “meu site” usado em toda a interface causava confusão profunda sobre o que era a hospedagem em si.

35% das chamadas ao call center eram sobre essas duas dores: DNS e dúvidas sobre o status do produto.

Como reorganizar um painel de 350 mil clientes — quando o problema estava além da tela, estava também na linguagem do produto?

A abordagem

01 · Benchmark e dados

2,5 meses ouvindo o mercado e o suporte. Benchmark com painéis externos de hospedagem e SaaS. Em paralelo, categorização dos chamados do call center para mapear padrões.

O que vinha de fora orientava a referência. O que vinha de dentro definia o gargalo real.

02 · A descoberta terminológica

No meio da construção da arquitetura de informação, o padrão ficou claro: a palavra “meu site” confundia o cliente. Não era nomenclatura — era a raiz da operação travada.

Hospedagem ≠ Site.

Convencer a empresa a trocar o termo foi parte do trabalho.

03 · Validação e jornadas

Testes de usabilidade validaram a troca terminológica: “Hospedagem” deu clareza imediata onde “site” falhava.

Redesenhamos 15+ jornadas e estruturamos material que alimentou desenvolvimento por 2 anos.

Quando você muda a palavra que o cliente lê, muda também o problema que ele acha que tem.

O mapeamento

O painel foi reorganizado por tarefa do cliente — não por estrutura técnica da Locaweb.

Mudança	O que foi feito
Terminologia	“Meu site” → “Hospedagem” em toda a interface
Estrutura	Cards orientados por tarefa: instalar WordPress, gerenciar domínios, configurar e-mails
Design System	Cabeçalho com domínio em destaque replicado em Cloud, E-mail e Servidor Dedicado

O sistema saiu do painel e virou linguagem comum entre produtos. O que começou no squad acabou pertencendo à empresa.

O resultado

35% → 0% nas chamadas ao call center sobre DNS e status de produto — entre dezembro de 2022 e fevereiro de 2023.

O painel foi lançado em dezembro de 2022. Em três meses, o call center registrou a queda completa nas duas dores que respondiam por 35% do volume de suporte.

O que ficou além da métrica

Material para 2 anos — jornadas, arquitetura de informação e regras de decisão alimentaram o desenvolvimento da Locaweb por 2 anos depois do lançamento.

Respiro operacional — com o call center liberado da fila de DNS, a empresa pôde planejar melhorias de self-service que estavam em backlog há anos.

Sistema replicado — cabeçalho, ícones e padrões visuais foram adotados em Cloud, E-mail e Servidor Dedicado — virou linguagem comum entre produtos da Locaweb.

Não foi só sobre zerar chamados. Foi sobre devolver à operação o tempo que ela perdia explicando o produto.

Serasa

Rick Benetti — Thu, 01 Apr 2021 00:00:00 +0000

translationKey: case-serasa

O cenário

Serasa é o maior bureau de crédito do Brasil. Em 2020, o produto exibia um marketplace de cartões de parceiros como gatilho contextual no dashboard logado — na Home, em Saúde Financeira e em Meu CPF.

O modelo era genérico: o mesmo card para qualquer perfil, sem personalização por comportamento, score ou momento da navegação.

O problema

O CTR raramente passava de 4% ao dia — apesar de ciclos anteriores de iteração técnica que tinham subido a régua de OKR de 4% para 6%, depois para 12%.

A meta trimestral existia. O caminho técnico para atingir, não. O time não tinha cluster, não tinha gatilho condicional, não tinha método de teste rápido. Cada nova feature dependia de release longo, sem como validar antes.

Como destravar o CTR de oferta de cartão em ambiente regulado, depois de ciclos técnicos terem travado em 4%?

A abordagem

O time tinha tecnologia. Faltava método de descoberta — e isso só veio com a pesquisa antes da tela.

01 · Investigação prévia

Desk research em Hotjar, PowerPoints históricos e Reclame Aqui. Entrevistas com 4 papéis-chave — PO, PM, Diretor de Cartão de Crédito e Data Analyst. O que foi tentado, por que não escalou, o que os dados revelavam que ninguém estava olhando.

02 · Os gatilhos contextuais

O gatilho genérico falhava porque ignorava contexto. Mapeei 4 variáveis condicionais:

Tempo decorrido na navegação
Cluster do usuário
Limite disponível por cluster
Ausência de cartão atual

03 · Arquitetura de informação do card

5 elementos no novo card — cada um testável e mensurável separadamente:

Nome do cartão
Logo do parceiro
Termômetro de chance de aprovação
Indicação de zero anuidade
CTA contextual

O mapeamento

O novo card foi modelado para responder em 3 contextos do dashboard logado — cada um com lógica condicional própria, testada antes do release.

Contexto	Posição	Gatilho
Home	Abaixo do card de receita	Cluster + ausência de cartão
Saúde Financeira	Abaixo do status do score	Cluster + score Bom/Excelente
Meu CPF	Abaixo do histórico de pagamentos	Consulta recente + cluster

Cada gatilho responde a um contexto específico — não é o mesmo card mostrado três vezes.

O resultado

CTR de 4% → 22-26% em ciclos sucessivos de OKR — multiplicando o resultado em mais de 5x onde ciclos técnicos anteriores tinham travado.

Os testes condicionais ainda em 2020 levaram a média para 14% diários. Em janeiro de 2021, com a nova arquitetura lançada, o CTR estabilizou em 22% na média semanal e 26% no pico.

A meta original era 12%. Chegamos a mais do dobro.

Não foi sobre dobrar uma meta. Foi sobre destravar uma curva que tinha parado de subir.

Cooperguincho

Rick Benetti — Tue, 01 Jan 2008 00:00:00 +0000

translationKey: case-cooperguincho

O cenário

Em 2006, um amigo abriu a Cooperguincho em São Paulo. Atendia pessoas que não tinham seguro de carro — porque seguro era caro demais.

Começou com 3 motoristas próximos, comunicação por SMS, e-mail e telefone. Sem app, sem CRM, sem plano de retenção. Cada acionamento era uma transação avulsa.

O problema

O negócio funcionava — mas era refém da emergência.

O cliente só lembrava do guincho quando o carro quebrava, gerando um ticket baixo, com frequência imprevisível, sem retenção. Cada motorista parado era prejuízo. Cada cliente atendido sumia até a próxima quebra.

Como transformar uma operação que só existe na emergência em um serviço com receita previsível?

A abordagem

01 · A reclamação consistente

10 entrevistas, 1 padrão claro.

Seguro é caro pela idade. Guincho avulso é caro toda vez. Duas pistas surgiram: km rodado mais barato ou guincho parcelado.

02 · A hipótese que caiu por terra

Desenhamos a jornada e o modelo desmoronou: parcelar 2 acionamentos por ano não resolvia o desespero do cliente nem sustentava o caixa.

03 · A inspiração que destravou

Olhando como rastreadores veiculares operavam, encontramos o modelo: pacote de vantagens por mensalidade fixa.

Cobertura previsível para o cliente. Receita previsível para a operação.

Teste e modelagem

Antes da régua final, um piloto: testamos a hipótese de assinatura com 5 pessoas a R$29,90/mês — o limite que o caixa suportava sem quebrar.

O modelo funcionou: cobertura básica em São Paulo, regras claras, retenção real.

A régua que estruturou a operação em 2008

Plano	Preço	Cobertura
Básico	R$49,90/mês	Até 150 km em SP · 1 uso de guincho/ano
Intermediário	R$89,90/mês	Tudo do Básico + chaveiro + prestador
Premium	R$129,90/mês	Até 300 km · cidade + região metropolitana

1 uso/ano não era limitação — era o que sustentava o modelo. 10 meses de mensalidade diluíam o custo de cada serviço.

O resultado

50+ clientes fixos em 3 meses.

O caixa virou previsível. Cada novo cliente diluía o custo operacional sem aumentar proporcionalmente a estrutura.

Com o crescimento, a próxima fronteira ficou clara: a qualidade do atendimento dos guincheiros e a precisão das informações trocadas com o cliente viraram o novo gargalo. O modelo de receita estava resolvido. O modelo de experiência era o próximo capítulo.

O próximo nível: 250 clientes

Ao desenhar o modelo, mapeamos o ponto de inflexão futuro: aos 250 clientes fixos, a operação teria escala para fechar parceria com fornecedores de rastreador veicular — incluindo o serviço como benefício adicional por custo marginal.

O serviço continuaria evoluindo de oferta avulsa para plataforma de proteção do carro.

translationKey: case-cooperguincho

Era Service Design completo: pesquisa, modelagem, validação, escala e roadmap.

Em 2008, antes de o termo circular no Brasil.