Oficios · Creación y cultura

El sitio de un software: el beneficio, la prueba, el precio

El beneficio, la prueba, el precio, el botón de prueba, el RGPD que tranquiliza: el sitio de una herramienta en línea, y la maquetación «Software».

Updated · 6 min read

El sitio de un software habla a alguien que ya tiene un problema: presupuestos que se eternizan, una agenda en papel, recordatorios olvidados. Llega escéptico, a menudo ha probado otras herramientas, y busca tres respuestas: ¿resuelve mi problema?, ¿lo usan otros de verdad?, ¿cuánto cuesta? Si las encuentra, prueba. Si no, cierra la pestaña.

Lo que el cliente viene a buscar

  1. El beneficio, en una frase: lo que la herramienta cambia en su día, antes de la lista de funciones.
  2. El producto en acción: capturas reales, un vídeo corto.
  3. La prueba: clientes con nombre, testimonios firmados, cifras de uso verificables.
  4. El precio: los planes, lo que incluye cada uno, sin impuestos o con impuestos.
  5. La prueba gratuita: cómo empezar, y qué dar para registrarse.
  6. La confianza: adónde van sus datos, quién está detrás de la herramienta, cómo contactar con alguien.

El Nielsen Norman Group, que estudia la usabilidad de los sitios de empresa, insiste en el precio: incluso entre empresas, hay que mostrarlo, y si varía, enseñar casos corrientes, un precio de partida o una horquilla. Aconseja también mostrar el producto funcionando, para quien no puede instalar nada sin autorización, y dar el cargo y la empresa del autor de cada testimonio (2019).

La maquetación «Software»

Es la maquetación que el estudio ofrece a las herramientas en línea y a las aplicaciones profesionales: el beneficio, la prueba, el precio, en este orden. Aquí está de arriba abajo:

Maquetación «Software»Fondo: HaloMateria: Cuadrícula

  1. Barra llena
  2. Portada · Centrado
  3. Cifras · Contadas
  4. Dividida · Medio a la derecha
  5. Pestañas · En píldoras
  6. Precios · Oferta destacada
  7. Tabla · Rayado
  8. Testimonios
  9. Llamada · En acento
  10. Contacto
  11. Pie de página · En columnas
Herramientas en línea, aplicaciones profesionales. El beneficio, la prueba, el precio, en ese orden. Las franjas se muestran desnudas, tal como las dibuja la biblioteca, antes de tus textos, tus imágenes y tu fondo.
  • La barra llena tiene un fondo opaco: se lee desde la primera imagen, y el botón de prueba sigue visible en ella.
  • La portada centrada coloca el beneficio en una frase, en el centro de la pantalla, la variante más estable. Su botón lleva a la prueba.
  • Las cifras alinean la fila de pruebas: clientes, horas ahorradas, documentos procesados. Solo números medidos, y fechados.
  • El partido, medio a la derecha, pone una captura del producto a un lado y el texto al otro: una función contada por lo que ahorra.
  • Las tarifas, oferta destacada, colocan los planes en columnas iguales, con lo que incluye cada uno. El plan recomendado se marca con un filete y una etiqueta, nunca agrandando su columna.
  • Los testimonios reúnen varias opiniones: una sola parecería un argumento del vendedor.
  • El contacto da el correo y el teléfono, para el soporte como para la venta, como enlaces reales.
  • El pie en columnas reúne lo que un comprador comprueba al final: aviso legal, privacidad, condiciones generales, documentación.

El fondo de esta maquetación es el vídeo de portada: solo existe en la primera pantalla, y luego el fondo vuelve a ser liso. Es el mejor equilibrio entre efecto y riesgo, y el resto de la página, donde se comparan los precios, conserva su velocidad y su legibilidad. Si el visitante ha pedido menos animación, el vídeo se borra y su imagen de portada se queda. Esta película es una escena creada por una IA de vídeo a partir de tu descripción: da un ambiente, y tus capturas reales van en el partido. La textura es la trama de puntos, una rejilla de puntos de imprenta, pensada para las direcciones técnicas en las que el grano parecería sucio.

El botón hacia la prueba

El estudio monta la página que presenta la herramienta y da ganas de probarla. No gestiona ni las cuentas de tus usuarios, ni sus suscripciones, ni el pago: el botón de la portada, el de la barra y los de las tarifas llevan a tu aplicación, a su página de registro o a tu página de citas para una demostración. Un solo texto, el mismo en todas partes: «Probar», por ejemplo, o «Pedir una demostración».

Di lo que exige la prueba. El Nielsen Norman Group observa que a nadie le gusta dar su tarjeta bancaria para una prueba gratuita, y aconseja limitar el acceso con una dirección de correo. Si tu prueba prescinde de ella, escríbelo bajo el botón, con su duración y lo que pasa al final.

Lo que dicen las reglas: el RGPD, un argumento de confianza

Cuando tus clientes confían a tu herramienta los datos de sus propios clientes o empleados, los tratas por su cuenta: el RGPD te cuenta entonces entre los encargados del tratamiento (artículo 4). Tu cliente sigue siendo el responsable del tratamiento, y solo debe recurrir a encargados que ofrezcan garantías suficientes (artículo 28). Un comprador informado vendrá, pues, a buscarlas en tu sitio.

El artículo 28 exige un contrato escrito, que fije el objeto, la duración, la naturaleza y la finalidad del tratamiento, los tipos de datos y las personas afectadas. El encargado solo actúa según instrucciones documentadas, garantiza la confidencialidad y la seguridad, ayuda a su cliente a responder a las solicitudes de las personas, suprime o devuelve los datos al final del contrato, y permite las auditorías. Solo recurre a otro encargado, un alojador por ejemplo, con la autorización escrita previa de su cliente. En 2025 la CNIL sancionó a encargados que no cumplían sus obligaciones, y recuerda que deben proteger los datos, tratarlos solo según instrucciones y suprimirlos al final de la relación (balance publicado en 2026).

Lo que tu sitio puede mostrar, con claridad:

  1. Dónde se alojan los datos, en qué país, con quién.
  2. La lista de tus propios encargados, al día.
  3. Tu contrato de encargo del tratamiento, descargable incluso antes de registrarse.
  4. Cómo recuperar tus datos y hacerlos borrar al irte.
  5. Un contacto para las cuestiones de datos personales.

Sin olvidar la política de privacidad del propio sitio, y su aviso legal.

Los errores que cuestan pruebas

  • Una portada que enumera funciones en vez de decir lo que se gana.
  • «Contáctenos» como único precio.
  • Una tarjeta bancaria exigida antes de ver la herramienta.
  • Logotipos de clientes sin su acuerdo, testimonios anónimos o inventados: ver las opiniones de clientes en tu sitio.
  • Capturas maquilladas que no se parecen al producto que se descubre después.
  • Ni una palabra sobre los datos: un comprador que tiene que pedirlo por correo se va a otra parte.

Fuentes

  1. Nielsen Norman Group, What B2B Designers Can Learn from B2C About Building Trust (2019)
  2. CNIL, El RGPD, capítulo I: definiciones (artículo 4)
  3. CNIL, El RGPD, capítulo IV: el encargado del tratamiento (artículo 28)
  4. CNIL, Sanciones y medidas correctoras: el balance de 2025 (2026)

Para leer también

Tu sitio, rodado para tu oficio

Describe tu actividad y la escena de tu fondo: el vídeo se rueda para ti, montas la página franja a franja y los textos se escriben dentro.

Crear mi sitio