1380 Red Páginas de destino
Diseños de landing pages en cuadrícula con ofertas enfocadas y estructuras estilo Bento
Una landing page a menudo tiene una oferta principal pero varias razones para creer en ella. En lugar de apilar cada beneficio en una secuencia larga, una landing page en cuadrícula puede presentarlos juntos, permitiendo que los visitantes comprendan la oferta antes de pasar a la siguiente acción. La disposición importa: una cuadrícula uniforme invita a la comparación, mientras que una cuadrícula de estilo Bento utiliza celdas de tamaño asimétrico para llamar la atención sobre un mensaje prioritario.
Elija una cuadrícula según el propósito de la landing page
Para un producto SaaS, una captura de pantalla grande del panel de control junto a tres tarjetas de funciones compactas puede mostrar el producto sin pedir a los visitantes que lean una lista completa de características. La cuadrícula ofrece una vista inmediata de lo que usarían, mientras que una breve declaración junto a ella explica el beneficio.
Una landing page de precios necesita otra cosa: tarjetas alineadas para una comparación directa, con espacio uniforme para nombres de planes, funciones y precios. La oferta determina la cuadrícula, no al revés. Dé a una página centrada en demostraciones más espacio para imágenes; dé a una página de selección de planes columnas más uniformes.
Compare diseños de landing pages regulares y de estilo Bento
Dos disposiciones responden a decisiones diferentes:
- Cuadrícula regular: Las tarjetas de precios o paquetes de igual tamaño facilitan la exploración de opciones comparables una al lado de la otra.
- Cuadrícula estilo Bento: Una celda de cuadrícula más grande contiene una captura de pantalla del producto, con celdas más pequeñas dispuestas a su alrededor para configuración, colaboración e informes.
- Cuadrícula de beneficios mixta: Una tarjeta principal más amplia explica una promesa central, respaldada por puntos de prueba compactos como una integración o un flujo de trabajo práctico.
Para una aplicación de productividad, la versión Bento podría usar una vista previa amplia del flujo de trabajo y tres celdas de funciones. Para tres planes de suscripción, la versión de tarjetas iguales es más útil porque los visitantes necesitan información comparable en posiciones comparables. Use la asimetría cuando aclare la prioridad, no solo porque se vea moderna.
Mantenga la cuadrícula cerca de la acción prevista
El lugar donde coloque la cuadrícula depende de lo que ayude a decidir a los visitantes. Una captura de pantalla del producto puede situarse cerca de un botón «Solicitar una demo»; un conjunto de tarjetas de precios puede conducir a una acción de selección de plan. Rara vez necesitará repetir el mismo botón en cada celda de beneficio.
El Elemento de cuadrícula de Nicepage le permite ajustar las proporciones de las celdas y los espacios tanto para diseños regulares como Bento. El Elemento de botón admite enlaces a páginas y anclas de bloque, de modo que la acción seleccionada pueda conducir al siguiente paso relevante.
Preguntas frecuentes sobre landing pages en cuadrícula
¿Cuándo debo elegir una cuadrícula estilo Bento para una landing page?
Elíjala cuando un beneficio, imagen u oferta merezca más espacio que los puntos complementarios. Utilice tarjetas iguales cuando la tarea principal sea la comparación directa.
¿Debe aparecer la cuadrícula antes de los testimonios?
A menudo sí, pero no siempre. Una cuadrícula de beneficios del producto puede presentar la oferta antes de los testimonios, mientras que una comparación de precios puede funcionar mejor después de los puntos de prueba clave.
¿Necesita cada celda de la cuadrícula su propia CTA?
No. Una acción compartida después de la cuadrícula puede mantener el camino más claro cuando todas las celdas describen una sola oferta.
¿Puedo cambiar las proporciones de las celdas de la cuadrícula en Nicepage?
Sí. El Elemento de cuadrícula ofrece controles para el diseño de sus celdas, incluyendo filas, columnas y espaciado.
Adapte la cuadrícula a la decisión que deben tomar los visitantes
Compare tarjetas de planes, cuadrículas de funciones y presentaciones Bento con el objetivo específico de su landing page. El diseño más eficaz facilita la evaluación de la oferta y mantiene a la vista la siguiente acción.
