Merchant Gourmet site build

Merchant Gourmet site

Merchant Gourmet are a food brand that provide ingredients to make cooking at home enjoyable and delicious. I worked with BigFish to develop the front end of the Merchant Gourmet website after some really excellent work by BigFish re-branding their products.

This site was built using an app-like structure within WordPress. The site features a 12-column layout based on Foundation 6. It uses custom JavaScript and jQuery.

An interesting feature in the site to engineer was the use of SVG to fill a png element with the colour of the svg controlled by a custom field. This was necessary to match the colours of product packing with the shapes of the images for their featured ingredients.

My work involved SCSS, HTML, PHP, jQuery and JavaScript. Select2 was used to style drop down menus in the recipe search feature.