SaaS · APIs

Hub do Desenvolvedor

Plataforma de APIs de CNPJ, CPF, CEP e frete, com back-end em PHP e o site de venda das APIs

Meu papel: Desenvolvedor Full Stack PHP

Contexto

O Hub do Desenvolvedor é uma biblioteca com mais de 20 APIs para desenvolvedores: consulta de CNPJ direto na Receita, CPF, CEP dos Correios, cálculo de frete, rastreio, Simples Nacional, dados cadastrais e informações fiscais, tudo num único plano e com retorno em JSON ou XML. Atuei como desenvolvedor full stack PHP, criando as APIs e trabalhando no front-end do site.

Cliente

Hub do Desenvolvedor

Categoria

SaaS · APIs

Papel

Desenvolvedor Full Stack PHP

Tecnologia

PHP, API REST, JSON/XML, HTML, CSS, JavaScript

Desafio

Quem precisa de dados de empresa, endereço ou frete esbarra em CAPTCHA, sites fora do ar e formatos diferentes em cada fonte. As APIs precisavam consultar essas fontes, padronizar a resposta, aguentar volume e controlar os créditos de cada plano. O site precisava fazer outro desenvolvedor entender em segundos o que cada API devolve e começar a testar.

O produto, dobra a dobra

Os pontos mais importantes do site, do primeiro contato ao cadastro, com as APIs por trás de cada um.

01 / 08
A promessa
"API de CNPJ, atualizado direto da Receita sem Captcha": o título troca entre CNPJ, CPF e CEP, e ao lado dois celulares mostram o retorno em JSON. Um botão só, "Teste grátis".
02 / 08
O que é e os números
O produto explicado numa frase (mais de 20 APIs, dados direto da Receita, sem CAPTCHA, em JSON), o porquê de usar (monitoramento diário e atualização quando a fonte muda) e a faixa de números: +24 APIs, +39 consultas por minuto, 24 horas e 7 dias no ar.
03 / 08
Os webservices
As 8 APIs principais em cards com ícone, uma linha sobre o que cada uma devolve e o link para a página de detalhes: CNPJ, CPF, CEP, frete, rastreio, Simples Nacional, dados cadastrais e informações fiscais.
04 / 08
Página da API com teste ao vivo
Cada API tem sua página com os diferenciais (sem CAPTCHA, direto na Receita, JSON/XML, use de quantos IPs quiser), um exemplo real de retorno em JSON e o bloco "Faça um teste": o desenvolvedor digita um CNPJ e vê a API responder ali mesmo, antes de criar a conta.
05 / 08
Planos por créditos
Quatro planos (Startup, EPP, MPE e Grandes Empresas) com a quantidade de créditos de CNPJ e CPF, CEP ilimitado, todos os webservices, JSON/XML e sem carência, com alternância entre mensal e anual. Por trás, as APIs descontam e controlam os créditos de cada conta.
06 / 08
Veja o retorno
Um atalho para os exemplos de retorno em JSON das APIs mais usadas (CNPJ, CPF, CEP e frete), porque o desenvolvedor decide olhando a resposta, não o texto.
07 / 08
Chamada para assinar
"Assine agora o Hub do Desenvolvedor e obtenha acesso imediato a todos os WS", com o botão de teste grátis que leva ao cadastro.
08 / 08
Perguntas e rodapé
FAQ com as dúvidas de integração (quais dados vêm, como funcionam créditos e planos, como integrar, o que acontece se passar do limite) e o rodapé com acesso rápido às consultas mais procuradas.

Sistema Visual

Azul de tecnologia sobre fundo claro, com o código (o retorno em JSON) aparecendo como imagem principal: para um público de desenvolvedores, a resposta da API é a melhor vitrine. Os planos ganham uma cor cada para facilitar a comparação.

Paleta

Azul Hub

#4285F4

Marca, botões, faixa de números e rodapé

Azul Noite

#1D1A4E

Títulos

Lavanda

#F6F6FF

Fundo do topo

Cinza Claro

#E9E9E9

Faixa da chamada para assinar

Branco

#FFFFFF

Fundo e cards

Aprendizado

Em produto para desenvolvedor, a API é o próprio marketing. Padronizar respostas de fontes muito diferentes num JSON previsível foi o trabalho mais importante do back-end, e no front o que mais converte é deixar testar: mostrar o retorno real e permitir uma consulta na própria página tira a dúvida antes do cadastro.

Mais projetos