Skip to content
2026-07-14 · Estudio · 7 min de lectura

Del apretón de manos a la firma

Las dos herramientas detrás de nuestro precio fijo — QuoteBowl arma la cotización como JSON y quotebowl-sign la aprueba y firma en el edge.

Cartel azul marino a morado que dice «Del apretón de manos a la firma» con el sobretítulo «Estudio · cómo trabajamos».
Publicado 14 jul 2026
·
Por The Geek Cat
·
Lectura 7 min
·
En Estudio

En Por plato, no por hora dijimos que el brief es el contrato, el precio respeta el brief y la fecha de entrega respeta a ambos. Palabras bonitas. Pero hay un vacío entre que un cliente diga «sí, hagámoslo» y que la cocina realmente se encienda — ese tramo incómodo en el que nadie está seguro de quién manda qué, cuál PDF es el final, o si la cosa quedó firmada de verdad.

Cerramos ese vacío con dos herramientas pequeñas que construimos nosotros mismos y un archivo que viaja entre ellas. Esta es la historia de cómo un «sí» se convierte en una firma. Si eres cliente, es lo que se siente en los primeros días con nosotros. Si construyes cosas, es un pequeño caso de estudio sobre hacer más con menos.

Cartel azul marino a morado: «Del apretón de manos a la firma»

Cada cotización no es más que un archivo

La primera herramienta es QuoteBowl, y toda su personalidad cabe en una sola frase: una cotización no es más que un archivo. La armas en el navegador — datos del cliente, líneas de detalle, descuentos, impuestos, totales en vivo que van corriendo mientras escribes — y sale un PDF limpio con nuestra marca y un pequeño archivo portátil que captura todo. Sin ningún servidor zumbando de fondo, sin base de datos que cuidar. Cierras la pestaña, la abres más tarde, y tu trabajo sigue ahí.

Fuimos de lo más quisquillosos con el dinero. Los precios se cuentan en centavos enteros en lugar de dólares con decimales, porque redondear una fracción de centavo hacia el lado equivocado es exactamente como una cotización termina desfasada por un centavo respecto a la factura. La matemática que suma todo es una única receta, cuidadosamente probada — y esa misma receta alimenta tanto los números en pantalla como los números del PDF, así que los dos nunca pueden discrepar en silencio. Lo sutil son los descuentos y los impuestos: le bajas 10% a una cotización con una mezcla de líneas gravables y no gravables, y el impuesto tiene que reducirse en la cantidad correcta solo del lado gravable. Esa es la clase de cosa que se te sale mal una vez, frente a un cliente, y nunca más.

El resto es comodidad: guarda a medida que avanzas, deshace con generosidad cuando metes la pata, puedes arrastrar las líneas para ordenarlas, y el PDF sale con nuestra cara — logo real, tipografías reales — en lugar de un documento genérico.

Una palabra honesta sobre la cerradura de la puerta

Aquí viene la parte que la mayoría de los estudios no diría en voz alta. La pantalla de inicio de sesión de QuoteBowl no es seguridad de verdad. Es un tope de velocidad — una herramienta que vive en nuestra propia red interna, protegida por una contraseña simple para que una pestaña perdida del navegador no se meta por accidente, nada más.

¿Por qué admitirlo? Porque el peligro no es el tope de velocidad; es fingir que es una bóveda. Sabemos exactamente qué es y dónde es seguro ejecutarla, y como la cotización no es más que un archivo portátil, el día que necesitemos cuentas de verdad podemos agregarlas sin despedazar la herramienta. Saber lo que algo no es es la mitad de construirlo bien.

El traspaso

QuoteBowl es nuestra. Es interna, y el cliente nunca la toca. Entonces, ¿cómo llega la cotización hasta él?

Dos herramientas, un archivo que pasa entre ellas: QuoteBowl le entrega a quotebowl-sign

Ese archivo portátil se le entrega a la segunda herramienta — quotebowl-sign, la de cara al público — que lo recoge y lo convierte en un «trato» que el cliente puede abrir desde un enlace. Este es el truco silencioso que hace que todo sea confiable: ambas herramientas hablan el mismo formato, así que la cotización que el cliente aprueba es exactamente la cotización que armamos. Nada se vuelve a teclear, nada de «déjame reexportar eso y mandártelo por correo», nada se desvía entre versiones.

El lado del cliente de la mesa

Para el cliente es simple: llega un enlace, lo abre, lee la cotización y, cuando está a gusto, aprueba y firma — todo en el navegador, desde el teléfono si quiere. Sin cuenta que crear, sin app que descargar, sin impresora.

