Diseño web para startups: qué páginas necesita de verdad un producto

La web de una startup es un sitio que debe vender un producto que no se puede tocar, a personas que esa misma tarde lo compararán con tres alternativas abiertas en pestañas contiguas y después tendrán que defender la elección ante compañeros que nunca vieron el sitio.

De ahí sale una lista de páginas que ningún otro tipo de web tiene. Una página de precios lo bastante honesta como para reenviarse. Un recorrido de prueba que decide la activación antes de que empiece el acompañamiento. Un directorio de integraciones que es discretamente una de las secciones más visitadas del dominio.

Esta guía trata esas páginas, lo que cuesta construirlas y cómo elegir agencia, porque los resultados de búsqueda sobre esto último son casi todos rankings escritos por las propias agencias.

Una web de empresa describe una compañía. Una web de producto tiene que demostrar el producto, ponerle precio y ofrecer una forma de probarlo sin hablar con nadie. Son tres tareas que un folleto corporativo nunca tiene, y cada una añade páginas e ingeniería más que texto.

El comportamiento de comparación es lo que más se subestima en los briefings. Quien compra software abre tu sitio junto a dos o tres competidores y revisa las mismas cuatro cosas: qué hace, cuánto cuesta, con qué se conecta y si alguien creíble lo usa. Un sitio que responde a tres y esconde la cuarta pierde la pestaña.

La segunda diferencia es la vida útil. Una web de empresa puede estar tres años sin volverse falsa. Una web de producto describe algo que cambia cada pocas semanas: las capturas muestran una interfaz antigua, la página de precios cita planes que ya no existen y el registro de cambios se detiene el trimestre pasado.

Más allá de la portada, una web de producto es un conjunto de páginas que responden cada una a una pregunta de evaluación. Diseñar la portada primero y estas al final es el error de orden habitual, porque casi nada del tráfico cualificado empieza en la portada.

• Una página por caso de uso principal, nombrada como el cliente describe el problema y no como el equipo de producto llama al módulo.
• Una página por integración importante, el tráfico cualificado más barato que existe y la sección que más veces acaba en una rejilla de logos.
• La página de precios, tratada más abajo.
• Un recorrido de prueba o demostración con página propia, no solo un botón en la cabecera.
• Una página de seguridad y cumplimiento con certificaciones, ubicación de los datos y subencargados, redactada para reenviarse sola.
• Casos de cliente con cifras, ordenados por segmento.
• Documentación y registro de cambios, indexados y enlazados desde el sitio en lugar de escondidos en un subdominio.

Para un producto de tamaño medio son treinta a cincuenta páginas antes de la documentación.

La página de precios es la más visitada y la más discutida. Ventas quiere un formulario, marketing quiere cifras y finanzas no quiere nada que ate una negociación. La experiencia se inclina por publicar algo, porque quien no puede estimar el coste anual con un orden de magnitud saca el producto de la lista antes de que nadie pueda vender.

Tres decisiones sostienen la página. Cómo se llaman los planes, porque el nombre es la forma más rápida de decirle a alguien cuál es su fila. Cuál es la unidad de medida, ya que por usuario, por consumo y tarifa plana crean modelos mentales distintos y mezclarlos confunde a todos. Y si el plan corporativo muestra una cifra o una vía de contacto, lo cual es legítimo mientras los planes inferiores sean concretos.

La mecánica importa tanto como la estrategia: un conmutador mensual/anual que enseñe el ahorro, una comparativa legible en el móvil, y en algún sitio una respuesta a qué ocurre cuando un cliente supera un límite.

El recorrido de prueba es donde el diseño web deja de ser una cuestión de diseño y pasa a ser de producto, y por eso se queda entre dos equipos. La página que inicia la prueba pertenece al sitio de marketing; lo que ocurre en los noventa segundos siguientes ya no, y nadie es dueño de la costura.

Dos decisiones lo definen. Si se pide tarjeta, lo que reduce de forma fiable las altas y sube de forma fiable su calidad. Y si la primera pantalla tras el registro abre en un producto vacío o en un estado con datos de ejemplo, porque en un panel vacío mueren la mayoría de las pruebas.

Para productos que piden demostración en lugar de prueba, la misma disciplina aplica al calendario. Un formulario de once campos delante del calendario cuesta reuniones.

Mide dos cifras en vez de solo las altas: la proporción de pruebas que llegan al momento de activación del producto y la proporción de solicitudes de demostración que acaban en reunión celebrada.

Las páginas de integración son el activo menos aprovechado del marketing de producto. Quien busca tu producto junto a una herramienta que ya usa está al final de su evaluación, y una página real que explique qué hace la integración y qué sincroniza convierte mucho mejor que un logo en una rejilla.

