For the past 120 years, Gehl Food & Beverage has been the nation's largest manufacturer of low-acid, aseptic dairy products and is dedicated to providing delicious, nutritious, and convenient foods for the whole family.
Instead of using a white background throughout the design, Northwoods added a light grey wood texture to help balance the bright colors with an earthy, natural element. The wood texture is meant to mimic a cutting board, which works well for a website focused on food and recipes!
Prior to the website redesign, Gehl Food & Beverage had begun to add recipes to its website. Northwoods developed a filter approach to allow users to easily sort through the growing recipe library. The drop-down options within the filter are styled to include icons, as well as provide a subtle movement on hover. These small details help to enhance the overall design and brand personality.
The recipe cards are also purposefully designed to remove information clutter. The imagery and title are enough to entice users to learn more while also maintaining a clean, easy-to-use interface.
The site search (show above) drops down from the top of the page to fill the entire screen. This provided plenty of room to include an illustration that Gehl's was already using in their print collateral – helping to unify the brand by tying their print with their web presence and providing a bit of character.
Although many of the layouts divide the content into boxed sections, Northwoods was able to keep the website from feeling too boxy by adding waves and curved lines to the headers of each page.
Northwoods designers also added overlapping elements to break free from an overly boxed look and feel. Examples of this include the form overlapping the footer area and images added behind the recipe cards, as shown below.
The website is also filled with many fun, playful hover effects and subtle movements. These uniquely digital elements help to enhance the brand and user experience without creating a distraction.
Visit Website
Contact Us