Detrás de esa superficie tranquila, un trato avanza por un conjunto fijo de etapas, y solo puede avanzar un paso a la vez.

Las etapas de un trato: borrador, enviado, visto, aceptado, enviado a firma, firmado

Va de «sent» (enviado) a «viewed» (visto) a «accepted» (aceptado) a «out for signature» (enviado a firma) a «signed» (firmado) — con «declined» (rechazado) y «expired» (expirado) como las salidas honestas. Un trato no puede saltar de «sent» directo a «signed», y una vez que algo está firmado o rechazado, eso es definitivo. Si una cotización expira, podemos enviar una nueva; lo que no podemos es meter mano en silencio y cambiar la historia. Esa restricción no es burocracia — es lo que mantiene a todos honestos sobre dónde están realmente las cosas.

Por qué un rastro le gana a un archivero

Esta es la parte de la que estamos calladamente orgullosos, y es la razón por la que construimos la nuestra en lugar de rentar un servicio de firmas por asiento.

Una huella criptográfica ata lo que te mostramos y lo que firmaste

Cada momento importante — el cliente abriendo la cotización, aprobándola, aceptando los términos, firmando — queda escrito en un registro al que solo agregamos y nunca editamos. Ese registro es la prueba: un recuento con fecha y hora de quién hizo qué, y cuándo.

Y los documentos mismos llevan huella. Cuando mostramos un contrato, registramos una huella criptográfica única de exactamente lo que estaba en la pantalla del cliente; cuando firma, registramos otra para la copia firmada. Esas dos huellas atan «lo que te mostramos» y «lo que firmaste». Si alguien alguna vez alegara que el contrato firmado decía algo distinto, comparas la huella contra el archivo guardado — o coincide o no coincide. Con la matemática no se discute. Es más rigor del que te da un botón rápido de firma electrónica, y no nos cuesta nada por firma.

Lo que a propósito no construimos

Notarás lo que no está aquí. Sin cuentas de usuario, sin sincronización en la nube, sin multimoneda, sin enlaces de pago, sin envíos masivos de correo automáticos. Trazamos esa línea a propósito para la primera versión.

Eso no es flojera — es la misma disciplina de alcance fijo que vendemos. Construimos la rebanada delgada que de verdad cierra un trato: hacer la cotización, lograr que se apruebe, lograr que se firme, guardar la prueba. Todo lo demás espera en una lista hasta que se gane su lugar. A nuestras propias herramientas las sujetamos a un brief exactamente igual que sujetamos a uno un proyecto de cliente.

La parte calladamente nerd

Para quienes construyen y están leyendo: aquí no hay ningún servidor siempre encendido. Ambas herramientas viven en el edge — páginas servidas directo al navegador, con funciones diminutas que despiertan solo cuando alguien actúa y se vuelven a dormir después. Todo el camino de la cotización a la firma, con rastro de prueba y todo, corre sin nada que mantener parchado a las dos de la mañana y sin nada que escalar cuando llega una semana ajetreada.

¿Se te podría quedar corto? Claro — cuentas de verdad, un sistema de identidad como Dios manda, un enganche a un CRM. Pero la mayoría de los estudios pequeños nunca llega de verdad a ese muro. Un archivo portátil, un conjunto estricto de etapas, documentos con huella y el edge te llevan mucho más lejos de lo que el reflejo de «nada más levanto un backend» te haría creer.

La versión simple

Una cotización que tu cliente puede abrir desde un enlace, leer, aprobar y firmar en un par de toques — y un registro que prueba que lo hizo, uno que nadie puede reescribir en silencio después. El apretón de manos sigue siendo lo que más importa. Nosotros solo hicimos que todo lo que viene después sea tan limpio como la conversación que se lo ganó.

— The Geek Cat

— SIGUE LEYENDO

Más del Surtido.

Cartel azul marino que dice "Postales de una fábrica de OG en Satori." con insignias técnicas debajo — satori, @resvg/resvg-js, astro, mood SVGs.
16 de junio de 2026Proceso

Postales de una fábrica de OG en Satori

Cómo armamos un sistema de tarjetas OG por ruta con Satori + resvg — gatos por mood deterministas, CTAs rotativas y el bug de enteros con signo que nos cazó.

Cartel azul marino a morado que dice «¿Quién come gratis en tu sitio web?» con el sobretítulo «Rastreadores de IA · la guía del estudio».
07 de julio de 2026Estudio

¿Quién come gratis en tu sitio web?

Guía en lenguaje claro para pequeños negocios sobre rastreadores de IA — qué hacen los ajustes de Cloudflare y la trampa que te oculta de Google.