Ocho años operando por dentro de siete industrias, entre ellas hospitalidad, inmobiliario, tecnología, marketing, fitness y construcción. Por eso los sistemas que armo entienden cómo funciona el negocio de verdad, y no al revés.
Cada caso abre su propia página, con el rol que tuve, qué se resolvió y en cuánto tiempo.
La operación corría sobre HubSpot, donde todo cuelga del contacto. Pero un viaje tiene varias reservas, y quien lo coordina necesita verlas juntas. Construimos el CRM que las junta: 792 reservas y 2.513 tareas migradas sin pérdida, y 39 pantallas verificadas contra el diseño hasta cero diferencias.
El contenido del sitio no se podía editar sin entrar al hosting. Lo rehicimos con su propio panel: 17 filtros, 180 opciones y 2.487 valores de fichas migrados del sitio anterior.
El sitio de una agencia creativa es su propio portfolio: si no se ve bien, ya contestó la pregunta. Ocho servicios, nueve proyectos y dos idiomas donde el botón de contacto cambia de canal según el país.
Veinte años de trabajo real, repartidos en dos fichas de Google que no se sumaban entre sí. Proyecto en curso: la mitad ya está en producción, la otra mitad se ve venir.
Una app de entrenamiento con coach real, vendida por una persona específica que no aparecía en ningún lado del sitio. El material generado con IA falló entero: hubo que reconstruir con capturas reales de la app y una foto real.
Veintinueve años de reputación que vivían sólo en la memoria de los clientes anteriores. Vender una categoría que nadie sabe que existe, y construir autoridad sin poder prometer un solo resultado.
Tres generaciones de contratistas sin una sola página propia. La primera presencia digital de la marca, construida sobre un símbolo que la familia ya usaba sin saber que era su identidad.
A un plomero se lo busca con el agua corriendo por el piso. Un sitio donde la decisión se toma en segundos, construido sobre el sistema que el propio plomero ya usaba por teléfono sin saber que era diseño.
Una empresa que factura en dólares, gasta en pesos y opera en México, llevada en una planilla que se rehacía cada mes. El problema no era el trabajo que daba: era que el pasado no se quedaba quieto.
No vendo horas. Vendo cosas que ya funcionan en otro lado y se adaptan.
El mismo método en las siete industrias. Lo que cambia es el negocio, no la forma de entrar.
Primero opero, después opino. Aprendo cómo funciona el negocio por dentro antes de proponer un solo cambio.
Defino el proceso real: quién hace qué, en qué orden, con qué criterio, y qué pasa cuando algo sale mal.
Configuro las herramientas que sostienen ese proceso. CRM, automatizaciones, tableros. Lo que haga falta y nada más.
Lo documento y me corro. El equipo tiene que poder sostenerlo sin mí, y esa es la parte que casi nadie entrega.
Si el sistema me necesita para funcionar, todavía no terminé.
Argentina, México y Estados Unidos, donde vivo hoy. Doce organizaciones, siete industrias, y casi siempre el mismo encargo: entrar a ordenar algo que ya venía fallando y dejarlo funcionando.
Nada de esto lo aprendí en un aula. Lo aprendí atendiendo el mostrador, vendiendo y llevando la administración, antes de construir un solo sistema. Por eso sé dónde se rompen las cosas: ya estuve del otro lado cuando se rompieron.
Respondo en el día. Si no es para mí, te lo digo derecho.
Una agencia de viajes de lujo coordinaba viajes enteros sobre un CRM pensado para vender, no para coordinar. Y un viaje no es una venta: es una docena de reservas que tienen que salir bien y en orden —el traslado del aeropuerto, la villa, el chef del segundo día, el yate, la mesa del sábado—, cada una con su proveedor, su horario y su comisión.
Nadie podía ver un viaje completo de una sola vez. Para saber cómo venía el fin de semana de una familia había que abrir su contacto, entrar a cada reserva y leer el cuerpo de cada mensaje. Construimos el sistema donde el viaje es el centro y todo lo demás cuelga de él.
Dar vuelta el modelo, aunque encareciera la mudanza. En el sistema anterior todo colgaba del contacto. Copiar esa forma hacía la mudanza de datos directa y barata; poner el viaje en el centro la volvía mucho más costosa, porque cada reserva necesitaba un viaje al que pertenecer y muchos de esos viajes no existían como registro: había que fabricarlos a partir de datos sueltos. Elegimos el modelo propio. Las 792 reservas quedaron con su viaje y su proveedor, sin una sola excepción.
Qué ve el cliente y qué se queda la agencia. Es la decisión de la que depende el negocio: si el itinerario muestra el nombre del chef o del chofer, el cliente puede saltear a la agencia la próxima vez y la relación con el proveedor —que es el activo— se regala. Pero si oculta el nombre del restaurante, el cliente no llega adonde tiene que llegar. Resolverlo caso por caso no escala con cientos de reservas cargadas por gente distinta. Escribimos una regla: el proveedor se muestra sólo cuando el cliente tiene que ir hasta él —un restaurante, una villa, un yate— y nunca cuando el proveedor viene hacia el cliente. Ahí el título es el servicio: la comida, la ruta, el tipo de vehículo.
Un chef y un helicóptero no piden los mismos datos. Una villa pide entrada y salida; un traslado, origen, destino y número de vuelo; un chef, menú y alergias. Un sistema de mercado obliga a elegir entre un formulario único que no le sirve a nadie o un campo de texto libre donde cada uno escribe como quiere. Le dimos a cada categoría sus propios campos, y cada tipo de servicio lleva siempre el mismo color en todo el sistema. El dato dejó de ser una frase escrita a mano y pasó a ser algo que se filtra, se ordena y se suma.
Mudar ocho años de operación sin que el negocio parara un día. El riesgo no era perder un dato: era encender el sistema nuevo a mitad de camino y trabajar peor que antes. Auditamos la cuenta entera contra su respaldo antes de escribir una línea, corrimos la importación completa en seco —5.171 filas— y no encendimos nada hasta tener todo adentro y verificado. En el camino hubo reparación fina: 105 viajes venían partidos en dos fichas, 9 tenían el año mal tipeado —uno figuraba viajando hasta 2028— y 2 salían antes de llegar. Los tres casos quedaron corregidos antes de encender el sistema.
Que no se pareciera a un panel de control. Es un sistema que se abre a primera hora y se cierra a última. Descartamos la estética por defecto de toda herramienta interna —tipografía de sistema, grises, bordes— y usamos fondo de papel, un solo color de acento y la tipografía de la marca de la agencia en todo el sistema, también adentro de las tablas.
Una fila de tabla nunca tiene dos renglones. El estado va en un color o en una pastilla. La salida fácil cuando los datos no entran es un segundo renglón, pero con filas de distinto alto la lista deja de poder recorrerse de un vistazo, y recorrer listas es lo que se hace todo el día acá. La lista se recorre de arriba abajo sin frenar, que es lo que se hace acá todo el día.
El cliente recibe un enlace, no un archivo. Un archivo nace viejo: cambia un horario y el cliente sigue mirando el papel anterior. El enlace se lee de la base cada vez, así que lo que abre es siempre lo que hoy es verdad. El proveedor tiene el suyo y ve únicamente sus propias reservas.
El valor de un viaje se calcula, no se escribe. Honorarios más comisión de las reservas que efectivamente ocurrieron. Un número escrito a mano no se suma, no se filtra y no se audita: en el sistema anterior, 335 de 597 comisiones eran una frase del tipo «agregar 20% al precio neto». Hoy las 597 son un número que se suma solo, y la comisión es parte del modelo y no una nota al margen.
El sistema coordina hoy 2.572 contactos, 792 reservas y 1.067 viajes, con el mismo diseño y el mismo acceso que el sitio público de la agencia. Se abre una tarjeta y está el viaje entero con el estado de cada reserva. El cliente recibe un itinerario que se actualiza solo, el proveedor ve nada más que lo suyo, y las cotizaciones se arman por líneas con el total calculado.
Los campos por categoría de servicio, la comisión adentro del modelo y los documentos con reglas propias sobre qué muestran no existen en un sistema de mercado: el modelo es el de este negocio, y el mismo modelo aplica a cualquier operación que coordine proveedores en nombre de un cliente y cobre por eso.
Una agencia que vende villas, yates y aviación privada tenía un sitio que se leía como un clasificado: tipografías pesadas de titular de diario, contenido que no se podía editar sin entrar al servidor y un catálogo de cientos de fichas que existía para quien ya tenía el enlace y para nadie más.
El problema de fondo no era estético. El sitio no acompañaba lo que la agencia cobra. Alguien que está por gastar en una villa en Ibiza compara, sin decirlo, contra las páginas de hoteles y marcas de lujo que ya conoce. Si la página se ve barata, la conversación empieza en desventaja y el precio parece alto aunque no lo sea.
Traducir la palabra lujo a decisiones concretas, sin caer en el vocabulario gastado del rubro. El lujo en pantalla tiene clichés —dorados, serifas de revista, fondos oscuros— y usarlos hace que la marca se parezca a todas las demás. Al mismo tiempo había que diferenciarse de la agencia común, que comunica volumen: grillas saturadas de ofertas, carteles de descuento, veinte filtros arriba de todo. Fijamos tres palabras antes de tocar una sola pantalla —calma, cuidado, criterio— y cada decisión posterior se validó contra ellas en vez de contra el gusto.
Un criterio de búsqueda que servía para varios tipos de producto, y una estructura que no lo permitía. El sitio anterior obligaba a que cada filtro perteneciera a una sola categoría. Pero «Zona» es exactamente el mismo criterio para restaurantes, beach clubs, villas y experiencias: duplicarlo cinco veces significa cinco listas que se desincronizan y un buscador que devuelve resultados distintos según por dónde entraste. Rediseñamos la relación para que un mismo criterio valga para varias categorías a la vez. Quien administra el catálogo define «Zona» una sola vez.
Los filtros del catálogo viejo no coincidían entre un lugar y otro. Eran 2.487 valores sobre 17 filtros y 180 opciones, y la equivalencia parecía derivable del nombre pero no lo era. Si asumíamos la regla obvia, los valores entraban bajo el criterio equivocado y nadie lo hubiera notado: las fichas se ven perfectas igual, y el error recién aparece cuando un cliente filtra por una zona y le salen lugares de otra. Armamos la equivalencia a mano, una por una, antes de cargar un solo valor.
Separar lo que tiene que encontrarse de lo que nunca debe aparecer. La agencia le manda a cada cliente su itinerario por un enlace privado. El reflejo es cerrarle la puerta al buscador, y ese reflejo hace lo contrario de lo que se busca: si se bloquea el acceso, el buscador no puede leer la instrucción de no publicar la página y la dirección puede aparecer igual. Lo hicimos al revés de lo intuitivo: esas páginas se dejan leer a propósito, para que la instrucción llegue y se cumpla. Y sobre ellas no se carga nunca ninguna herramienta de medición: el itinerario de un cliente no se mide.
Una sola familia tipográfica en todo el sitio, de trazo redondeado y terminaciones suaves, trabajada con sus pesos. Descartamos la mezcla habitual de dos familias y, sobre todo, el titular de diario que había antes. Un titular grueso grita, y una marca que vende villas y yates no grita. Cada familia extra es además peso que el visitante descarga antes de ver nada.
Paleta de papel, no de pantalla: blanco cálido de fondo, una tinta casi negra pero no negra para el texto, dos grises para lo secundario y un único acento, un verde jade profundo. Descartamos el dorado, que es el atajo del rubro y en pantalla ensucia más de lo que suma. Un solo acento obliga a que cada cosa marcada esté marcada por una razón: si todo se puede resaltar, nada resalta.
Menos fichas por pantalla y más espacio alrededor. En una página de catálogo la tentación es meter una fila más para que entre más producto arriba del pliegue. Hicimos lo contrario. El aire es lo que le dice al ojo que lo que está mirando fue elegido y no acumulado, y eso es exactamente lo que la agencia vende: selección, no volumen.
El sitio público y el panel de administración son una sola pieza, con un solo acceso y el mismo lenguaje visual. El camino corto era dejar el sitio como estaba y construir la administración aparte; quien carga el catálogo entra todos los días, y dos sistemas distintos significan dos lugares donde buscar y contenido que se desincroniza. Ese panel fue después la base sobre la que se construyó el CRM.
Migramos el catálogo entero: 563 experiencias con 3.612 fotos, sus secciones y sus filtros, verificando que no quedara ni una ficha apuntando a un lugar vacío. Las fotos vivían todavía en el servidor anterior, así que hicimos una segunda pasada para traerlas: hoy las 3.612 están del lado nuevo y el sitio viejo se puede apagar sin consecuencias.
El contenido lo edita la agencia desde su propio panel, sin tocar el servidor. Y el mapa que el sitio le entrega a los buscadores se arma solo desde el catálogo: cada destino, cada categoría, cada experiencia y cada artículo entra sin que nadie lo agregue a mano. Cuando se carga una experiencia nueva, aparece. Era el punto exacto donde el sitio anterior fallaba en silencio: las 563 fichas del catálogo pasaron a ser encontrables, y cada una que se sume después entra sola.
VEO Creativo es una agencia creativa de Tucumán: ocho servicios —marca, estrategia, comunicación, audiovisual, publicidad, diseño, web y automatizaciones— para empresas medianas de rubros que no se parecen entre sí.
El sitio de una agencia creativa tiene un problema que otros no tienen: es su propio portfolio. Si no se ve bien, ya contestó la pregunta que el visitante venía a hacer. Y hay que resolverlo antes de que el visitante lea una sola palabra.
Demostrar criterio de diseño sin las fotos de los proyectos. La forma habitual de ganarse la confianza en este rubro es el material fotográfico del trabajo hecho, y ese material todavía no estaba. Pusimos a cargar la credibilidad en lo que sí controlábamos: una escala tipográfica muy grande sostenida por una tipografía redonda de trazo grueso, la paleta de la propia marca aplicada en bloques de color pleno, mucho aire y una única secuencia de movimiento en la apertura. El sitio demuestra criterio en vez de anunciarlo: la composición se sostiene sola, y las fotos entran en su lugar sin que haya que rehacer nada.
La dueña pidió que fuera plano, y aun así tenía que quedar memorable. Su frase fue «si es plano, mejor». Un sitio de agencia suele apoyarse en efectos para llamar la atención; al sacarlos, todo el peso queda en composición, escala y color, que es exactamente lo que se ve pobre más rápido si está mal resuelto. Quedaron afuera cinco recursos —tachar el texto al bajar, iluminar las palabras como un karaoke, inclinar las imágenes en tres dimensiones, numerar los servicios, rodear la pieza de marca con un halo— y concentramos todo el movimiento en una sola secuencia de apertura. El impacto lo dan la escala de los títulos y una sección entera de color pleno.
Una apertura que tiene que aterrizar exactamente sobre el logo, en cualquier pantalla. No es una animación que termina en cualquier lado: una pieza de la marca gira mientras aparecen cuatro palabras, una por vez, y al final tiene que caer justo encima del logo del encabezado. Un desvío mínimo arruina el efecto y se nota más que si no hubiera animación. En el teléfono el objetivo además se mueve, porque la barra del navegador se esconde al bajar y corre el punto de llegada mientras la secuencia corre. El punto de aterrizaje se recalcula cada vez que la pantalla cambia de alto, que es justo cuando se corre.
Dos idiomas que no venden igual. Traducir el texto es la parte fácil. El canal de contacto es donde el sitio convierte, y el que se usa acá no es el que usa un cliente en Estados Unidos: dejar el mismo botón en las dos versiones significa que a la mitad de los visitantes no les queda una forma natural de escribir. El cambio de idioma cambia el canal, no sólo las palabras: en español los botones abren un chat directo, en inglés abren un formulario.
Dos tipografías con roles opuestos. Una redonda de trazo grueso sostiene títulos muy grandes sin volverse dura y carga casi todo el peso. La otra es manuscrita y aparece poquísimo: números, un pie de línea, el nombre de un proyecto sobre la foto. Descartamos usarla también en los títulos: una agencia que escribe todo a mano se lee como emprendimiento chico. Reservada para apariciones mínimas, aporta calidez sin costar autoridad.
El contraste de temperatura, sostenido sin transición. Secciones enteras en bordó profundo y después una sección entera en naranja pleno, de golpe. Un salto tan duro corre el riesgo de leerse como que algo se rompió, y el recurso obvio para suavizarlo —un degradado— sobre el naranja se veía como una mancha. Sostuvimos el corte seco y le dimos al naranja un único trabajo en todo el sitio: todo lo que se toca. Así el cambio de color se lee como cambio de sección y no como accidente. Los tres colores de apoyo aparecen dosificados para que el naranja siga siendo el único acento fuerte.
El contenido no pasa de 1.216 píxeles de ancho aunque la pantalla mida el doble, y los títulos entran solos antes que su texto. El aire es lo que hace que un sitio de agencia se lea como caro, y hacer entrar el título primero fija la jerarquía antes de que empiece la lectura.
La grilla de proyectos se reacomoda sola, de a dos bloques cada pocos segundos, como si se estuviera ordenando. Los trabajos vienen de construcción, tecnología, automotor, mobiliario, inmobiliario y viajes: puestos uno al lado del otro, ese surtido se puede leer como falta de foco en vez de versatilidad. El movimiento hace que la variedad se lea como orden emergente. En el teléfono se apaga, porque con menos campo visual el mismo recurso molesta.
Ocho servicios que se abren de a uno —el visitante ve primero el mapa completo y el detalle sólo del que le interesa—, nueve proyectos con su categoría y lo que se hizo en cada uno, y una ficha de la fundadora. Todo en dos idiomas, con el canal de contacto correcto en cada uno.
La grilla se verificó sin huecos en siete anchos de pantalla, de 1.920 a 390 píxeles. Cada avance se aprobó en el celular de la dueña, con un enlace que abría sin instalar nada, así que la escala tipográfica, el aire y el movimiento se validaron primero en la pantalla donde el sitio se ve de verdad. Cuatro rondas de correcciones, todas cerradas.
R&R Improvements es una empresa familiar de remodelación en Fontana, California: cocinas, baños, ampliaciones, unidades habitacionales y conversiones de garage. Veinte años de oficio, y todo el negocio pasa por una visita a la casa y un presupuesto escrito a mano.
La prueba de esos veinte años existía, pero estaba repartida en lugares que no se sumaban entre sí. Necesitaban un lugar donde la empresa se viera entera y donde alguien decidiera confiar en un minuto, desde el celular.
Dar confianza para un trabajo caro e invasivo, teniendo siete reseñas contra competidores con 78, 110, 137 y 416. El cliente final va a dejar entrar desconocidos a su casa durante semanas y a pagar mucho dinero. El volumen de reseñas es la moneda habitual de confianza en este rubro y no se consigue en el corto plazo. Así que auditamos a la competencia local buscando dónde eran todos débiles, y aparecieron dos huecos: veinte empresas repitiendo «affordable» y «quality» sin mostrar una sola obra propia, y casi ninguna publicando su número de licencia. Cambiamos la moneda de la prueba: donde no se podía ganar por cantidad, se ganó siendo el único que muestra papeles y obra real.
La galería tenía que probar, no decorar. En una sección que se llama «Proof, not promises», una sola imagen que no sea del cliente invalida todo lo demás. El archivo tenía duplicados casi idénticos, títulos que no correspondían a la foto y material heredado de otras fuentes. La comparación automática por parecido no distingue una cocina de una ampliación, así que la revisión fue visual: hojas de contacto con todo el archivo agrupado por categoría, miradas de a tandas. Aparecieron tres duplicadas que ninguna herramienta había marcado, y quedó la regla dura: sólo obra propia, con el material dudoso apartado para que lo confirme el dueño antes de usarlo.
Meter 55 proyectos en una página que no puede tardar en cargar ni abrumar a quien la abre desde el teléfono. La prueba visual pide cantidad y la experiencia pide brevedad: dos exigencias opuestas sobre la misma página, y la mayoría de estas visitas llega con datos móviles. La galería abre con seis y suma de a seis cuando la persona lo pide, con filtros por tipo de trabajo para que quien vino a ver un baño no recorra ampliaciones. El peso total de las fotos bajó de 50,2 MB a 5,4 MB, ninguna por encima de 250 KB, dejando intactas las que ya cumplían en vez de pasarlas por el mismo molde.
Diseñar para un dueño que no atiende herramientas digitales, y que el sitio igual convierta. La expectativa de un sitio moderno empuja hacia reserva de turnos, formularios y chat. Pero un canal abierto que nadie atiende es peor que no tenerlo, porque pierde justo a la persona que ya se había decidido a avanzar. Descartamos la reserva online y concentramos todo en el teléfono, que es el único canal que él realmente atiende. El sitio, los servicios, las preguntas frecuentes y el contacto apuntan todos al mismo número.
Una serif de peso para los títulos y una sans neutra para el cuerpo. Lo cómodo —y lo que hace la competencia— era una sola sans para todo, y con eso el sitio quedaba con aire de plantilla, que es exactamente lo contrario de lo que hay que transmitir cuando el argumento de venta son veinte años de oficio. La serif le pone edad y peso a los títulos; la sans mantiene el cuerpo legible en pantallas chicas, que es donde se lee de verdad.
Una escala de azules construida sobre el azul del logo, con un azul muy oscuro para el texto en lugar de negro puro. El negro sobre blanco endurece la lectura y no pertenece a la marca; el azul profundo conserva el contraste que hace falta y hace que hasta el texto corrido forme parte del mundo de color de la empresa.
El número de licencia arriba, a la vista, y repetido en cada punto de decisión. Casi toda la competencia local lo deja en la letra chica del pie. Es el dato más barato de mostrar y el que más tranquiliza a alguien que está por dejar entrar gente a su casa durante semanas.
Las primeras seis fotos son la promesa entera del sitio. El orden en el que llegan las fotos nunca es el orden en que hay que mostrarlas. La galería abre con las seis más fuertes y variadas —isla de mármol, ducha de mármol, frente terminado, cocina con equipamiento profesional, el equipo colocando la mesada, un baño moderno— y después rota entre categorías para mostrar el rango. La obra en curso demuestra actividad, pero quien está por gastar mucho dinero quiere ver el final, no el medio.
Un servicio no recibe vidriera hasta que exista una foto que le haga justicia. La alternativa era completar la grilla con lo que hubiera a mano —estructura de madera, un pasillo modesto—, y una vidriera construida sobre obra en curso baja el nivel percibido de todo lo que la rodea. Quedó escrita la lista exacta de tomas que pide cada sección para la próxima sesión de fotos.
El sitio es hoy el único lugar donde la empresa se ve entera. La portada abre con el número de licencia y el respaldo a la vista, los nueve servicios están descritos con las palabras con las que la gente busca, y la galería muestra 55 proyectos propios en seis categorías con filtros y carga progresiva. Un comparador de antes y después se arrastra con el dedo: convierte la prueba en algo que el visitante opera con su propia mano en vez de algo que le cuentan.
Y las calificaciones que afuera están repartidas aparecen reunidas en una sola franja: 48 reseñas de tres plataformas, con sus puntajes a la vista, en el mismo lugar. La reputación dejó de depender de a qué puerta golpeó la persona. El dueño manda el enlace a cualquiera que lo llame y esa persona ve, en un minuto y desde el celular, veinte años de obra terminada, la prueba de que la empresa es legal y un solo número al que llamar. La galería está construida para crecer: cada tanda de fotos nuevas entra en su categoría sin rediseñar nada.
TR Fit es una app de entrenamiento de fuerza con coach real: el usuario recibe un plan armado a mano y, al terminar cada serie, declara cuánto esfuerzo le costó. Eso cambia el peso de la serie siguiente. El sitio existe para conseguir descargas, no para vender el servicio de coaching que vendía el sitio anterior.
El diferencial del producto no es una pantalla: es una decisión que el usuario toma después de cada serie. Un video muestra una pantalla, no muestra una decisión. Y era justamente eso lo que había que hacer entender en tres segundos.
No había con qué mostrar el producto que el sitio venía a vender. De los veintiocho archivos entregados, quince eran únicos y cinco servían: cuatro capturas de la app y el logo. Los seis videos de presentación mostraban interfaces que no son las de la app y palabras deformadas donde tenía que decir Constancia o Historial: ninguno era publicable ni recuperable con edición. En vez de filmar la app o volver a generarla, reconstruimos su interfaz dentro del propio sitio, pantalla por pantalla, usando las cuatro capturas reales como plano exacto. Lo que el visitante ve es la app de verdad, con su texto real, nítida en cualquier tamaño de pantalla y sin una versión aparte para celular. Costo de producción del material: cero.
Convertir la decisión del usuario en algo que se entienda sin leer. Hicimos de esa secuencia la sección firma del sitio y la atamos al scroll en cuatro etapas: aparece la serie terminada, se enciende el selector de esfuerzo, el peso de la próxima serie cambia en pantalla y arranca el descanso. La coreografía se auditó en diez puntos del recorrido, en pantalla grande y en celular, para que ninguna etapa quede a mitad de camino y no haya zonas muertas donde el scroll avanza y no pasa nada.
Una app con coach real no se vende como software: se vende como persona. El entrenador fue explícito: él arma cada rutina a mano, según objetivo, edad y tiempo disponible, y habla con cada cliente. Reescribimos el sitio entero en primera persona —la app pasó a ser el vehículo y no el protagonista— y la sección firma pasó a llamarse con sus palabras, sobrecarga progresiva, en vez de con la jerga del rubro. En paralelo pedimos material real con un brief preciso en vez de un pedido genérico: luz de costado y nunca frontal, porque la frontal aplana el músculo; sin selfies; cada escena en horizontal y en vertical, porque el sitio se ve más en celular. Llegaron dos fotos y dieciocho videos de técnica, todos reales, y son los que están hoy en el sitio.
Decidir qué se compra generado y qué se construye a mano, antes de gastar. El pedido para la pieza de portada eran cinco cosas: el teléfono girando con la app funcionando, el logo estampado, una gota que ondula el fondo, líneas de luz y mejor atmósfera. Separamos lo que puede alucinar de lo que no: tres de los cinco quedaron construidos a mano, porque ahí la app que se ve es la real, el logo es el logo y la nitidez no se degrada. Sólo compramos materia que no representa nada y por lo tanto no puede equivocarse —polvo, luz, destellos—. Y escribimos antes de gastar un techo de piezas y una regla de corte: tres pruebas, y si no salían dos utilizables se cerraba el camino entero. Sólo entró al sitio lo que pasó esa prueba.
Titulares en una display ancha y pesada, cuerpo en una neutral moderna. La display comparte el ADN del monograma de la marca —geométrica, ancha— y le da el golpe atlético que el producto necesita. Descartamos la tipografía del sitio anterior y también su logotipo como fuente de estilo: pertenecen a la marca que se estaba reemplazando. Las dos familias completas pesan 90 y 29 KB.
Sitio oscuro, con la paleta muestreada de la propia app. No inventamos una paleta ni usamos la del sitio anterior. Acá el oscuro no es una moda estética: es la identidad real del producto que se está vendiendo. Y el acento es uno solo, medido: sobre la captura real de la app, el celeste está 16 a 1 sobre el dorado —6,30% de píxeles fríos contra 0,38% cálidos—, así que darle una sección entera al dorado habría invertido la jerarquía real de la marca por un detalle que en el producto ocupa menos del medio por ciento.
La pantalla del teléfono va siempre oscura, sin importar el fondo de la sección. El sitio alterna fondos oscuros y claros para que el scroll tenga pulso sin meter un segundo color. El hallazgo fue que el teléfono oscuro sobre una sección clara se recorta muchísimo más, así que el producto queda de punto focal sin ningún esfuerzo. Y se pinta oscuro siempre porque sobre fondo claro la interfaz se volvería blanca y estaríamos mostrando un producto que no existe.
Composición asimétrica, con el teléfono grande y cortado por el borde. Una composición centrada se lee como diapositiva. El teléfono creció casi al doble y lo dejamos salir del cuadro. El titular se queda toda la sección en vez de desvanecerse: el que se queda es patrón editorial, el que aparece y se va es cartel. El marco reproduce un modelo concreto y no un rectángulo redondeado, porque las capturas del cliente son exactamente la resolución de ese modelo: la proporción y los controles laterales son un dato, no un gusto.
La barra de treinta semanas sale del teléfono y se vuelve gráfico a ancho completo. Dentro de la pantalla cada semana mide seis píxeles: ilegible, justo cuando el punto de la sección es que treinta semanas se sientan como mucho. Afuera, además, da respiro después de una sección que es toda marco de dispositivo.
La foto de portada va entera, despejada con un degradado lineal. El camino obvio era recortar la figura para que flotara limpia sobre el negro, y eso costaba tres cosas que estaban sumando: el gimnasio real de fondo, que es credibilidad; el desenfoque, que es profundidad; y los bordes del pelo, donde todo recorte falla y se nota. Además el negro de su remera es prácticamente el del sitio, así que el torso se funde con el fondo y lo que emerge son la cara, los brazos y el logo que lleva en el pecho.
El sitio está en vivo, completo de punta a punta: portada con la foto real del entrenador, seis secciones de producto, cierre y pie. Reemplazó al sitio anterior, que hablaba de un negocio que ya no existe. Editar también es diseñar: la página se recortó de 21,6 a 14,4 pantallas de alto antes de publicar, sacando todo lo que repetía algo ya dicho.
Todo lo que se ve de la app es la app real, reconstruida a partir de sus capturas, así que se lee nítida en cualquier pantalla y no hay una versión distinta para celular. Y el botón de descarga tenía un problema de fondo que resolvimos en vez de esconder: la app es exclusiva para quienes ya están en el servicio del coach, así que el sitio lo dice en las preguntas frecuentes y agrega un segundo camino, un enlace directo para escribirle antes de decidir.
Affordable Document Services es un estudio de asistencia documental legal en Riverside, California, fundado en 1997. Su dueña es una Asistente de Documentos Legales registrada y afianzada: prepara y presenta ante los tribunales los documentos que alguien necesita para divorciarse, tramitar una sucesión, iniciar un desalojo o transferir una propiedad, sin ser abogada y sin dar asesoramiento legal. Su cliente es alguien del Inland Empire con un problema legal concreto que no puede pagar un abogado.
Lo que había antes funcionaba como una tarjeta: nombre, teléfono y poco más. No explicaba qué es una Asistente de Documentos Legales, no listaba los trámites y no ofrecía otro contacto que llamar. Veintinueve años habían construido una reputación que vivía en la memoria de los clientes anteriores, y cuando esa red no producía consultas no había ningún otro canal. Lo que pidió la clienta, textual, fue: «que la gente entienda que no soy abogada pero que sé lo que hago». Esa frase terminó siendo el criterio de toda la pieza.
Vender una categoría que nadie sabe que existe. La mayoría cree que hay dos caminos: pagar un abogado o arreglárselas solo. La categoría intermedia es desconocida, y nadie busca lo que no sabe nombrar. Estructuramos el sitio alrededor del momento de necesidad —«me estoy divorciando», «murió mi papá», «tengo que desalojar»— en vez de alrededor de la profesión, con el mecanismo explicado en cuatro pasos desde la portada y el contenido entrando por la pregunta, no por el servicio.
Construir autoridad sin poder prometer nada. La regulación prohíbe garantizar resultados, prohíbe asesorar y además obliga a exhibir un descargo. Un sitio que genera confianza normalmente se apoya en promesas, y acá estaban vedadas. Apoyamos la autoridad en hechos verificables —año de fundación, número de registro, condición de afianzada, el hecho de que presenta ella misma los documentos— y diseñamos el descargo obligatorio como credencial visible y bien compuesta, no como letra chica. Lo que la ley obliga a decir terminó funcionando como argumento de venta.
La palabra prohibida. En español hay una trampa específica: «notario» designa a un abogado en casi toda América Latina, y la ley de California prohíbe que quien no es abogada la use para promocionarse. Pero es justamente la palabra que el cliente hispanohablante busca. Lo resolvimos nombrando siempre el acto —«notarización»— y nunca a la persona, auditando línea por línea todo el vocabulario en español contra esa restricción.
Dos idiomas sin partir el sitio en dos. Un conmutador que cambia el texto en pantalla es invisible para los buscadores: hay una sola dirección y el español no se indexa nunca. Duplicar el sitio duplica el mantenimiento y arriesga penalización por contenido repetido. Le dimos a cada idioma su propia dirección, hicimos que cada página llegue ya escrita en vez de armarse en el navegador, y que cada versión declare cuál es su equivalente. Veintisiete páginas indexables, siete de ellas en español, una sola pieza que mantener y un peso apenas seis por ciento mayor que el sitio monolingüe.
Decidir dónde invertir sin ningún dato histórico. No había analítica previa ni idea de qué servicio genera más demanda, e invertir en publicidad así es apostar. Lo hicimos al revés: primero la medición de consultas y llamadas, después un programa de investigación —demanda por servicio y por idioma, competencia local, estacionalidad, referencias de costo del rubro, listas de exclusión y marco regulatorio de la publicidad legal— y recién entonces la estrategia.
Tipografía. Títulos en Hedvig Letters Serif, una serif de un solo peso, con interlineado 1.05. Texto en Libre Franklin, de 300 a 700, a 1rem con interlineado 1.65. Descartamos una serif de serifas gruesas tipo slab, que lee como litigio y agresión, lo contrario del posicionamiento; y descartamos resolver todo con una sola sans, correcto pero sin ninguna señal de antigüedad. La serif aporta los veintinueve años, la sans la claridad de trámite.
Color. Fondo crema #FAF7F1, con dos escalones más para separar secciones. Azul institucional #003087, con una variante profunda para los fondos oscuros. Y un dorado #F0B000 como único acento, con una versión oscurecida para cuando funciona como texto sobre claro y necesita contraste legible. Descartamos el blanco puro con grises fríos, que es el default del rubro y produce frialdad clínica: el crema hace que la página se lea como papel, que es literalmente el producto. El dorado entra como calidez que compensa la dureza del azul de tribunal.
Forma, espacio y ritmo. Radio de esquina de 2 píxeles en todo el sistema: descartamos el radio grande y redondeado, que lee como aplicación de consumo y erosiona la señal institucional. Contenedor de 1200 píxeles con márgenes laterales elásticos entre 20 y 64 según el ancho. Y un solo elemento repetido ordena todas las secciones: el antetítulo en mayúsculas, con espaciado de letra de 0.22em y una regla dorada de 34 píxeles a la izquierda.
Movimiento. Los bloques aparecen con un desplazamiento vertical de 26 píxeles en 0,8 segundos, escalonados de a 80 milisegundos. La barra superior mide 84 píxeles y pasa de transparente sobre la fotografía a crema translúcido con desenfoque al desplazarse, cambiando el logotipo de blanco a azul en el mismo gesto. El criterio, en una línea: que el movimiento acompañe la lectura y nunca la interrumpa.
Fotografía. Ambientes y personas reales. Descartamos de plano el repertorio visual del rubro —martillos, balanzas, columnas, bibliotecas de tomos— porque es iconografía de abogado, y todo el proyecto se sostiene sobre la distinción de que ella no lo es.
El estudio pasó de una tarjeta digital a veintisiete páginas indexables en dos idiomas, con los seis servicios explicados en detalle y doce artículos que responden las preguntas previas a la contratación. El español no es una traducción oculta: son siete direcciones propias que un buscador puede mostrarle a quien busca en ese idioma, en un condado donde lo habla una porción enorme del mercado.
Queda además un sistema visual documentado —paleta, tipografía, escala de espaciado, criterio fotográfico y de movimiento— que permite sumar páginas sin volver a decidir nada. Y por primera vez en veintinueve años el negocio puede responder lo que antes era imposible: cuántas consultas llegan, por qué vía, desde qué servicio y en qué idioma.
DeLapp Builders es una empresa familiar de remodelación en Riverside, California, en manos de la tercera generación de contratistas de la familia desde 1981. Cocinas, baños, gabinetes y remodelaciones completas, con un solo equipo y un proyecto a la vez. Vive del boca en boca: la reputación personal del dueño es, literalmente, el producto.
No tenía sitio. Su única presencia pública eran unas fotos sueltas en una red social, sin criterio de marca, y las reseñas de Google. Ese vacío le costaba plata: cada consulta dependía de que alguien ya lo conociera, sin forma de mostrar el volumen real de trabajo ni de generar confianza con quien nunca había oído hablar de él. El pedido fue directo: un sitio del nivel de otro que ya le gustaba, con identidad propia, no una plantilla genérica de contratista.
Ordenar más de cien fotos de obra sin que se conviertan en ruido. La familia entregó un archivo de más de cien fotografías reales, tomadas con teléfono y sin ningún orden. El problema no era mostrarlas: era decidir cuáles cuentan la historia correcta, evitar que tres ángulos del mismo ambiente saturen la grilla, y que la página siga cargando liviana en un celular. Dos pasadas de curación —primero descarte por calidad y duplicación, después clasificación por ambiente— dejaron una galería de 54 fotos en cuatro categorías, que se muestran de a ocho.
Blindar el lenguaje con lo que el negocio puede respaldar. Un contratista licenciado no se puede dar el lujo de que su propio sitio prometa de más. En la revisión aparecieron ajustes de precisión: un servicio que figuraba pero ya no formaba parte del negocio salió por completo, la forma de describir el trabajo de gabinetes se corrigió para reflejar exactamente cómo se fabrican e instalan, y el modo de hablar del equipo se ajustó a cómo se arma cada obra en la práctica. Cada una de esas frases cambia lo que un cliente espera el día que el contratista entra a su casa, así que se revisó línea por línea hasta que el texto dijera exactamente lo que el negocio sostiene.
Construir confianza suficiente para dejar entrar gente a tu casa durante semanas. Es una decisión que no se puede probar antes de tomarla, y el lenguaje del rubro está gastado: todos dicen ser el contratista de confianza. La construimos en capas concretas: la licencia estatal visible desde el primer scroll, la continuidad familiar de tres generaciones como argumento central de marca, y reseñas reales sin una sola inventada.
La identidad ya existía, sin que la familia lo supiera. Usaban informalmente el dibujo de un mago con varita, sin ningún sistema alrededor. En vez de diseñar una marca desde cero, lo tomamos como punto de partida y lo llevamos a identidad completa. La paleta siguió el mismo criterio: se descartó el verde salvia inicial y el azul cobalto salió de un azulejo español azul y blanco de una de sus propias cocinas, la misma foto que la familia ya había elegido como portada de su página. El color de la marca estaba adentro del trabajo.
Capturar consultas sin dejar al cliente atado a quien le hizo el sitio. Desde el principio se sabía que el sitio iba a terminar en un servidor de la familia, no en uno mío. Eso puso una restricción real sobre el formulario: tenía que seguir funcionando sin depender de ninguna herramienta externa que ellos no pudieran operar después. Se resolvió con un sistema de envío autocontenido, alojado dentro del propio sitio, que entrega cada consulta directo a la casilla del negocio, sin cuentas de terceros que administrar.
Entregar el control sin entregar un manual de construcción. La familia decidió administrar el dominio y el servidor por su cuenta. Eso significaba dejar el sitio funcionando en su propio alojamiento con instrucciones suficientes para instalar actualizaciones futuras, sin convertir la documentación en un curso de cómo está hecha cada pieza. Cerró con el sitio migrado, verificado en el dominio final y una guía acotada a lo operativo.
Tipografía. Títulos en University Roman, de trazo fino y mucho carácter, elegida porque conecta directo con el ícono del mago. Cuerpo en Barlow, una sans neutra, para que los párrafos largos —reseñas, historia familiar— se lean livianos frente a un título con tanta personalidad. Es lo contrario de la sans genérica que usa casi todo el rubro.
Color. Azul cobalto #2D5F86, con variante clara #6FA3C7 y oscura #1F3F5C, sobre una base cálida de lino y crema (#F5F1E6 y #FBF8F1). Dos bloques oscuros cortan el recorrido y le dan respiración a una página larga. Se descartó el verde salvia de la primera paleta: el azul no se eligió por gusto, se extrajo del trabajo del propio cliente.
Fotografía. Cero fotos de banco y cero recreaciones: cada imagen es una obra real terminada, recortada a una proporción 4:3 consistente para que la grilla se vea prolija sin perder el carácter documental de una foto tomada en la obra.
Movimiento. La portada rota entre cuatro fotos con un cruce suave cada seis segundos y un zoom lento sobre cada una, para que la primera impresión no se sienta estática. El resto de la página se revela con una aparición suave al hacer scroll. Todo el movimiento se apaga para quien tiene configurada la reducción de movimiento en su dispositivo.
Estructura. Una sola página larga de recorrido narrativo: portada, trayectoria, servicios, el método de la familia, especialidad en cocinas, galería, historia, reseñas, zona de cobertura y cierre. El ancho de contenido se fijó en 1240 píxeles para que las fotos respiren sin perder intimidad de lectura.
DeLapp Builders pasó de no tener sitio a tener una presencia digital completa: una galería curada de 54 fotos reales organizadas por ambiente, un sistema de consultas que llega directo al correo del negocio sin pasos manuales, y una identidad de marca propia construida a partir de un símbolo que la familia ya sentía suyo.
El sitio está publicado y funcionando, alojado y administrado de forma completamente independiente por la familia. Ese era el objetivo desde el primer día, y condicionó decisiones que se tomaron meses antes: el formulario que no depende de nadie, y una documentación pensada para que puedan seguir solos.
Ebmeyer's Plumbing es un servicio de plomería familiar en Apple Valley, California. Lo atiende una sola persona, con matrícula estatal activa desde 1994, en una zona extensa y de baja densidad que cubre cerca de diez localidades del High Desert. Pérdidas, destapaciones, calefones y cañerías: emergencias y trabajos programados.
Antes había un sitio armado sobre una plantilla genérica: una franja superior color vino, un fondo con ondas celestes sin relación con el oficio, una insignia circular de «llamar ahora» y tres enlaces sueltos sobre texto plano. Cumplía la función de estar online, pero no comunicaba nada del oficio ni de la persona detrás. El negocio necesitaba algo más urgente que estética: una forma de convertir a alguien con un problema doméstico real en una llamada, en el momento exacto en que está decidiendo a quién llamar.
La urgencia como principio de diseño. A un plomero se lo busca con el agua corriendo por el piso: es un rubro donde la decisión de compra puede tomar segundos en vez de días. Eso obligó a invertir el orden habitual de un sitio. El teléfono y el triage de problemas quedaron arriba de todo, antes que cualquier presentación institucional, y se sacó del camino todo lo que un visitante apurado no necesita decidir en ese momento.
El sistema ya existía, en la cabeza del plomero. Lo único que el cliente pidió conservar explícitamente fueron sus cinco categorías de problema: las que ya usaba para triar pedidos por teléfono, porque le funcionaban en la calle aunque nunca las hubiera pensado como una pieza de diseño. En vez de reemplazarlas por un formulario genérico, se convirtieron en la primera pantalla del sitio. Cada categoría manda el pedido directo, con la dirección y la urgencia ya cargadas.
Prometer el precio antes de empezar, en un rubro que no lo hace. El sitio se construyó alrededor de decir el costo antes de arrancar el trabajo, que es lo contrario de la práctica habitual del oficio. Sostener esa promesa sin poder cotizar a ciegas exigió resolverla como proceso —qué pasos siguen a un pedido— y no como una cifra fija imposible de garantizar de antemano.
Un negocio de una sola persona, sin que se lea como una limitación. El mismo hombre atiende desde 1994: es un activo de confianza enorme y a la vez un techo real de capacidad. Construimos el mensaje sobre la continuidad y el trato directo, sin caer en el lenguaje de «equipo» o «cuadrilla» que no existe, ni prometer una disponibilidad permanente que tampoco es real. Y la zona de servicio se fijó con un criterio explícito de hasta qué localidades listar, en vez de exagerarla para parecer más grande de lo que la operación sostiene.
Mostrar un oficio que casi no se ve. Gran parte del trabajo de un plomero pasa debajo de una pileta o dentro de una pared, y no había material fotográfico de trabajos reales. Lo resolvimos con un sistema de tres niveles: motivos gráficos simples para ambientar, ilustración pintada para explicar objetos y procesos, y fotografía real reservada exclusivamente para lo que prueba que el negocio existe —la camioneta, la matrícula pública, las reseñas genuinas—. La regla fue estricta: la ilustración explica, nunca simula competencia.
Una de esas ilustraciones llegó con un tramo del grabado ilegible, y había que corregirlo sin perder la textura de aguafuerte del resto de la pieza. Se reconstruyó a mano, repitiendo y ajustando curva por curva secciones limpias del propio grabado, hasta que el remiendo quedó invisible incluso de cerca.
Tipografía. Un par de dos familias. Titulares con ecos de la rotulación comercial americana de mediados de siglo —la misma tradición de la que salen el logotipo cursivo del negocio y el rotulado de la camioneta— y un cuerpo en una gótica de líneas limpias, en la línea de los catálogos de ferretería clásicos: legible, sin adornos, hecha para leerse rápido.
Color. Paleta acotada a cinco tonos: un rojo oxblood profundo como color de marca, un mostaza cálido como acento, un papel casi blanco de fondo, una tinta oscura para el texto, y un celeste de agua reservado exclusivamente para los motivos de gotas y pérdidas, nunca usado como color general de interfaz, para que mantenga su carga de significado.
Movimiento. Intensidad deliberadamente moderada en todo el sitio, con una sola excepción: una sección que se ancla en pantalla mientras el visitante baja, y en la que una pérdida de agua avanza a medida que se desplaza. Dramatiza en el momento justo la sensación de urgencia que trae a alguien al sitio, sin convertir el resto de la experiencia en un espectáculo.
Estructura. Orden pensado de lo urgente a lo considerado: el triage de problemas primero, los servicios después, la prueba de confianza —matrícula, antigüedad, reseñas— a mitad de camino, y el formulario de contacto siempre a un scroll de distancia.
El sitio está en vivo en el dominio propio del negocio, indexado en buscadores, y recibiendo pedidos reales a través del formulario, que llegan de inmediato al dueño con la dirección y la urgencia ya cargadas.
Cada etapa se aprobó sobre capturas reales antes de publicar, y quedó documentación clara de los términos del servicio para que no haya ambigüedad sobre qué incluye y qué no. El negocio pasó de una plantilla que sólo cumplía con estar online a una pieza que trabaja en el momento exacto en que alguien decide a quién llamar.
FinancePro es una plataforma de finanzas para un negocio que cobra y paga en más de una moneda. No fue un encargo: se construyó para un problema propio, llevar a la vez las finanzas personales y las de una empresa que factura en dólares, gasta en pesos y opera en México.
Antes todo vivía en una planilla que se rehacía cada mes: una pestaña por cuenta, una por categoría, una de resumen y una columna de cotización actualizada a mano. Tres monedas, catorce cuentas, y una empresa cuyos movimientos había que separar de los personales fila por fila.
Lo que se rompía no era la eficiencia sino la confianza en los números. El pasado no se quedaba quieto: con una sola celda de cotización, actualizarla en agosto reescribía marzo, y eso vuelve imposible la pregunta más básica de un negocio, la de si este mes fue mejor que el anterior. El cierre llegaba bien entrado el mes siguiente, cuando la decisión que dependía de ese número ya se había tomado a ciegas. Y sin una regla escrita, un gasto de uso personal pagado con la cuenta de la empresa se resolvía distinto según el mes.
Comprar algo hecho no alcanzaba. Los agregadores personales asumen una moneda y un país, y no modelan una empresa. Las herramientas contables sí la modelan, pero son de registro: miran hacia atrás, y su multi-moneda resuelve la conversión contable, no la pregunta del negocio. Ninguna acepta la premisa de origen: que la persona y la empresa son la misma economía, y hay que poder verlas juntas y separadas sin cambiar de herramienta.
La moneda de la verdad. Cada movimiento queda fijado al cambio del día en que ocurrió, y ese valor no se toca nunca más. Suena obvio, pero obliga a aceptar algo incómodo: los saldos históricos dejan de sumar contra la cotización de hoy. Las alternativas se descartaron por lo que rompían. Convertir todo al cambio actual, que es lo que hacía la planilla, da saldos coherentes hoy pero destruye la comparación entre meses. Un promedio del período suaviza los saltos, pero inventa un número que no ocurrió nunca e impide reconciliar contra un extracto real. La fecha del movimiento es la única que permite auditar: cada cifra corresponde a algo que pasó. Cuando hace falta el valor de hoy, se muestra aparte y etiquetado, sin reemplazar al original.
Personal y negocio sin un tablero aparte. Duplicar la aplicación en dos modos era lo fácil, y se descartó porque la mitad de las preguntas útiles cruzan los dos mundos. La pertenencia se resolvió como regla del modelo y no como filtro de pantalla: un movimiento es de la empresa si está marcado como tal o si vive en una cuenta que la empresa posee. Al ser una sola regla, ninguna pantalla puede contradecir a otra. Encima hay un único control de ámbito, y el usuario siempre sabe qué está mirando porque hay un solo lugar donde eso se elige.
Mostrar el futuro sin prometerlo. Proyectar obliga a separar lo comprometido, lo probable y lo supuesto. La proyección se arma sobre lo ya registrado y se dibuja siempre punteada frente a las líneas sólidas del pasado: esa distinción hace el trabajo que un descargo no hace, porque nadie confunde una línea punteada con un hecho. Al lado hay un simulador donde se cambia un supuesto, un cliente que paga tarde o un gasto fijo nuevo, y se ve el efecto. Es una herramienta para pensar, no un pronóstico para creer.
La densidad. Una pantalla de finanzas tiene muchos números y se vuelve ilegible. Se resolvió en tres niveles: cuatro cifras grandes arriba que contestan «cómo vengo» de un vistazo; abajo, secciones plegables que responden una pregunta cada una y recuerdan si las dejaste abiertas; y adentro, el detalle. Lo secundario no se elimina, se pliega. Todas las secciones comparten la misma anatomía, de modo que la posición de los controles no cambia nunca.
El color que ya significa algo. En finanzas el verde y el rojo están ocupados: son ingreso y egreso. Eso obligó a sacarlos del juego para todo lo demás, así que la paleta de series se construyó sin ninguno de los dos y se validó como conjunto sobre fondo blanco para el caso más exigente, una torta donde cada porción toca a todas las otras, comprobando también su separación bajo daltonismo. Donde un número es bueno o malo según el contexto, el color nunca viaja solo: lo acompaña una palabra o un porcentaje.
Que cargar no sea una tarea. Toda herramienta de finanzas muere el día en que se deja de cargar. El formulario propone la fecha de hoy, la cuenta más usada y el cambio del día ya resuelto, sugiere la categoría según lo que se escribió, y adjunta la factura en el mismo paso leyendo sus datos.
Tipografía. Una sola familia para texto e interfaz, Geist en cuatro pesos, con los títulos de interletrado ajustado. Para toda cifra, Geist Mono. Se descartó una serif de display en los títulos: daba carácter, pero peleaba con la lectura de tablas densas.
Color. Fondo de página #F6F7F9, un blanco roto levemente frío y no un gris neutro; tarjetas en blanco puro para que floten sin necesidad de sombra fuerte; tinta #0A0B0F, bordes #E1E4EA, texto secundario #6C717F. Un único acento, azul eléctrico #0A60FF, con su lavado #EBF2FF para estados activos. Semánticos: egreso #E4494C, ingreso #0D9668. Las series de gráfico van en orden fijo y nunca cíclico. Se descartó la barra lateral azul oscuro del principio: le robaba peso al único acento y hacía que todo lo demás pareciera apagado.
Los números. Es donde se jugó más detalle. Toda cifra va en tipografía monoespaciada con cifras tabulares, de modo que las columnas se alinean por posición y un monto no cambia de ancho al actualizarse. Los importes van siempre alineados a la derecha. Un negativo no se muestra entre paréntesis, como en la contabilidad clásica, porque es ilegible para quien no es contador: va con signo menos y en rojo. Y un monto en moneda extranjera se muestra en su propia moneda, grande y con su símbolo, y debajo, en cuerpo menor y color secundario, el equivalente en dólares precedido de un ≈: ese símbolo dice «esto es una aproximación de hoy» y evita que alguien lo lea como el monto real.
Espaciado y forma. Escala de 4 píxeles con saltos en 4, 8, 12, 16 y 24. Radio base de 12 píxeles, 16 en tarjetas y 8 en controles internos; todos los campos de formulario comparten un mismo radio para que ninguno parezca de otra familia. Sombra mínima: separa el borde, no la sombra.
Navegación y movimiento. Barra lateral fija con tres grupos en vez de una lista larga; se descartaron las pestañas superiores, que con nueve destinos obligaban a un menú desbordado. Del movimiento, casi nada: transiciones de color de 150 ms y el despliegue de las secciones, sin animaciones de entrada en los números, que en una herramienta que se abre veinte veces por día molestan.
FinancePro está en uso diario desde marzo, sin interrupciones, llevando en un solo lugar tres monedas, catorce cuentas y la separación entre lo personal y lo de la empresa.
La planilla que se rehacía cada mes ya no existe. Los meses cerrados dejaron de moverse, y uno cerrado hoy vale lo mismo dentro de un año, lo que hizo posible por primera vez comparar períodos, de semanas a años, en un mismo gráfico. Si el negocio es rentable por separado dejó de depender de una revisión fila por fila y pasó a ser una regla del sistema. Y el cierre de mes dejó de ser una tarea de planilla: hoy es un reporte que se genera con sus comprobantes.
Un CRM de mercado está hecho para vender: todo cuelga del contacto y del negocio cerrado. Este está hecho para coordinar. El objeto central es el viaje, con todas sus reservas colgando de él, cada una con su proveedor, su horario y su comisión. Es la diferencia entre un embudo de ventas y una operación que hay que ejecutar sin que se caiga nada.
Todas las reservas de un viaje en una pantalla, con su estado. Nadie abre cinco fichas para saber cómo viene un fin de semana.
Una villa pide entrada y salida; un traslado, vuelo; un chef, menú y alergias. Cada tipo muestra lo suyo y nada más.
Cada servicio con su neto y su margen, y el total se calcula. Nadie escribe un número a mano.
El valor de un viaje se calcula con honorarios más comisión de lo que efectivamente ocurrió, no con un campo que alguien completa.
Cada uno abre lo suyo y se actualiza solo, con reglas sobre qué se muestra y qué se queda la agencia.
Cliente y proveedor no son la misma ficha. Sin eso no se puede medir, ni filtrar, ni cobrar bien.
Una planilla con varias monedas miente sin querer: cada vez que la abrís convierte todo al dólar de hoy, y el resultado de marzo cambia. Esta plataforma fija cada movimiento al cambio del día en que ocurrió. El pasado queda quieto. Y sobre esa base que no se mueve, en lugar de explicarte el mes que terminó, te muestra el que viene.
Cada movimiento queda fijado al tipo de cambio de su fecha. Cerrás marzo una vez y marzo no vuelve a moverse, aunque el dólar salte en abril.
Tus cuentas y las de la empresa conviven en un solo lugar sin mezclarse nunca en el mismo número. Mirás solo la empresa, solo lo tuyo, o todo junto.
No solo qué pasó: si llegás a fin de mes, en qué semana se hace el pozo, y qué cambia si un cliente paga tarde o si sumás un gasto fijo.
Lo que planeaste y lo que gastaste, por categoría, en la misma pantalla. Te marca dónde te estás yendo mientras el mes corre, no cuando ya terminó.
La factura queda pegada a su movimiento y el sistema le lee los datos en vez de que los tipees. Cuando alguien pide respaldo, no hay que salir a buscarlo.
El paquete para el contador, con los movimientos del período y sus comprobantes, se arma solo. Nadie vuelve a rehacer la misma planilla.
Un negocio local casi siempre entra a la pelea con las reseñas en contra. R&R tenía siete; sus competidores 78, 110, 137 y 416. Ganar por cantidad no era una opción, así que se cambió la moneda de la prueba. Un sitio que muestra obra propia, credenciales verificables y el teléfono donde el cliente lo busca no compite por elogios: compite por evidencia.
Antes de escribir una línea se audita qué muestra el resto del rubro en la zona. De ahí sale el terreno donde el negocio puede ganar, que casi nunca es el que el dueño supone.
55 proyectos en seis categorías con filtros, de a seis por vez. El que entra ve obra terminada y elige mirar lo que se parece a lo suyo.
Un cliente llegó con más de cien fotos de obra sacadas con teléfono y sin orden. Dos pasadas dejaron 54 en cuatro categorías: entra lo que prueba, sale lo que repite.
En un caso se descartó la reserva de turnos online porque el dueño no atiende herramientas digitales, y todo se concentró en el teléfono. Un canal que nadie contesta espanta más de lo que trae.
El triage de un plomero son las cinco categorías que ya usaba por teléfono. Cada una manda la consulta con la dirección y la urgencia adentro, así la primera llamada no arranca de cero.
Las fotos de un sitio pasaron de 50,2 MB a 5,4 MB sin perder detalle. El sitio de un oficio se abre desde una obra o un estacionamiento, no desde una oficina con fibra.
Un sitio corriente explica a qué se dedica una marca. Este tiene que demostrarlo antes de que alguien lea una palabra. Cuando competís por diseño, el sitio es la primera muestra de trabajo que ve un cliente: si se ve genérico, ya contestó la pregunta. Dirección visual propia, movimiento usado una sola vez y una pieza que no existe en ningún otro lado.
El color no decora, ordena. En un sitio el celeste está 16 a 1 sobre el dorado, medido sobre la captura real del producto. En otro, el naranja marca una sola cosa: todo lo que se toca.
En servicios legales la regulación prohíbe prometer resultados. El descargo obligatorio se diseñó como credencial visible en vez de letra chica, con papel crema y esquinas de 2 píxeles para no leerse como una app de consumo.
En una agencia se descartaron cinco efectos para dejar uno. La apertura aterriza exactamente sobre el logo del encabezado, y recalcula el punto de llegada cada vez que cambia el alto de la pantalla.
En un sitio el scroll avanza la decisión del usuario en cuatro etapas, revisada en diez puntos del recorrido. Es la parte que no sale de ninguna plantilla.
Un cliente no tenía con qué mostrar su app. Se resolvió dentro del propio sitio: nítido en cualquier pantalla, sin sesión de fotos y con costo de producción cero.
Cambiar de idioma no cambia solo el texto. En un caso cambia la vía por la que te contactan; en otro, cada idioma tiene su propia dirección. Dos mercados, no una traducción.
Acá no se arranca por la solución. Primero se define el problema, y recién después se decide qué construir. Antes de escribir una línea se audita lo que ya existe: en un CRM la pantalla mostraba 16.456 tareas y en el respaldo había una sola. Empezar por ahí cambia lo que se construye, y a veces cambia si vale la pena construirlo.
En un sitio se armó a mano la equivalencia de 2.487 valores de filtro. La regla obvia habría cargado todo bajo el criterio equivocado, y nadie lo habría notado nunca.
Cuando una decisión se puede medir, se mide, y deja de depender del gusto de nadie. Es lo que evita las tres reuniones que no llegan a ninguna parte.
Antes de gastar en producción se define cuántas piezas entran y cuándo se corta: tres pruebas, y si no salen dos utilizables se cierra ese camino. El presupuesto tiene un límite escrito, no una intención.
792 reservas pasaron con su viaje y su proveedor, sin una sola excepción. Antes de tocar nada hubo una corrida en seco de 5.171 filas. El negocio no paró un día.
En un sitio que iba a terminar en el servidor de una familia, el formulario se hizo sin depender de servicios externos. Nadie hereda una cuenta ajena que un día deja de andar.
Queda escrito el sistema: paleta, tipografía, escala de espaciado y criterio de uso. El equipo suma páginas nuevas sin volver a decidir nada ni volver a llamarme.
