Campbell's Soup Wireframes

Currently under production, these wireframes for a new transparency website for Campbell's, revealing exactly what goes into their foods. I was tasked to clean up existing desktop User Experience (UX) and translate them to mobile while ensuring excellent usability as well.

These wireframes are somewhere in between high-fidelity and low-fidelity. When working out a website's wireframes, pixel precision isn't as important as focusing on how the site navigates and how best to get users to comfortably digest the information on screen. That there are even colors in a wireframe can add to distractions with clients who start focusing on details when it's better to keep on the content, navigation and experience.

Page 1 Desktop Page 2 Desktop Page 3 Desktop Pages 1-3 Mobile