Changing WooCommerce Product Page Category Setup

General information for the website: Food Products Website
Kind of development: Customization of existing website
Num. of web pages/modules: 1
Description of every page/module: Hello,

I need some help to setup the Products Page of a website to have two main categories and display the current products as they are but after having decided which main category you want to browse:

1. Products From Our Pastaficio (the companies own produce)
2 Carefull Selected Products (items from other suppliers)

At the moment these are not separated and I need to be able to do that without breaking the structure of the page e.g. http://italiantraditions.fourteenten.website/products/

The attachments I sent to graphic designer on new main category structure may be helpful. I basically want to click on either left or right image to get through to the main sub-category pages (same view as current product page).

Thanks,

David
Description of requirements/features: Customisation of existing products page to include new categories.
Extra notes: