Skip to main content

Command Palette

Search for a command to run...

Un ‘antes y después’ creativo y fácil de hacer para tu web

Updated
1 min read
Un ‘antes y después’ creativo y fácil de hacer para tu web

Hay formas muy creativas de darle color, vida e interactividad a los sitios web. Sea un blog, web de noticias, algo personal, cultural, profesional o una tienda ecommerce online, algún trabajo de marketing o simplemente diversión; cuando quieres representar un ‘antes y después‘ lo mejor es hacer una transición.

Ahora, si además es interactivo y permite al usuario manipularla, jugar con ella, ¡mejor!

Juxtapose: armar transiciones de antes y después interactivas

Tienes una forma fácil de armar una transición igual a la de arriba, colocando la url de dos imágenes y configurando en pocos click el código para embeber en WordPress o cualquier otro sitio web (en definitiva, es un iFrame html), o también puedes usarlo para desarrollo y tomar la librería en cuestión desde Github.

Ejemplos de Juxtapose JS para hacer transiciones interactivas entre dos fotos:

Puedes hacer comparaciones entre dos versiones de productos, por ejemplo, también mostrar los ingredientes crudos y luego el plato listo de una receta y más. Es muy buen efecto para comparar el paso del tiempo, paisajes modificados, avance de obras, cambios corporales en medicina, y cualquier otro uso creativo que quieras darle.

Transición de fotografía post-guerra y actualidad, año 1945 y 2015.Transición de fotos fácil: deportista en sus inicios, de joven, y profesional consagrado.

More from this blog

A

Alejandro Lazcano - consultor ecommerce, product owner, project manager, prestashop, vtex, shopify

29 posts

Es consultor y estratega e-commerce, especializado en CRO/CXO y management de producto.

Lleva más de 20 años en la industria digital, habiendo recorrido roles de marketing y programación, como sus últimos 12 años dedicados al completo a hacer e-commerce.

Se ha desempeñado en agencias de primera línea, con grandes marcas a cargo y proyectos con alto tráfico, teniendo a cargo procesos de migración sin interrupciones, escalabilidad de la operación crítica, y mejora de la performance.