// blog
Behind the code, product and career
This is where I tell what happened behind the projects in my portfolio: the context, the hard parts, the decisions I made and what I learned — including when things didn't go as planned.
// Posts are written in Portuguese.
12 posts · 3 categories
How this blog works
Every post follows the same structure
To make projects easy to compare and get straight to the point, every post goes through the same five steps:
- 01
The context
- 02
The challenges
- 03
What I built
- 04
What I learned
- 05
The result
What you'll find here
/blogThis page: the introduction, the categories and the list of every post.
/blog/[post]Each post has its own page, with a table of contents, reading time, project images and a link to the live project.
TagsEach post lists the technologies and topics involved — React, VTEX IO, UX, Socket.IO and more.
Organized by category
Posts are grouped by where the project came from. Use the filter below to see just one.
// Featured
Migrando a loja da Electrolux para VTEX IO sem parar de vender
Como foi trocar a base de uma das maiores lojas de eletroportáteis do Brasil — página por página, de olho na conversão — e o que isso me ensinou sobre migrações.
All posts
Link Leito: o que aprendi tentando reduzir filas de hospital na pandemia
Um software para medir e reduzir o tempo de espera em hospitais durante a COVID-19. A tecnologia funcionou — o maior desafio foi outro.
Reconstruindo o app mobile de um banco B2B, da tela de login ao pagamento
Bastidores da reconstrução do aplicativo da Genesis Bank: transformar o design do time de UX em telas reais, do login ao fluxo de pagamento.
The Chat: aprendendo comunicação em tempo real com Socket.IO
Um chat construído do zero para entender backend e tempo real: sessões com Socket.IO, rotas protegidas por token e upload de imagens com Express.
Triper: o site de viagens que construí para aprender Next.js e animações CSS
Um projeto de estudo com conteúdo fictício e objetivo real: entender renderização no servidor, performance e como animar uma página sem pesar a navegação.
Quest Game: criando um quiz competitivo com pontuação por dificuldade
Um jogo de perguntas e respostas feito para a faculdade, com ranking, login só com nickname e um sistema de pontos que recompensa perguntas difíceis.
Como explicar um token de criptomoedas em um site: o caso do BLUE
O BLUE reúne uma cesta de criptomoedas em um único token. Meu desafio foi construir um site que tornasse isso simples de entender.
TORO: construindo o site de um produto que ainda estava nascendo
Um portfólio tokenizado com estratégias como stop loss e shorting — e um site que precisava apresentar tudo isso enquanto o produto ainda estava em pré-venda.
PetSystem: meu primeiro projeto, um ERP de pet shop sem frameworks
Antes de React, Vue ou Next.js, teve o PetSystem: um sistema de pet shop feito só com o básico da web. O que ele me ensinou ainda vale hoje.
Community Alert: desenhando um app de alerta de catástrofes com as regras de Shneiderman
Um estudo de UX/UI para avisar comunidades sobre desastres ecológicos — e como as 8 regras de ouro de Shneiderman guiaram cada tela.
Match Coder: e se encontrar vaga em TI funcionasse como um match?
Um protótipo de app em que empresas e devs dão match — e o que personas me ensinaram sobre desenhar para dois públicos ao mesmo tempo.
Pet Care: técnicas de UX para um sistema de ONGs de proteção animal
Protótipo de um sistema para ONGs que acolhem animais — e as técnicas de design que usei para deixá-lo intuitivo, como ações fáceis de desfazer.
Want to talk about one of these projects?
If a post reminded you of a similar challenge, reach out — I love talking about product and code.
Get in touch