Cas d'estudi · Disseny i desenvolupament
Una landing que parla l'idioma de qui integrarà l'API.
Neibr és un broker de disponibilitat logística: una API B2B de marca blanca que resol lliuraments fallits a través de nodes veïnals verificats, amb doble ocultació (Double Blind Handover) entre remitent i receptor. Zero devolucions, i una reducció dràstica de les emissions de l'última milla.
Una porta d'entrada per a dos públics
Abans d'entrar a l'API, la landing separa qui integra (operadors logístics, amb accés directe a la documentació) de qui rebrà el servei (els veïns, amb l'app encara en camí). Cada meitat de la pantalla parla el seu propi idioma, literalment: fons clar i to operatiu per a empreses, fons fosc i to de producte per a veïns.
Parlar-li al desenvolupador, no només al decisor
El hero no ven amb adjectius: mostra l'endpoint real, POST /api/v1/b2b/shipments, amb el seu payload d'exemple i la resposta 201 CREATED. Els segells API-FIRST, SHA-256 i GDPR-COMPLIANT fan la resta de l'argument abans que ningú hagi de llegir ni una línia de text.
Blau cel i gris pissarra, no colors de startup
El blau cel és l'únic accent amb pes real: enllaços, CTA, icones i estats actius. La resta és una escala de grisos pissarra, de textos gairebé negres a grisos a penes visibles, sobre un fons blanc amb una calidesa blavosa molt lleu.
L'índigo queda reservat en exclusiva per al costat dels veïns, i el negre gairebé pur només apareix a la pantalla de selecció inicial i als blocs de codi.
Geist, dins i fora del codi
Geist Sans porta tot el que és estructural (titulars, cos de text, botons) amb un pes extra bold als titulars que no s'anda per branques. Geist Mono apareix a cada etiqueta tècnica i a cada bloc de codi, així que el lector mai perd de vista que és davant d'un producte d'infraestructura, no d'una landing genèrica.
Integra l'API
Geist Sans · 800 · Titulars
POST /api/v1/b2b/shipments
Geist Mono · 500 · Codi i etiquetes
Una barra de navegació flotant
La navegació no és una barra fixa de vora a vora: és una píndola flotant i centrada, amb fons de vidre esmerilat que deixa intuir el contingut de darrere. Les targetes de producte fan servir el mateix llenguatge de vidre, amb una vora gairebé invisible i una ombra que només es nota en passar-hi el cursor.
L'isotip
El símbol és un hexàgon partit per una línia diagonal blanca: la silueta d'un paquet vist des de dalt, amb el tall d'un lliurament en curs. Funciona igual de bé com a favicon diminut que com a marca d'aigua a mida completa.
Una marca que parla com un enginyer, no com un comercial
Neibr es presenta a si mateixa com "el Bizum de les empreses logístiques": autoritat tranquil·la, precisió tècnica i ni un sol signe d'exclamació fora dels estats d'èxit.
Per dins, el motor de repartiment, que l'equip anomena carinyosament "algorisme Chancleta", resol les rutes amb la fórmula de Haversine, sense el cost de mantenir una base de dades espacial completa.
Del dubte al pilot, en un formulari
L'únic formulari del web demana just el necessari per qualificar un lead real (empresa, volum de paquets al mes, missatge) i el porta directe a l'inici d'un pilot, sense passos intermedis.
Domini, correu i desplegament, tot al mateix lloc
neibr.es viu a Cloudflare: registres DNS, certificat SSL amb renovació automàtica i regles de WAF i firewall que filtren el trànsit abans que arribi a l'API. El correu corporatiu es configura amb els seus propis registres MX, sense dependre d'un proveïdor a part.
El desplegament corre a Vercel, amb una vista prèvia automàtica per cada branca i el pas a producció integrat en el mateix cicle de desenvolupament: escriure, revisar en preview i publicar, sense passos manuals pel mig.