App de coleção e marketplace de filatelia

Aplicativo mobile de gestão de acervo e marketplace para o mercado brasileiro de filatelia (colecionismo de selos postais). Estruturado em 14 módulos (Autenticação, Home, Coleções, Detalhes Emissão, Progresso, Minha coleção, Leilão, Destaques, Populares, Resumo, Perfil, Ranking Mensal, Recarga e Receber em casa), unindo a experiência de completude de álbuns ao comércio transacional, sobre um sistema de tokens em duas camadas com 158 variáveis e zero aliases quebrados em modos Claro e Escuro.

Atuação como designer contratado pela agência Spaceapps, focada em desenvolvimento no-code. O projeto foi contratado por um cliente individual chamado Rodrigo, que chegou com uma ideia inicial e nenhum ativo prévio de marca ou produto. Thiago (tech lead) conduziu o discovery no FigJam e desenhou o logotipo; assumi o projeto a partir do board como designer único do produto. O desenvolvimento estava previsto para Bubble/FlutterFlow em um cronograma de 15 fases. Planejado entre abril e junho de 2025.

Unindo o colecionismo de selos a um marketplace ativo

📱14

módulos mobile integrando catálogo e compra e venda

🎨158

variáveis em 5 coleções com zero aliases quebrados

🧩131

componentes autorais criados sem kits prontos de terceiros

💳3

meios de pagamento brasileiros (Cartão, Pix, Boleto)

A filatelia no Brasil sofria com a fragmentação de canais arcaicos. Os colecionadores consultavam catálogos estáticos como a FILABRAS que não ofereciam transações comerciais, enquanto compras e vendas ocorriam em marketplaces generalistas (Mercado Livre, Shopee) ou grupos informais de WhatsApp sem garantia de autenticidade nem critérios padronizados de conservação.

Arquitetura de informação orientada por duas personas reais

A estrutura de 14 módulos atende diretamente aos dois perfis de usuários identificados na etapa de discovery:

• Carlos Antunes (58 anos, professor de história aposentado) — Representa a paixão tradicional pelo hobby, valorizando o valor histórico, a completude do álbum e a comunidade. Atendido por Coleções, Minha coleção, Progresso (pontuação de preenchimento) e Detalhes Emissão.
• Lucas Neves (32 anos, analista de investimentos) — Usuário dinâmico vindo de cripto e colecionáveis modernos, focado em compra e revenda com liquidez. Atendido por Leilão (lances em tempo real), Destaques, Populares, Recarga e entrega física segura (Receber em casa).
• Sistema de Gamificação e Ranqueamento — Classificação em níveis (Ouro, Prata, Bronze) e ranking mensal de colecionadores para impulsionar a retenção da base.
• Padronização Visual de Raridade e Conservação — Modais explicativos de apoio que ensinam novos usuários a avaliar a conservação do papel e a raridade da emissão sem necessidade de conhecimento prévio.

Sistema de tokens em duas camadas: Modo Claro, Escuro e zero erros

O SuperSelos possui a arquitetura de tokens mais sofisticada deste portfólio: 158 variáveis organizadas em cinco coleções (0. Primitives, 1. Colors, 2. Semantic, 3. Typography, 4. Dimensions). O sistema adota amarração estrita em duas camadas — tokens semânticos (Background/primary, Text/secondary) resolvem via alias para as paletas primitivas, totalizando zero inconformidades de resolução.

A troca de temas é uma decisão de engenharia de design. Embora o produto tenha sido concebido com foco no modo escuro, o modo claro funciona instantaneamente porque cada superfície está conectada a variáveis semânticas, e não a valores hexadecimais fixos. Além disso, tokens de destaque de marca (Button/brand âmbar #FFC655) permanecem estáveis em ambos os modos, enquanto fundos invertem com equilíbrio visual (#F6FEFB no Claro, #461302 no Escuro).

Direção tipográfica autoral e componentes de domínio

Estruturei a tipografia como variáveis integradas: Merriweather para títulos (trazendo o registro histórico e solene da filatelia) combinada à Outfit para textos de apoio e dados numéricos, escolhida após validação comparativa contra IBM Plex Serif, Lora e DM Serif Display.

Diferente de projetos de agência que reutilizam bibliotecas externas inteiras, todos os 131 componentes da página Mobile foram desenhados especificamente para o SuperSelos ao longo de 24 sessões de trabalho no Figma, incluindo sanfonas versionadas (contentAccordion v1 e v2), cartões de selos, leitores de código e selos de raridade.

Handoff para desenvolvimento e o produto não construído

Estruturei a entrega para desenvolvimento (Passagem para os devs, 818 nós) incluindo imagens de compartilhamento, prévias de temas e uma checklist de 28 pontos cobrindo estados responsivos, contraste de acessibilidade e estados de componente (hover, foco, desabilitado). O checkout dentro do módulo Home resolve os métodos de pagamento brasileiros: cartão de crédito, Pix dinâmico e boleto.

O cronograma do projeto revela onde o processo parou: as Fases 1 a 7 foram concluídas no prazo até o final de junho de 2025, mas a Fase 8 (handoff para engenharia) ficou sem data e a equipe Bubble não concluiu o build. O SuperSelos permanece como um testemunho impecável de design de produto mobile e arquitetura de design tokens.

Evidência

Completamente desenhado, tokenizado, com protótipo navegável em interações de clique e hover, e empacotado em um kit formal de entrega para desenvolvimento com 28 itens de validação. No entanto, o aplicativo nunca foi programado em produção: a engenharia no-code em Bubble estagnou na Fase 8 (Passagem para DEV) e o domínio superselos.com.br nunca foi ao ar. Este case demonstra design de produto mobile de alto nível e arquitetura avançada de tokens que não chegaram ao mercado por limitações de desenvolvimento.