Before and After Images on your Website

Screenshots of the Before and After Image widget on Island Web Design websites

In April of 2019 we introduced a number of new features and one of these is the 'Before & After' image slider that allows you to show off your skills by providing a before and after shot of your work, whether it is house renovation, hair styling or a cosmetic or aesthetic treatment. 


What makes the widget fun is its interactive nature: the visitor is able to use a slider to reveal the before and after image which are stacked on top of each other, giving a much more dramatic impression than if the images were side by side.


The widget works well on both a PC or mobile browser but relies on the composition of the images to be as close to identical as possible.

We will be able to manipulate the images a little to ensure they are correctly sized and orientated to maximise the effect. Have a look at the samples below:

Renovation of a room

Perfect for illustrating your interior renovation skills. The widget perfectly shows the difference in this before and after shot.

A room renovation before shot
A room renovation after shot

Cosmetic treatments

The widget lends itself really well to cosmetic treatment. Have a look below for a before and after shot of an eyelash extension and eyebrow treatment:

Brow and lash treatment 'before' shot
Brow and lash treatment 'after' shot

Renovation of a room

Perfect for illustrating your interior renovation skills. The widget perfectly shows the difference in this before and after shot.

Cosmetic treatments

The widget lends itself really well to cosmetic treatment. Have a look below for a before and after shot of an eyelash extension and eyebrow treatment:

From a design perspective, we can set the height and width of the widget and we can change the colour and style of the labels and the slider so that it fits with your website's overall design.


The cost of the widget is a one-off charge of £35.00. After that, you can use it as many times as you like on your website. The installation and any photo editing we need to do, can be done as part of your monthly update agreement.


Do you think you'll be able to use this widget to make an impactful statement on your website? If so, start by looking for some before and after images of your work or bring your camera with you when you leave for work tomorrow. Then, get in touch and let's see what we can put together. 

Don't forget, once the widget is installed, tell the world about it and share it on Facebook & Twitter, driving even more traffic to your website!

Share by: