To create a different landing page where users can watch each advertisement on a custom-tailored page for that specific video. We had to create a universal theme for all pages, as well as 5 different responsive ‘heroes’ (essentially, a large page header) to match the video that displays on a modal that pops up over each page as they load.
Since we had proposed creating these pages for the advertisements to Neato Robotics, we wanted to make sure that they would reap all of the benefits of having this extra content on their site. SEO was an important factor in ensuring that these pages were beneficial towards the targeted audience. Our graphics team assembled to toss around creative ideas on how each page could effectively pay homage to the advertisement that it represented.
Each of the ‘heroes’ keeps a consistent layout but with minor difference between the images and animated copy based on it’s associated video. For example, details like the floor surface, cat hair, clothes on the ground, glitter, etc. change based on which ad video is featured. Each video was then named as follows: