- Client: Cancer Council WA
- Website: www.foodcentsprogram.com.au
- Launch Date: May 2012
The FOODcents program is an initiative of the Cancer Council and the Department of Health of WA to educate the public about healthy eating and saving money. We had previously built a website for the companies back in 2008 but its content had since overgrown its design and was in need of a new look. The previous website was also built alongside an online training program for those wishing to become FOODcents advisors and this program was also in need of an update to fit the new design.
In addition to the update of old content, our clients also wanted to add a new recipe area that would offer the public cheap and delicious ideas for cooking at home.
The key to the redesign was the restructuring of navigation to effectively traverse the vast amount of content now on the site. In contrast to the left aligned navigation of the old site, we chose to now group the navigation along the top providing ample space for sub-navigation to be used on the internal pages. This sub-navigation included subpage links and an extra ‘quick link’ to another area of the site. In addition to the navigation links, we also included a search button with a drop down input field for a seamless quick search function.
After we had hashed out an effective navigation, our next goal was to put together the recipe database. We examined a variety of recipe books and online collections and developed our own template that each recipe would utilise. It includes the ‘how to’ for the recipe, a list of equipment, an ingredients list, a photo of the finished product, a help video and the number of people the recipe serves. If multiple images are uploaded for a single recipe the static image will be instead be replaced by an automatic slideshow. The unique feature of our recipe list is that they feature a score out of 3 to reflect their cost and difficulty using dollar signs and forks respectively.