Volver al portafolio
SaaS · APIs

Hub do Desenvolvedor

Plataforma de APIs de CNPJ, CPF, código postal y envíos, con back-end en PHP y el sitio de venta de las APIs

Mi rol
Desarrollador Full Stack PHP
Hub do DesenvolvedorHub do Desenvolvedor
01

Contexto

Hub do Desenvolvedor es una biblioteca con más de 20 APIs para desarrolladores: consulta de CNPJ directo en la Receita Federal, CPF, códigos postales de Correios, cálculo de envío, rastreo, Simples Nacional, datos de registro e información fiscal, todo en un único plan y con respuesta en JSON o XML. Trabajé como desarrollador full stack PHP, creando las APIs y trabajando en el front-end del sitio.

Cliente
Hub do Desenvolvedor
Categoría
SaaS · APIs
Rol
Desarrollador Full Stack PHP
Tecnología
PHP, API REST, JSON/XML, HTML, CSS, JavaScript
02

Desafío

Quien necesita datos de empresas, direcciones o envíos se topa con CAPTCHA, sitios caídos y formatos distintos en cada fuente. Las APIs tenían que consultar esas fuentes, estandarizar la respuesta, soportar volumen y controlar los créditos de cada plan. El sitio tenía que hacer que otro desarrollador entendiera en segundos qué devuelve cada API y empezara a probar.

03

El producto, sección por sección

Los puntos más importantes del sitio, del primer contacto al registro, con las APIs detrás de cada uno.

  1. 01 / 08

    La promesa

    "API de CNPJ, actualizada directo de la Receita sin Captcha": el título alterna entre CNPJ, CPF y CEP, y al lado dos celulares muestran la respuesta en JSON. Un solo botón, "Prueba gratis".

  2. 02 / 08

    Qué es y los números

    El producto explicado en una frase (más de 20 APIs, datos directo de la Receita, sin CAPTCHA, en JSON), el porqué de usarlo (monitoreo diario y actualización cuando cambia la fuente) y la franja de números: +24 APIs, +39 consultas por minuto, en línea 24 horas, 7 días.

  3. 03 / 08

    Los web services

    Las 8 APIs principales en tarjetas con ícono, una línea sobre lo que devuelve cada una y el enlace a la página de detalles: CNPJ, CPF, CEP, envío, rastreo, Simples Nacional, datos de registro e información fiscal.

  4. 04 / 08

    Página de la API con prueba en vivo

    Cada API tiene su página con los diferenciales (sin CAPTCHA, directo en la Receita, JSON/XML, desde cuantas IPs quieras), un ejemplo real de respuesta en JSON y el bloque "Haz una prueba": el desarrollador escribe un CNPJ y ve responder a la API ahí mismo, antes de crear la cuenta.

  5. 05 / 08

    Planes por créditos

    Cuatro planes (Startup, EPP, MPE y Grandes Empresas) con la cantidad de créditos de CNPJ y CPF, CEP ilimitado, todos los web services, JSON/XML y sin carencia, con alternancia entre mensual y anual. Por detrás, las APIs descuentan y controlan los créditos de cada cuenta.

  6. 06 / 08

    Mira la respuesta

    Un acceso a los ejemplos de respuesta en JSON de las APIs más usadas (CNPJ, CPF, CEP y envío), porque el desarrollador decide mirando la respuesta, no el texto.

  7. 07 / 08

    Llamado a suscribirse

    "Suscríbete ahora a Hub do Desenvolvedor y obtén acceso inmediato a todos los WS", con el botón de prueba gratis que lleva al registro.

  8. 08 / 08

    Preguntas y pie de página

    FAQ con las dudas de integración (qué datos vienen, cómo funcionan los créditos y planes, cómo integrar, qué pasa si se supera el límite) y el pie de página con acceso rápido a las consultas más buscadas.

Sistema Visual

Azul tecnológico sobre fondo claro, con el código (la respuesta en JSON) como imagen principal: para un público de desarrolladores, la respuesta de la API es la mejor vitrina. Los planes tienen un color cada uno para facilitar la comparación.

Paleta

Azul Hub

#4285F4

Marca, botones, franja de números y pie de página

Azul Noche

#1D1A4E

Títulos

Lavanda

#F6F6FF

Fondo del encabezado

Gris Claro

#E9E9E9

Franja del llamado a suscribirse

Blanco

#FFFFFF

Fondo y tarjetas

04

Aprendizaje

En un producto para desarrolladores, la API es el propio marketing. Estandarizar respuestas de fuentes muy distintas en un JSON previsible fue el trabajo más importante del back-end, y en el front lo que más convierte es dejar probar: mostrar la respuesta real y permitir una consulta en la propia página resuelve la duda antes del registro.