CSS gallery in email

email functionality

Experimenting further with the use of functionality in email with an interactive image gallery. The customer could click the hidden treasure to see a full size images, attraction and name of the nearest hotel. I decided not to call out the use this functionality on desktop due to the unreliable client support, there was a note to highlight the fuctionality on mobile and the hot clicks picked up customers engaging on all the images. Back up image was required for Outlook.

desktop email gallery

Responsive view

Controlled by css and checked radio buttons you can select different images. I decided to highlight the fuctionality subtly so customers could click on the images and in the event poor client support it would not appear broken or cause frustration.

mobile gallery