Projetos
Portfólio
Cases reais — não mockup de curso
Sites e sistemas feitos para quem usa no dia a dia
Três trabalhos com problema definido: vitrine de empresa, operação madeireira e gestão interna. Cada um com stack objetiva, interface navegável e código que dá para manter.
Cases
O que foi construído — e por quê
Não é galeria de screenshot. É o recorte do problema, da stack e do que a empresa passou a ter na tela.
01 · Institucional
Transporte rodoviário
Transportador Catarinense
Empresa de transporte precisava de presença digital à altura da operação — não uma página genérica. O site posiciona a marca, deixa o serviço claro e abre caminho para o cliente chamar.
- Papel
- Front-end
- Formato
- Site institucional
- Foco
- Credibilidade e captação
- Layout responsivo com hierarquia clara de serviço e contato
- Páginas pensadas para quem pesquisa transporte, não só para “ficar bonito”
- Base em HTML, CSS, JavaScript e React no que a interface pedia
HTML
CSS
JavaScript
React
02 · Institucional
Indústria madeireira
Madelog
Madeireira que precisava mostrar produto, qualidade e forma de comprar sem depender só de indicação. O site organiza serviços, reforça a madeira como diferencial e conduz o visitante ao contato.
- Papel
- Front-end
- Formato
- Vitrine institucional
- Foco
- Catálogo e conversão
- Apresentação de serviços e qualidade da madeira em linguagem direta
- Estrutura pronta para conteúdo institucional e captação
- Interface em HTML, CSS, JavaScript e React, com OMS no fluxo de conteúdo
HTML
CSS
JavaScript
OMS
React
03 · Sistema web
Gestão operacional
MadeiraGest
A operação não cabia em planilha. Desenvolvi um CRUD para cadastros, consultas e rotina interna — e hoje o sistema está em uso, com banco gerenciado no dia a dia, não só no repositório.
- Papel
- Full stack
- Formato
- Sistema CRUD
- Foco
- Operação e dados
- Cadastros, listagens e manutenção de registros com persistência no banco
- API em Node.js e Express para a regra de negócio sair da tela
- MySQL modelado para consulta real — o mesmo tipo de rotina que comando como analista
HTML
CSS
JavaScript
Node.js
Express
MySQL
Leitura dos cases
O que muda de um projeto para o outro
Institucional e sistema não pedem a mesma coisa. O recorte abaixo é o critério que aparece nos três trabalhos.
Site que explica o negócio
TRC e Madelog: hierarquia, contato e credibilidade. Sem dashboard onde não há login.
Sistema quando há cadastro
MadeiraGest: CRUD, API e banco. Entra backend só quando o dado precisa viver fora da página.
Ferramenta no tamanho certo
React na interface que pede componente. Node e MySQL no fluxo que pede persistência.
Pronto para o dia a dia
Tela que abre no celular, dado que se consulta de novo amanhã, código que outro dev consegue ler.
Antes de começar o seu
O que eu peço para não chutar escopo
As mesmas perguntas que separam um site institucional de um CRUD — para a proposta nascer fechada.
Qual problema some se o sistema existir?
Captação, catálogo, controle interno. Se a resposta for vaga, o escopo infla. Se for concreta, o card do case já tem título.
Quem abre a tela todo dia?
Cliente final, comercial ou operação. Isso define se o foco é conversão ou cadastro — e se React e banco entram ou não.
O que já existe hoje?
Planilha, Instagram, site antigo ou nada. O MadeiraGest nasceu de rotina real; o institucional, de quem ainda não tinha vitrine à altura.