wkkf_pages.jpeg

[W.K.Kellogg Foundation] Brand Visual Language + Web UX/UI

 

Elevating Brand Impact: Crafting Brand Visual Language and Enhancing Web UX/UI for W.K. Kellogg Foundation


During my time at Nclud, I led the redesign of the website and mobile platform for the W.K.Kellogg Foundation.

The W.K. Kellogg Foundation is a renowned philanthropic organization dedicated to promoting sustainable community development, racial equity, and improving the well-being of vulnerable children and families globally.

I developed a new visual language that helped WKKF discover their unique brand identity while improving user experience and usability. It was important to balance WKKF's "bold and industry-leading brand image" with their mission to support children's well-being, so we focused on refining existing design elements like colors and fonts to achieve this balance successfully. Additionally, I implemented a scalable and reusable block system that streamlined the website's construction, making it more usable for both visitors and the WKKF design team.

This project was completed in collaboration with the Nclud team.

 

Client: W.K.Kellogg Foundation

Year: 2023-2024



My Role:

For Branding

  • Design Strategy

  • Brand Visual Language

  • Photography / Video Direction

For Website and Mobile UX/UI Design

  • Sitemap

  • Wireframing

  • High-Fidelity Mockups

  • A/B Testing

  • UI Style Guidelines

Project Team: Nclud


 
 

Wireframe

 

Storytelling Using Immersive Scrolling for Homepage

 

Final Homepage Design

 

Reusable Blocks / Modular System

 

Pages Built With the Reusable Blocks/Modular System

 

UI Style Guidelines

 

Moodboard Workshop