Monochrome’s solution was to develop the new website to high UI standards utilising modern web standards, design patterns & front end frameworks, within the Kentico CMS.
The CMS implementation was designed around Kentico’s ASPX webform engine to allow Kentico admins / users full editorial control without being able to override or break the complex UI branded templates and animations on the pages.
The site consisted of 12 page templates and a number of custom webparts and was launched in 2 phases to a very tight deadline in line with a major TV advertising / marketing campaign. The first phase was released with a limited number of page nodes in Kentico and utilised the Kentico API to extract the data via JSON feed to effectively generate a static version of the site. This allowed us to build the Kentico back-end infrastructure and page types to store product / FIR nutrition and abstract the data via the API.
This allowed us to develop in parallel both the front end HTML/CSS pages & Kentico back-end functionality utilising 2 teams within the Monochrome studio working in parallel. We felt this was the most effective and quickest method to deploy the site without risk to the very tight and hard deadline which was imposed by the Hovis marketing team and in-line with a very high profile TV advertising campaign.
Phase two consisted of a major restructuring of the product range along with new products and a new careers section “Success Factors”.
The site is hosted on AWS on a dedicated EC2 instance allowing rapid scalability for traffic increases when required.
We were able to introduce several unqique UI features into this website. I'm particularly pleased with the subtle way the fixed height homepage background becomes the website's footer when you scroll the page down. I'm also very impressed that our development team were able to bring our innovative 'carousel within a carousel' concept to life. This great feature allows for both brand and individual product selected and is key to fulfilling the 'single click to any product' requirement from the original brief. You can see this in action on the site's homepage.