Caso de estudio · Marca y web de lanzamiento · 2025
Hacer legible un producto profundamente técnico en un solo scroll.
AEl encargo
NodalconstruyeinfraestructuradeorquestaciónparasistemasdeIAmulti-agente—unproductoquesuspropiosfundadoresnolograbanexplicarconmenosdetresdiagramas.Lastartupestabaasemanasdeanunciarsurondasinnombretrabajado,sinwebysinhistoria.
Necesitaban una identidad y una web de lanzamiento que hicieran el producto legible para dos audiencias a la vez: los ingenieros que lo probarían y los inversores que lo financiarían.
BEl enfoque
La marca parte de la verdad del producto: nodos y conexiones. Un lienzo verde bosque, un único acento verde fósforo y una voz monoespaciada le dan a Nodal la sensación de una terminal en la que confías — técnica, pero deliberada y calmada.
La web se estructura como un argumento, no como una lista de features. Cada sección de scroll responde la siguiente pregunta natural — qué es, por qué ahora, cómo funciona, quién está detrás — y cada afirmación aterriza junto a un fragmento del producto con aspecto vivo.
Porfindejamosdeexplicaryempezamosahacerdemos.Lawebhacepornosotroslosprimerosdiezminutosdecadallamada.
Elies Fontclara · CTO, Nodal
CDiario de construcción
- SEMANA 01
Arqueología de pizarra
Tres fundadores, tres diagramas distintos del mismo producto. El primer día fue hacerlos discutir hasta que sobrevivió un solo diagrama. Ese superviviente se convirtió en la animación del héroe.
- SEMANA 03
La decisión mono
Probamos tres grotesks para los titulares y todo parecía otra startup de IA. Poner toda la voz en JetBrains Mono fue el día que la marca hizo clic — infraestructura, no marketing.
- SEMANA 05
Cortar la segunda página
La página de precios robaba atención al CTA de demo. La plegamos en un párrafo honesto dentro del scroll principal, y las peticiones de demo subieron, no bajaron.
DDecisiones clave
- 01
El diagrama es el héroe
En vez de un eslogan sobre un render de stock, el héroe es un grafo de nodos animado que se ensambla al cargar. El producto se explica solo antes de leer un párrafo.
- 02
Monospace como voz de marca
Etiquetas, métricas y navegación corren en JetBrains Mono. Se lee como infraestructura, mantiene las retículas honestas y hace que el copy comercial suene a documentación fiable.
- 03
Una página, un argumento
La web de lanzamiento es una única página narrativa. Nada que buscar; inversores e ingenieros llegan al CTA de demo en menos de dos minutos de lectura.
- 04
El rendimiento como credibilidad
Una empresa de infraestructura no puede lanzar una web lenta. Salida estática de Astro, cero frameworks de cliente y animaciones amables con el sistema la mantienen rápida en cualquier dispositivo.
EEl resultado
Un lanzamiento que hizo obvio un producto difícil.
- 2×
- peticiones de demo frente a la página de lista de espera
- 38s
- mediana de tiempo hasta recorrer la historia completa
- 100
- de rendimiento Lighthouse en la página de lanzamiento
Nodal anunció su ronda con una web que por fin estaba a la altura de su ingeniería. La identidad corre ahora por el deck, la documentación y el propio producto — un sistema, una voz.
Una nota desde la obra
Lo que te diría antes de un lanzamiento así: la historia de tu producto es una pelea entre lo que construiste y lo que la gente puede absorber en noventa segundos. Gana primero los noventa segundos.
— Ivan Curto
¿Lanzas algo difícil de explicar?
Empezar una conversación