Customise Woo Commerce product page based on design provided

Skills: Expert in Wordpress - CSS, HTML5, PHP jQuery, Woo Commerce, Genesis Framework, Using Child theme. You must have excellent communication skills a great eye for detail and be able to work to a timeline. Aim: Customise Genesis Child themes product page to look like the product page example provided. Header and Menu are already complete so I just need the main page content customised. Code needs to be clean semantic markup and clearly referenced. As the design uses tables I have installed the 'WooCommerce Variations Table - Grid' plugin and have entered data for 1 product. Current Product page: [login to view URL] Framework: Genesis (Sample Child Theme) Plugins I have installed: WooCommerce, WooCommerce Variations Table - Grid, Genesis Connect for WooCommerce New design layout product page: [login to view URL] New design layout product page mobile view: [login to view URL] Pages were built with Macaw and are purely for mockup purposes. The design combines multiple products listing them down the page. To start with just layout with one product. If you know how to achieve multiple products listed on the one page then that would be a bonus. Please provide me with at least one example of a website think best displays your coding ability and a brief description of the project. Please start your bid with "hello Adrian". Thanks Happy Bidding