El producto vive dentro de un flujo oscuro, adyacente al chat. El sitio de marketing tenía que sentirse como un cuarto en el que el producto vive, no una página de producto blanca luminosa vendiendo un producto oscuro.
Qué necesitaban
Un SaaS de revisión de diseño en etapa Serie A, vendiendo a compradores VP-de-Diseño y CTO que ya habían sido quemados por feedback en Slack. El sitio tenía que reformular el problema antes de mostrar la respuesta del producto, después mostrar la respuesta del producto en fidelidad real, y después manejar precios sin una trampa de llamada de descubrimiento.
Las páginas de producto en 2026 default a canvas brillante e ilustración abstracta. El producto de LayerCue es una interfaz oscura, adyacente al chat. Un sitio brillante habría creado una discontinuidad: haces click en Start Free y aterrizas en un sistema visual completamente distinto. El sitio tenía que sentirse como el mismo cuarto que la app.
Qué enviamos
Una landing page de canvas oscuro organizada alrededor de los momentos en que la revisión de diseño se rompe. Hero con un headline con gradiente (Design review, without the chaos.), dos CTAs y una captura real del producto abajo del fold. Un grid de cuatro tiles enmarcado como los momentos en que el workflow falla, no las features que envía. Una sección de deep-dive con un diagrama animado de interfaz (de threads dispersos de Slack a una sola fuente de verdad). Preview de precios con un tier gratis para trabajo solo al lado del plan de equipo. Testimonios de clientes con nombre de equipos que se cambiaron de Slack. Un FAQ que trata las objeciones como preguntas inteligentes. Strip de logos de integraciones. CTA de cierre.
El headline de precios lee Free for solo work. Worth it for the team. — reformulando los dos tiers como dos casos de uso en vez de dos precios. Un visitante evaluando para sí mismo no tiene que decidir si el plan de equipo vale $X por asiento antes de saber si la herramienta funciona.
Decisiones de diseño
Canvas oscuro en todo el sitio. Headline con gradiente morado que hace eco al color de acento en producto. Cuando un lector hace click en Start Free y aterriza en la app, el sistema visual no cambia; el sitio de marketing y el producto son un cuarto continuo.
Capturas reales de producto en fidelidad, no ilustraciones simplificadas. La captura en el hero muestra un thread de revisión real con comentarios reales sobre un flujo de checkout real. Ilustración de producto abstracta en un sitio de SaaS es un tell de que el producto no vale la pena mostrar.
El grid de features es problem-first. Cada tile nombra un momento en el que el workflow actual se rompe (capturas en Slack, changelogs que nadie lee, decisiones que mueren en threads, revisión que se vuelve una junta) antes de mostrar la respuesta del producto. Los compradores ya conocen el dolor; el sitio lo valida antes de vender.
- Paleta dark-first que conecta visualmente el sitio de marketing con la interfaz del producto.
- Capturas reales de producto en el hero, en el deep-dive y en la sección de detalle de app. Sin ilustración abstracta.
- Tier gratis-para-solo enmarcado como un caso de uso, no un descuento — Free for solo work. Worth it for the team.
- FAQ escrito como objeciones que un comprador real levantaría, no setups de marketing que la respuesta quiere.
Qué cortamos
Sin widget de live-chat. El chat de SaaS en Serie A es casi siempre un chatbot respondiendo FAQs; la página de FAQ real hace ese trabajo mejor y no persigue al lector.
Sin CTA de book-a-demo arriba del fold. El tier gratis es el CTA. Un funnel demo-first en un producto self-serve le dice a un comprador desarrollador que el equipo de ventas guardea el producto.
Sin case studies de clientes. Serie A: no hay suficientes clientes enviados para correr una página de case studies que se lea como profundidad. Testimonios con nombre hacen el trabajo de confianza en esta etapa; los case studies vienen después de Serie B.
Sin strip de logos de prensa. Pocas menciones de prensa a esta altura; un strip flaco habría aplanado la credibilidad en vez de construirla.
Qué está construido para mover este diseño.
Intención de diseño enmarcada contra benchmarks de la industria. Este es un sample del estudio; un engagement real reporta resultados medidos 30 días después del lanzamiento, en el PDF de la revisión de lanzamiento.
CTA de tier gratis arriba del fold en lugar de book-a-demo
Objetivo: Conversión de landing-page-a-signup para SaaS self-serve
Benchmark: Las LPs de SaaS product-led aterrizan en 5 a 12% de conversión de signup al tier gratis; los funnels demo-first convierten 1 a 3% para productos comparables (benchmarks de OpenView + Correlated, 2025).
Capturas reales del producto en hero, deep-dive y detalle de app
Objetivo: Reducir el bounce de 'es esto un producto real'
Benchmark: Las LPs con ilustración abstracta consistentemente subrindan versus LPs screenshot-first en 20 a 40% en tasa de signup para herramientas developer-facing (cohorte de testing de Iteratively, 2024).
Precios en la página, no detrás de una demo
Objetivo: Filtrar inbound mal-encaje antes de que llegue a ventas
Benchmark: Los equipos de SaaS Serie A que publican precios reportan 40 a 60% mayor tasa de cierre en solicitudes de demo inbound versus equipos que ocultan el precio (estudios de intake de First Round).
FAQ escrito como objeciones, no setups de marketing
Objetivo: Tiempo en página y profundidad para personas evaluadoras
Benchmark: La investigación de comprador enterprise consistentemente muestra que los FAQs de objeción-real jalan 2 a 3x más profundidad de scroll que los FAQs de marketing por parte de lectores developer / product-manager (benchmarks SaaS de ProductLed).
Verlo en vivo.
O empieza algo tuyo. Sitio $3,000, Sitio+ $4,000, revisión de lanzamiento incluida en ambos.