Provide a UX system to Kellogg's to use as a framework for building their mobile apps for internal use.
Role
UX/UI Designer
Industry
Food
Duration
3 months
Key Highlights
Discovery: Conducting discovery sessions with stakeholders.
App Audit & Analysis: An audit and analysis was performed of all the different application types Kellogg's uses internally.
Design & Validate: Developed design concepts and validated design with user tests for feedback and design refinements.
Cross Platform Strategy: Create UX design system to provide consistency across the different mobile platforms while taking advantage of the plaform standards.
Design System: Brand guidelines and design system was created to be applied in conjunction to the UX framework for creating Kellogg's new mobile digital experiences.
Step By Step
The UX design system is built on a framework for assembling the fundamental pieces of Kellogg’s mobile apps through consideration of 3 major constructs - determine application type, app organization pattern, and screen types.
One Chance to Make a First Impression
The visual aesthetic of any digital experience serves as the front line of impressions to users, regardless of their tech or design savviness. A strong common visual language builds a lasting trust and familiarity, sets expectations of quality, and can drastically lower the barrier to engage with any application.
Final Designs
The screens above are samples of how the UX framework would be applied for the creation of their mobile apps.