Problem

The current Shake Shack website does not effectively highlight its focus on healthy ingredients, and much of the content is displayed in a disorganized format. The style doesn’t also quite capture the brand’s friendly vibe.

Solution

In redesigning the product, I organized the content with a clear hierarchy to guide users easily through tasks. I also refreshed the brand identity to give it a friendlier, healthier look.

Discover

Aligned with Shake Shack’s mission to 'Stand for Something Good,' the brand is known for its commitment to premium ingredients and sustainable sourcing practices. Shake Shack primarily targets students and kids who enjoy casual, feel-good food.

Moodboard

UI Design

Home

At first glance, users can make orders with a direct CTA.

Reorganized the hierarchy of information to what users would most likely want to see.

Product

Detailed nutrition and calorie information presented with clear guidelines and approachable, friendly illustrations

Design System

Typography

For an eco-friendly brand like Shake Shack, Karla is the ideal font for creating a clean and welcoming atmosphere.

Type Scale

Color

Components

Illustration

Friendly illustrations are essential for conveying the Everyman archetype.

Takeaways

- A strong contrast in colors and type sizes between elements creates a clean, polished look.

- Information is reorganized with a clear hierarchy, guiding users to complete tasks effortlessly.

- Friendly illustrations create a welcoming image for Shake Shack, enhancing user enjoyment of the digital experience.

Back to Top