La regla es una página por integración que importe, cada una con su dirección permanente y explicando el mecanismo en lugar de afirmar compatibilidad. Diez páginas reales valen más que cuarenta logos.

La documentación entra en el mismo razonamiento. Una documentación pública e indexada atrae búsquedas formuladas como problemas y no como nombres de producto. Mantenerla tras un acceso elimina ese canal, y suele ser una decisión de comodidad más que deliberada.

La velocidad es factor de posicionamiento y de conversión en todas estas páginas; los Core Web Vitals son el umbral que conviene escribir en el contrato.

Según los criterios de la norma ISO/IEC 27001, en la que se apoyan esos cuestionarios, quien revisa comprueba el alcance y la validez del certificado más que la afirmación en sí. En todo lo que se vende a empresas, parte de la evaluación la hacen personas que nunca leen el texto de marketing. Un auditor de seguridad, un responsable de protección de datos y un comprador buscan cada uno un documento, y si el sitio no lo tiene escriben a un comercial o descartan al proveedor.

La página que los satisface enumera las certificaciones con su alcance y su fecha, dice dónde se almacenan y tratan los datos, nombra a los subencargados y enlaza el contrato de tratamiento sin necesidad de conversación. Una página de confianza que afirma tomarse en serio la seguridad y ofrece un formulario no sobrevive a un cuestionario real.

La accesibilidad va aquí y no en un anexo técnico, porque en las compras de grandes cuentas ya se puntúa. El nivel AA de las WCAG 2.1 es la referencia que citan esos cuestionarios.

Las pruebas de cliente son la otra mitad: logos con nombre valen más que anónimos y las cifras más que los adjetivos.

Según nuestros precios publicados, una página única parte de 1.500 € y una web de diez a treinta páginas de 4.500 €. Una web de producto de treinta a cincuenta páginas se sitúa por encima de ese segundo tramo; con área de cliente, varios idiomas o páginas de integración generadas se superan los 12.000 €.

Cuatro factores pesan más que el número de páginas. El número de plantillas, ya que página de caso de uso, página de integración, caso de cliente y página de documentación son cuatro distintas. Quién redacta, que en un producto técnico es la causa número uno de desvío. Si la documentación entra en el alcance o queda en ingeniería. Y si las páginas de integración se construyen a mano o se generan desde una fuente de datos, que es la diferencia entre diez y doscientas.

Presupuesta el año siguiente aparte: alojamiento, parches, nuevas páginas de integración y cambios de precio suponen del 15 % al 20 % del coste al año. Importes sin el 21 % de IVA.

Buscar agencia para una startup devuelve sobre todo rankings escritos por agencias que se colocaron arriba. Útiles para nombres, inútiles para juzgar. Cuatro preguntas separan más rápido, y las cuatro merecen respuesta por escrito antes de firmar.

¿Habéis construido una página de precios para un producto tarificado como el nuestro? Por usuario, por consumo y tarifa plana dan páginas distintas.

¿La documentación entra en el alcance o queda fuera? Esa sola línea explica buena parte de las diferencias de precio entre presupuestos aparentemente iguales.

¿Cuántas plantillas incluye el precio? Es el número de plantillas, no de páginas, lo que marca el coste.

¿Quién redacta y para cuándo? En un producto técnico es la causa más común de lanzamiento aplazado. Nuestra guía de diseño web corporativo compara los tipos de proveedor con más detalle.

Una web de producto de treinta a cincuenta páginas necesita de diez a dieciséis semanas hasta la publicación cuando los contenidos llegan a tiempo, y seis meses o más cuando no. La restricción casi nunca es la construcción. Son las afirmaciones de producto, los precios y las declaraciones de seguridad, que deben aprobar quienes responden de ellas, y esas aprobaciones van en serie.

Tu parte de la lista es corta: una persona con capacidad de aprobar, la lista de páginas cerrada antes del diseño, un responsable de redacción por página con fecha, el modelo de precios confirmado por quien lleva los ingresos, los datos de seguridad confirmados por sus responsables, y los permisos de cliente pedidos pronto porque sus departamentos jurídicos son lentos.

La parte del proveedor cubre estructura, plantillas, implementación, medición, accesibilidad y páginas técnicas. Un proveedor que en la segunda reunión no ha preguntado cómo se tarifica tu producto está presupuestando una web de empresa con capturas.

No programes la publicación en la semana de un anuncio de financiación o de una versión importante.

Para verlo aplicado a un producto real, revisa nuestros ejemplos de diseño web SaaS, con las métricas de Lighthouse del lanzamiento.