Orange County
300 Spectrum Center Drive, Suite 1110, Irvine CA 92618
Los Angeles
520 Broadway, Suite 200, Santa Monica CA 90401
Palo Alto
470 Ramona St, Palo Alto CA 94301
Helsinki
Mikonkatu 15 A, 00100 Helsinki
John Stenbergin ranta 2, 00530 Helsinki
Tampere
Visiokatu 1, 33720 Tampere
Turku
Helsinginkatu 15, 20500 Turku
Switzerland
Hôtel des Postes Place Numa-Droz 2 Case postale 2511
+41 32 727 70 70
Kellogg's Experience Guidelines
Kellogg's user experience for it's many brand websites was inconsistent and had quality issues due to the large number of design agencies working on them. We created a set of UX best practices, principles, and guidelines for their agencies to follow.
We started with tons of research, copywriting, content structuring, and strategy. We categorized main areas of usability, tested existing Kellogg's sites against them, documented our findings, and created guidelines to fix the issues we found.
Categories for the guidelines
We referenced Kellogg's current websites in the guideline topics to make sure the content would be useful and appropriate
Examples from current Kelloggs sites
Once we had everything planned out and organized we focused on copy and content.
It ended up being a 20+ page document for the text alone.
Our raw content from early in the project
Time for wireframes.
Once the copy and content was finished we created wireframes for the site, making sure navigation was intuitive and information was easy to find
Finally, design time.
We designed according to the rules we just made, and kept everything as simple and basic as possible. The designs were meant to be an example of the guidelines themselves - a framework that doesn't stifle creativity and leaves plenty of room for a unique design.
The guidelines host videos and assets for agencies
We included design principles / fundamentals and tagged each rule throughout the guidelines with the design principle(s) it relates to.
This helps give context, and helps with adoption since people will be more likely to take something seriously if they know the reasoning behind it.
NEXT UP
Metso Metrics Service