Eduardo Bittencourt, de terno de linho claro, olhando para o lado e sorrindo, em um jardimEduardo BittencourtStaff Software Engineer · Porto Alegre
← Todos os projetos

colorshelf.app

Produto próprio, para artistas que desenham com marcadores Ohuhu

Período
jun/26 — hoje
Execução
Sozinho, de ponta a ponta
Prova
Produto inteiro, do acesso à cobrança

O problema

Quem desenha com marcador tem centenas de canetas e nenhum jeito de achar a certa. O código impresso no corpo não diz nada sobre a cor, o estojo vem na ordem em que a fábrica montou, e escolher a paleta vira tentativa e erro em cima do papel — onde o erro não tem desfazer.

A restrição

Produto próprio não tem cliente para decidir escopo nem alguém a quem passar a camada chata. Conta, cobrança, direitos sobre dado pessoal, três idiomas: tudo isso precisava existir, continuar funcionando com uma pessoa só, e nunca virar o assunto do produto.

O que entreguei

Um aplicativo que modela os estojos da Ohuhu, monta a coleção de quem chega e organiza os marcadores numa grade onde cada um ganha um índice — que sai impresso, porque a hora de achar o marcador é com a mão no estojo, não com o olho na tela. Em cima disso, paletas geradas por teoria de cor. Por baixo, o que ninguém pede em briefing: conta, assinatura cobrada, três idiomas e direitos sobre dado pessoal.

Tela de coleção do ColorShelf: o catálogo de estojos Ohuhu, cada um com um controle para marcar como possuído e um selo quando suas cores já estão cobertas por outro estojo
O catálogo da Ohuhu inteiro modelado: estojos que se sobrepõem contam a mesma cor uma vez só. Esta é a porta de entrada — sem conta e sem cadastro.

O resultado

Em produção, com assinatura cobrada de verdade. Segue evoluindo em releases publicadas, com changelog aberto a quem quiser conferir.

Grade gerada de 27 linhas por 12 colunas, com cada célula trazendo o código do marcador, seu índice de linha e coluna, e o nome da cor
A mesma coleção virada em endereço físico: cada marcador ganha um índice para ser achado na mesa, não na tela. A folha impressa que sai daqui é do plano pago, e é onde o produto cobra.

Construído com

Next.js · TypeScript · Convex · Clerk · Stripe · Tailwind CSS