Canon Cinema B&H

This page was built to be a dynamic shopping experience on the B&H Photo Video’s website. Customers visiting this page would be able to see Canon Cinema’s lineup and compare their different products in order to assist them in making a useful choice. They are also able to learn how to use the prodcuts with a curated list of helpful videos.

See the page live →

Process

Discovery

For this project Canon sent in the images and the products that they wanted to advertise, they also told us that they want to feature which products were used in specific movies. The rest was up to us.

Wireframe

I collaborated with the copywriter by creating a wireframe, that she then added copy to – and then I adjusted the wireframe etc. We came up with the ideas on what content to feature and how it should be displayed

Design

Once the wireframe was done it was time to design! Since this was going to be a dynamic page it needed to be hard coded. Design for this was done for desktop/tablet & mobile

Develop

Our developer team worked on this one. I collaborated with the developer directly to tell them what pieces were fixed/dynamic, and how to apply the responsiveness properly for all sections.