Caso de estudio · Diseño y desarrollo
Una landing que habla el idioma de quien va a integrar la API.
Neibr es un broker de disponibilidad logística: una API B2B de marca blanca que resuelve entregas fallidas a través de nodos vecinales verificados, con doble ocultación (Double Blind Handover) entre remitente y receptor. Cero retornos, y una reducción drástica de las emisiones de la última milla.
Una puerta de entrada para dos públicos
Antes de entrar en la API, la landing separa a quien integra (operadores logísticos, con acceso directo a la documentación) de quien recibirá el servicio (los vecinos, con la app aún en camino). Cada mitad de la pantalla habla su propio idioma, literalmente: fondo claro y tono operativo para empresas, fondo oscuro y tono de producto para vecinos.
Hablarle al desarrollador, no solo al decisor
El hero no vende con adjetivos: muestra el endpoint real, POST /api/v1/b2b/shipments, con su payload de ejemplo y la respuesta 201 CREATED. Los sellos API-FIRST, SHA-256 y GDPR-COMPLIANT hacen el resto del argumento antes de que nadie tenga que leer una sola línea de texto.
Azul cielo y gris pizarra, no colores de startup
El azul cielo es el único acento con peso real: enlaces, CTAs, iconos y estados activos. El resto es una escala de grises pizarra, de textos casi negros a grises apenas visibles, sobre un fondo blanco con un calor azulado muy leve.
El índigo queda reservado en exclusiva para el lado de los vecinos, y el negro casi puro solo aparece en la pantalla de selección inicial y en los bloques de código.
Geist, dentro y fuera del código
Geist Sans lleva todo lo estructural (titulares, cuerpo de texto, botones) con un peso extra bold en los titulares que no se anda con rodeos. Geist Mono aparece en cada etiqueta técnica y en cada bloque de código, así que el lector nunca pierde de vista que está frente a un producto de infraestructura, no frente a una landing genérica.
Integra la API
Geist Sans · 800 · Titulares
POST /api/v1/b2b/shipments
Geist Mono · 500 · Código y etiquetas
Una barra de navegación flotante
La navegación no es una barra fija de borde a borde: es una píldora flotante y centrada, con fondo de cristal esmerilado que deja intuir el contenido detrás. Las tarjetas de producto usan el mismo lenguaje de vidrio, con un borde casi invisible y una sombra que solo se nota al pasar el cursor.
El isotipo
El símbolo es un hexágono partido por una línea diagonal blanca: la silueta de un paquete visto desde arriba, con el corte de una entrega en curso. Funciona igual de bien como favicon diminuto que como marca de agua a tamaño completo.
Una marca que habla como ingeniero, no como comercial
Neibr se presenta a sí misma como "el Bizum de las empresas logísticas": autoridad tranquila, precisión técnica y ni un solo signo de exclamación fuera de los estados de éxito.
Por dentro, el motor de reparto, al que el equipo llama cariñosamente "algoritmo Chancleta", resuelve las rutas con la fórmula de Haversine, sin el coste de mantener una base de datos espacial completa.
De la duda al piloto, en un formulario
El único formulario de la web pide justo lo necesario para cualificar un lead real (empresa, volumen de paquetes al mes, mensaje) y lo lleva directo al inicio de un piloto, sin pasos intermedios.
Dominio, correo y despliegue, todo en el mismo sitio
neibr.es vive en Cloudflare: registros DNS, certificado SSL con renovación automática y reglas de WAF y firewall que filtran el tráfico antes de que llegue a la API. El correo corporativo se configura con sus propios registros MX, sin depender de un proveedor aparte.
El despliegue corre en Vercel, con una vista previa automática por cada rama y el paso a producción integrado en el mismo ciclo de desarrollo: escribir, revisar en preview y publicar, sin pasos manuales de por medio.