← Portfólio

Produto digital · estudo de caso

Qode

Um gerador de QR Code e código de barras honesto: códigos estáticos, criados no navegador, que funcionam para sempre.

TipoProduto próprio
PapelConcepção, design e desenvolvimento
PeríodoDez/2025
EstadoConcluído
TecnologiasReact · TypeScript · Vite · Tailwind CSS · qrcode.react · react-barcode

O projeto em poucas palavras

O Qode é um gerador gratuito de QR Codes e códigos de barras. Os códigos são estáticos e criados no próprio navegador: uma vez gerados, funcionam para sempre, sem cadastro, sem assinatura e sem depender de um serviço que possa sair do ar.

O site está no ar em bar-code-qr-code-generator.vercel.app.

Estúdio de geração do Qode, com campo de conteúdo, controles de cor, complexidade e tamanho à esquerda e o QR Code com botões de exportação à direita
O estúdio de geração: conteúdo, aparência e exportação na mesma tela.Ampliar imagem ↗

O ponto de partida

A ideia nasceu de uma experiência ruim: um lote de materiais impressos com QR Codes criados num site gratuito que ficava bem posicionado no buscador. Os códigos eram, na verdade, links “dinâmicos” controlados pelo serviço. Semanas depois, pararam de funcionar, e a reativação exigia uma assinatura mensal. O material impresso já estava pago.

O que o Qode entrega

  • QR Codes com cores de frente e de fundo, nível de correção de erro (L, M, Q ou H), controle de margem e exportação em PNG, JPEG e WebP.

  • Códigos de barras nos formatos Code 128, Code 39, EAN-13, UPC, ITF-14, MSI e Pharmacode, com largura, altura e texto ajustáveis, e exportação em SVG.

  • Gerador de EAN-13 que calcula o dígito verificador e permite escolher o prefixo por país ou faixa de uso interno.

  • Guias curtos sobre quando usar QR Codes e códigos de barras, com exemplos para marketing, pagamentos, eventos e suporte.

  • Seis idiomas: inglês, português, espanhol, francês, chinês e hindi.

  • Uma página de apoio voluntário, para quem quiser ajudar a manter o projeto no ar.

O conteúdo dos códigos nunca sai do navegador: a geração é feita no cliente, com bibliotecas de código aberto. O site usa o Vercel Web Analytics apenas para medir acessos.

Design e decisões

A interface segue uma estética sóbria, de papel e obsidiana, pensada para foco: pouca decoração, controles agrupados por tarefa e uma pré-visualização sempre à vista. A honestidade virou parte do produto, com uma nota de transparência na própria página, que explica por que o Qode é gratuito e alerta sobre geradores que escondem uma assinatura nas entrelinhas.

Resultado

Uma ferramenta pública e gratuita, direta ao ponto, que resolve uma dor concreta de quem trabalha com material impresso e etiquetas.

Uma ideia em movimento?

Vamos transformar a próxima pergunta em algo que funciona.

Conversar sobre um projeto ↗