Idea inicial

La empresa Bhoga, dedicada a la nueva tendencia del «home staging» necesitaba una web de proyectos de interiorismo. Quería mostrar en qué situación estaba el inmueble antes, y cómo quedaba después de haber finalizado el trabajo. De esta manera se podría ir enseñando los proyectos realizados e ir captando nuevos clientes.

Conceptualización

Se pensó en mostrar a la vez la imagen del antes y el después de la actuación, tomando la fotografía desde el mismo punto o similar.

Tomando dos imágenes del mismo tamaño, la primera muestra el “antes”, y la segunda el “después”. Se aplica una técnica de enmascaramiento, para que al desplazar el ratón se muestre una imagen u otra.”

La técnica usada consiste en superponer dos imágenes, usando jQuery para capturar el movimiento del manejador. Al detectarse movimiento en el eje horizontal, se actualiza el estilo CSS.

Resultado

De esta manera se reproduce perfectamente el trabajo realizado en la restauración, adecuación y trabajos de interiorismo realizados por Bhoga. No hace falta explicaciones sobre cambios puntuales de cuadros, lámparas o demás enseres. Mediante este efecto el posible futuro cliente ve como ha mejorado la casa con los cambios realizados. Bhoga así tiene una sección en su web de proyectos de interiorismo para mostrar en qué situación estaba el inmueble antes y como queda después de su actuación, dejando claro el pricipal valor de la empresa.

Más proyectos de Tanit.

Moviendo la barra vertical horizontalmanete nos dejará ver la diferencia entre las distintas fotos. Abajo se muestra la totalidad de la segunda imagen.