This project was about building an interactive wall to showcase Canon security products at the IFSEC International exhibition.
The idea was to help Canon display key features of security products at an international exhibition that would attract potential buyers and showcase the brand.
At the project's outset, the key requirement was a solution that would work offline. I led the development of the interactive product wall while collaborating with 2x PMs and a designer. I began by reviewing the client’s brief and providing feedback as necessary.
After the initial discussion with the PMs, the decision was to deliver a flat HTML site running from a local PC.
After familiarising myself with the functional briefs and gathering all the required design assets, I began to develop the offline site. I chose Bootstrap to set the foundation because of its responsive framework.
Based on that, I created a set of page templates for the products and developed features such as product video pop-up modals and mega-dropdown menus by other jQuery libraries.
Finally, I used seeded data for the product information and the videos while waiting for the client to collaborate on the real data for the site. Several development review sessions were held and refined accordingly.
Here's the final design of the interactive product wall for Canon.
The finished site was ready to launch and the files were zipped up and shared with the client including clear instructions on how to set up the files on the PC. The site was launched successfully for the Canon IFSEC International exhibition with over 30 security products on display for Canon.
The event catered for people within the security buying chain including manufacturers, distributors, installers, consultants and end users. With the product wall TV and mobile site showcasing each product’s key features, it was the ideal solution for Canon to demonstrate its products to its audience no matter small or huge size.
