Los registros no son clientes.
Todavía.
The Hat Pack es una agencia de producto y crecimiento de Nueva York. Empecé rediseñando su sitio, pero el cliente replanteó su negocio: nuevo nicho, nuevo público, nuevo producto. Definimos juntos el posicionamiento y la oferta, y construí la identidad y el sitio sobre esa estrategia.
No fue solo un sitio: fue un cambio de estrategia.
La agencia era, en la práctica, una agencia digital más, y hay muchas. El fundador revisó su propia experiencia y decidió reenfocar el negocio. Trabajé con él en dos sesiones estratégicas y, a partir de ellas, diseñé todo lo demás.
- Investigación: mercado, economía del nicho, competencia y cómo resuelven hoy los clientes tareas parecidas
- Posicionamiento: nueva propuesta, nuevo nicho y nuevo público, definidos junto con el cliente
- Oferta y producto: un servicio que no tiene equivalente directo en el mercado
- Identidad visual: Quiet Tech Luxury, mi enfoque de autor; se conserva solo el logotipo
- Sitio en HTML: completo, con animación y versión móvil
No dispongo de métricas de negocio públicas de este proyecto. Las cifras del embudo y del «antes y después» que aparecen en el sitio son ilustrativas y están marcadas como tales.
Empezó con un sitio y terminó siendo una estrategia.
El punto de partida fue el sitio de la agencia, thehatpack.com. Se presentaba como una agencia digital, igual que muchas otras, aunque su fundador tiene experiencia real en fintech y en productos con registro. El sitio no decía nada de eso.
Una de las primeras direcciones de la etapa de rediseño: tipografía editorial sobre fondo claro. Hubo muchas más antes de llegar al sistema final.
Qué vende la agencia, a quién y por qué ahora.
Antes de volver a tocar el diseño hicimos dos sesiones estratégicas. Yo preparé la investigación y propuse el posicionamiento; en las sesiones lo discutimos, lo pusimos a prueba y lo ajustamos juntos. Todo quedó reunido en un informe estratégico, de octubre de 2026, que sirvió de base para el sitio.
- Mercado y economía del nicho: cuánto dinero entra en el sector y cuántos clientes pueden pagar una agencia
- Competencia: diez agencias de Nueva York y alrededores, agrupadas por lo que venden
- Cómo resuelven hoy los clientes tareas parecidas y qué podíamos ofrecerles que fuera realmente nuevo
- Público objetivo y cliente ideal
Más dinero, menos operaciones: clientes menos numerosos, con más presupuesto.
La inversión de capital riesgo en fintech se recuperó en 2025 (51,8 mil millones de dólares, un 27 % más que en 2024) mientras el número de operaciones cayó un 23 %. Hay menos clientes potenciales, pero cada uno con financiación tiene más que gastar y más presión para demostrar tracción.
Inversión de capital riesgo global en fintech, 2019–2025 y primer semestre de 2026. Fuente: Crunchbase (a través de Crunchbase News, Inc. y AI Weekly).
Un hueco que nadie ocupaba.
Los estudios de marca se detienen en el lanzamiento y las agencias de crecimiento traen tráfico a la parte alta del embudo. La activación y la conversión dentro del producto —onboarding, verificación, primer pago— casi nunca se vende como servicio central. Entre las agencias que analicé, ninguna lo ofrece como servicio principal.
Mapa competitivo: dónde trabaja cada agencia dentro del embudo y cuánto se especializa. Valoración cualitativa propia, a partir de los servicios y clientes publicados por cada agencia (octubre de 2026); las posiciones son aproximadas.
Lo que definimos juntos.
Con la investigación sobre la mesa, el fundador y yo definimos de forma conjunta:
- Posicionamiento: una sola promesa, convertir registros en usuarios activos y de pago
- Nicho y público: productos con registro y startups con financiación, en lugar de una agencia digital para todos
- Oferta y producto: formulamos un servicio que no existía en el mercado como tal, con una escalera de entrada en cuatro etapas
- Identidad de marca: nueva, conservando únicamente el logotipo anterior, que para el fundador tiene un valor personal
El 12 de octubre: de dos sectores a un método.
En la sesión del 12 de octubre revisamos la versión 2 del sitio. La idea de fondo del fundador: fintech y proptech comparten el mismo problema, un recorrido de usuario que se rompe entre el registro y el uso activo. Había que vender ese método, no dos ofertas sectoriales. De ahí salieron 19 cambios en la versión 3.
| Versión 2 | Versión 3 | |
|---|---|---|
| Navegación | Fintech · Proptech · Work · Approach · Studio | Why · Work · Us |
| Posicionamiento | Un estudio para fintech y proptech, explicado sector por sector | Una sola oferta: convertir registros en usuarios activos y de pago, para cualquier producto con registro |
| Embudo | Registro → verifica identidad → conecta un banco → primera transferencia | Registro → onboarding → primera acción clave → usuario activo |
| Proceso | 7 pasos | 4 pasos: diagnosticar, planificar, construir, mejorar |
| Páginas de sector | Una página para Fintech y otra para Proptech | Eliminadas; una lista de segmentos compartida |
| Textos | Párrafos largos en cada página | Aproximadamente la mitad, una idea por bloque |
Sin porcentajes prometidos: el enfoque es un método de trabajo —diagnosticar, medir, hacer cambios pequeños y volver a medir—, no una garantía de conversión.
De una lista de servicios al camino del usuario.
Con la estrategia cerrada, el sitio ya no empieza por lo que la agencia vende, sino por lo que le pasa al usuario: se registra, se activa y, con suerte, paga. La promesa cabe en una frase —«We turn signups into active, paying users»— y todo el recorrido se construye sobre ella.
Titular, promesa y el embudo como edificio, con una cota de arquitecto por cada etapa.
Atrapar a la gente cuando duda.
El segundo bloque resume la tesis: las personas no abandonan porque estén confundidas, sino porque aún no están seguras. La frase final va destacada tipográficamente para que sea lo único que se lea de un vistazo.
Cuatro trabajos entre el registro y el usuario activo.
Los servicios se agrupan por el momento del recorrido en el que intervienen, no por disciplina: encontrar dónde se cae la gente, decir lo que el usuario necesita oír, quitar fricción antes de la primera acción clave y retener cuando duda.
Quiet Tech Luxury: tecnología sin ruido.
Es mi enfoque de autor: un lenguaje visual sobrio, con precisión de ingeniería y un lujo discreto. Lo desarrollé para este proyecto después de decenas de iteraciones. La identidad es nueva; solo conservé el logotipo del fundador, que redibujé en vector sin cambiar su forma.
Ocho de las direcciones exploradas: oscura, web3, mint, suiza, clara, luxury, arquitectónica y la final.
Un equilibrio entre producto técnico y público exigente.
El reto era combinar la naturaleza tecnológica del producto, la información compleja que hay que entender en segundos y la estética de quien lo va a mirar: startups entre Seed y Serie A y personas del mundo financiero.
- Ink: un negro cálido que transmite confianza y peso
- Paper: un fondo claro con aire, para que los datos se lean sin esfuerzo
- Stone: un gris tranquilo para el segundo plano
- Red: un único acento, solo donde hay una acción o una idea clave
Paleta de cuatro tonos, Geist para los titulares y Geist Mono para las etiquetas técnicas.
El resto del lenguaje es deliberadamente discreto: filetes de 1 px, cotas de arquitecto en los encabezados de capítulo, iconos de línea y botones de dos piezas unidas que reaccionan al pasar el cursor.
Ocho bloques, un solo recorrido.
El embudo, contado con números.
Un bloque convierte la idea de «registro» en un embudo concreto de cuatro etapas. Las cifras son de ejemplo y están marcadas como ilustrativas: explican el mecanismo, no prometen resultados.
Cuatro formas de empezar.
De FunnelCheck a una auditoría, un proyecto o un acompañamiento continuo. Cada etapa se sostiene sola, así que el cliente puede entrar y parar donde quiera.
El arreglo casi nunca es un botón mejor.
Un ejemplo de antes y después muestra la diferencia entre un mensaje genérico y uno en lenguaje claro, con seguimiento humano y el canal adecuado.
Los porcentajes son ilustrativos.
Ejemplos en lugar de promesas.
Dos casos tipo —una aplicación de presupuestos y una herramienta para negocios de servicios— enseñan el proceso de la agencia con la misma estructura. Cambia el producto, no el método.
Con el experto, no con un gestor de cuentas.
El bloque del fundador reúne una cita de Julian y tres áreas de experiencia. La página cierra con un único botón de contacto.
En el móvil, el embudo se recorre con el dedo.
La versión móvil no es la de escritorio apretada. El menú ocupa toda la pantalla, los casos se desplazan en horizontal y el embudo se completa a medida que se baja por la página, con una cifra por etapa.
El embudo en el móvil, en distintos momentos del scroll.
El movimiento acompaña la lectura: los bloques aparecen al llegar a ellos, los números cuentan hasta su valor, el fondo respira despacio y los servicios se iluminan uno a uno. Todo se desactiva si el usuario tiene activada la opción de reducir movimiento. Revisé el sitio en anchos de 320 a 2560 px.
El mismo lenguaje, del titular al botón.
El proyecto no tiene métricas públicas de negocio. Lo que queda es más que un sitio: una investigación de mercado, un posicionamiento nuevo, una oferta y una identidad definidos con el cliente, y un sitio que los cuenta con un mensaje único, una estructura basada en el recorrido del usuario y un lenguaje visual que no compite con los datos.
