Nature's Own Website Redesign

 

Project Mission

Nature’s Own had evolved their logo and packaging, and wanted to update the look and feel of their website. Using inspiration from websites of large industry players like Chobani and Cheerios, the client wanted a more modern, contemporary site design that provided an immersive experience to tell the Nature’s Own story. The objective of the redesign was to maximize browser real estate, improve front-end user experience with increased functionality and navigation, and provide CMS edit-ability on the back-end, all within a responsive framework.  

 

Nature's Own: Old Website 2015

 
 
 
 

New Sitemap and Wireframe Development

 
 
 
 
no-mockup.png
 
 

Global Navigation

We refined the top navigation, incorporated imagery in the dropdown menus and created a Locate and Search functionality feature that spanned the full width of the browser window.

no_nav-animated.gif

Home Page

By taking inspiration from best-in-class examples, we utilized larger photography with strong appetite appeal and simplified messaging that spoke to visitors in a more personal and conversational way.

home.jpg
 

Product Overview Page & Product Detail Page

no_webpage_products.jpg
no_webpage_product-detail.jpg
 

Nutrition Page

no_webpage_nutrition.jpg
 

Recipes Overview Page & Recipe Detail Page

no_webpage_recipes.jpg
no_webpage_recipe-detail.jpg
 

Our Story Webpage

no_webpage_story.jpg
 

404 Error Page

no_webpage_404.jpg
 

Responsive

no_mobile_showcase.png
 

Mobile Menu Navigation & Search Functionality

umg_caseinfo-03-img.gif
 

See more web design & digital campaigns