Pode Descer
Rebranding do Pode Descer, app de gestão de encomendas para condomínios. A marca nova parte da etiqueta de envio e foi levada do conceito até o código de todas as telas.
Um app útil com cara de modelo pronto.
O Pode Descer resolve um problema simples: a portaria registra a encomenda, o morador recebe o aviso e a retirada fica registrada. Só que o visual não dizia nada disso. Azul escuro, verde, vidro fosco e degradê: a mesma cara de qualquer painel gerado por IA.
A ideia era dar ao produto uma identidade que só pudesse ser dele, sem mexer no que já funcionava.
A etiqueta de envio virou a marca.
Avaliei três direções: Etiqueta, Interfone e Portaria. Fiquei com a Etiqueta porque ela já existe na mão de quem usa o app: número do apartamento em destaque, papelão, tinta preta, carimbo vermelho e fita amarela.
O símbolo é uma etiqueta com furo que termina em ponta para baixo. Lida de relance, é uma seta: pode descer.
- Paleta de cinco cores com nome e função: papelão, tinta, papel, carimbo e fita
- Archivo variável: condensada nos números e títulos, normal no texto
- Cantos retos e borda de 2 px, sem sombra suave, vidro fosco ou degradê
- Logo em versão horizontal, empilhada, símbolo e ícone do app
Do conceito ao código, tela por tela.
Marca bonita em apresentação não adianta se o app continua igual. Apliquei a identidade em todas as telas, da página inicial ao painel da portaria, com cores e fontes em tokens de CSS, para nenhuma cor ficar solta no código.
- Cor de ação separada da cor de perigo: o vermelho do carimbo não entra em botão comum, para ninguém confundir confirmar com excluir
- Encomenda parada muda sozinha: o rodapé do cartão fica amarelo depois de 24 horas e vermelho depois de 48
- Temas claro e escuro com a mesma hierarquia
- Fontes servidas pelo próprio app, sem depender do Google Fonts
- Texto revisado junto com o visual: “Risco zero de perdas” virou “Menos perdas e extravios”, porque o produto não pode prometer o que não controla
Olhar de designer, mão no código.
Sou formado em Design e estou começando no front-end. Neste projeto desenvolvi com apoio de IA (Claude Code): eu defino a direção, escolho entre as opções, reviso cada tela no navegador e decido o que entra.
O que eu trago é o critério: perceber quando algo funciona, mas ainda não está bom.
Uma marca que só serve para este produto.
O rebranding está no ar, aplicado em todas as telas. A revisão automática das páginas públicas não encontrou nenhuma violação de acessibilidade.
Os prints desta página usam dados fictícios.