Recursos de presentación

Comparar, ampliar y explicar un detalle. Ejemplos de apoyo a una pieza.

Antes y después, juntos

Ejemplo: una reforma, una restauración o un resultado visual.

Sala de exposición sin terminar, con estructuras metálicas, paneles grises y guías de montaje en el suelo.

PRE · estructura POST · experiencia

Arrastra para comparar 50%

La barra se moverá un poco para señalar que puedes arrastrarla.

PRE

El espacio antes de aplicar acabados, luz y contenido.

POST

El mismo espacio terminado y listo para usar.

Toca para ampliar

Pasa el cursor por una imagen. En móvil, toca el detalle que quieres ampliar.

Plano ficticio con cotas de salón y paso libre.

Plano y circulación

Amplía para consultar cotas y pasos del plano DEMO.

100%

Detalle ilustrativo de pieza, junta y soporte; no es una especificación de obra.

Sección de una junta

Consulta el encuentro entre dos piezas y su leyenda.

100%

Muestrario DEMO de Roble, Caliza y Arcilla con referencias legibles al ampliar.

Muestras y referencia

Compara veta, grano y referencia de tres muestras ficticias.

100%

Otras formas de interactuar

Seis patrones conocidos y para qué sirve cada uno.

01 / 06

Puntos que abren detalles

Tocas una parte de la imagen y aparece su explicación.

Encaja en: Producto, arquitectura, obra, formación.

Probar este patrón

Opciones de producto

Cambias color, tamaño o piezas y solo ves combinaciones válidas.

Encaja en: Catálogo, preventa, personalización, simulación.

Probar este patrón

Antes y después

Una barra enseña el cambio en la misma imagen.

Encaja en: Reforma, restauración, datos, resultados visuales.

Probar este patrón

Visita guiada

Cuenta una historia por pasos y permite volver o saltar.

Encaja en: Lanzamiento, museo, onboarding, caso complejo.

Probar este patrón

Sonido opcional

Añade ambiente, pero la experiencia se entiende también en silencio.

Encaja en: Exposición, relato, campaña audiovisual.

Probar este patrón

Guardar lo elegido

Permite recuperar o compartir una configuración.

Encaja en: Configurador, presupuesto, aprendizaje, venta de productos.

Probar este patrón

Aplicación en un proyecto

Comparación y ampliación como apoyo a una explicación de producto. Las imágenes de muestra conservan su identificación y procedencia.

Comentar esta aplicación Elegir otra demo