Before & After

Used extensively by remodeling and construction companies, cosmetic surgeons and others, Before & After sliders provide an engaging method to show potential customers the beauty of one's work.

Module One

Before & After Slider

This particular slider features a large showcase area along with a gallery of image thumbnails so visitors can see that there are many images in the gallery. The slider area allows users to drag back and forth to reveal different versions of an image.

Criteria

  • SEO

    Little to no impact on SEO.

  • Responsiveness

    Showcase area scales down for smaller screens. Thumbnail images will stack for small devices.

  • Cost / Complexity

    Cost is dependent on number of images and whether images are provided pre-sized for the showcase area and thumbnails.

  • Required Assets

    High quality photos required, preferably sized accordingly.

  • Required Text

    None.

before and after example

Play Module

Module Two

Before & After Pictures

This module utilizes a lightbox photo gallery in displaying thumbnail images of Before & After shots which visitors can click to display a larger view and text caption.

Criteria

  • SEO

    On page SEO will be dependent on text applied.

  • Responsiveness

    Image and text area scale and stack for smaller screens.

  • Cost / Complexity

    Cost is dependent upon number of images and whether images are provided pre-sized for the showcase area and thumbnails.

  • Required Assets

    High quality photos required, preferably sized accordingly.

  • Required Text

    Any desired headings, a brief explanation of the gallery, and captions for each image.

before and after example

Module Three

Before & After Slider

This single slider area allows users to drag back and forth to reveal different versions of an image.

Criteria

  • SEO

    On page SEO will be dependent on text applied.

  • Responsiveness

    Image and text area scale and stack for smaller screens.

  • Cost / Complexity

    Cost is dependent upon number of images and whether images are provided pre-sized for the showcase area and thumbnails.

  • Required Assets

    High quality photos required, preferably sized accordingly.

  • Required Text

    Simple text headings and a brief paragraph providing context for the image.

before and after example

Module Four

Before & After Slider

A larger format version of the Before & After slider.

Criteria

  • SEO

    Little to no impact on SEO.

  • Responsiveness

    Image scales for smaller screens.

  • Cost / Complexity

    Cost is dependent upon number of images and whether images are provided pre-sized for the showcase area and thumbnails.

  • Required Assets

    High quality photos required, preferably sized accordingly.

  • Required Text

    None.

before and example

Request More Information

  • I am interested in