Digital Style Guide
After almost 130 years of business, Kroger finally hired it's first AOR to truly brand the company. When the brand book was handed to us we noticed major gaps around "how" and "why" to apply these new brand assets in the product space. Me and two others took it upon ourselves to collaborate with the brand, design system, and product teams to develop the Digital Style Guide to direct branding within the app and website.




Development
1 - Test existing brand book guidance in blue sky concepts
2 - Gain leadership alignment on blue sky concepts
3 - Identify major themes from concepts
-
Color Application/ Color Blocking
-
Brand Assets (Kroji & photography)
-
Elevation
-
Typography
-
Working With Other Brands
4 - Workshop themes with key stakeholders
Open workshops with design team to gather wants and needs, opportunities, other ideas, and concerns.
Goal: Leave with alignment on high-level guidelines for each top covered in each workshop
5 - Draft Guidelines
Created actionable guidelines with specific direction on how to and not to apply elements, and ensure assets meet standard for our spaces and apply UX & UI best practices.
6 - Surveys for feedback
7 - Revise and edit as needed
8 - Finalize & publish
9- Socialize
10 - Maintain & evolve










Impact
Before DSG

Store Locator
Role: Designer
After DSG

Desktop Before DSG

Desktop After DSG

Mobile Before DSG

Mobile After DSG

Native


Savings Center
Native Only
Role: DSG Art Direction
