Booster Juice

Improving Architecture For a More Intuitive Experience

Overview

- An audit revealed information architecture failures within the LATCH principles of Category and Hierarchy, resulting in a navigation menu for both header and footer that functions as a random list rather than a strategic user path
- Critical user goals, such as finding a store or purchasing products, are buried under a disorganized hierarchy, creating unnecessary cognitive load
- The lack of prioritization stalls the user journey during high-intent moments, preventing conversion
- Facilitated five card sorts, then organized a more logical navigation based on insights gathered from research
- Created an enhanced utility bar and a Figma prototype that prioritizes user action over site clutter
- Data Over Intuition: I might have thought I knew how to group smoothies, but the five card-sorting sessions proved that my logic did not always match the user's. Research is the only way to get to the truth.
- Cognitive Load is a Conversion Killer: Every extra second a user spends wondering "Where is the menu?" is a second they spend considering a competitor. Reducing mental effort is a direct way to increase business value.
- Tool Proficiency as a Language: Mastering Figma variables and prototyping was not just about the tool; it was about being able to communicate my ideas clearly and test them with high fidelity.
- Iterative User Testing: Perform a round of usability testing on the high-fidelity Figma prototype. I want to see if the "Category" fix actually reduced the time-on-task for finding a store.
- Accessibility Audit (WCAG): Evaluate the color contrast and screen reader compatibility of the new "Drink" and "Food" categories. A brand as big as Booster Juice must be accessible to everyone, regardless of ability.
- Personalization Features: Explore a "My Favorites" or "Quick Reorder" flow for the utility bar. This would align the digital experience with the "speed" pillar of the brand.

About the Canadian Giant

Founded in 1999 in Sherwood Park, Alberta, Booster Juice was a pioneer that effectively introduced the smoothie and juice bar concept to the Canadian market. Over 25 years, they have achieved market dominance, scaling to over 450 locations across every province and territory. They currently hold a Canadian franchise record for opening 50 stores in their first two years, which is a testament to their aggressive growth and operational efficiency.

The brand operates as a "healthy" alternative to traditional quick-service restaurant chains. Their business model is built on:

Speed: Engineering physical stores for rapid throughput to serve customers on the move.
Health: Positioning "superfoods" (matcha, açaí, wheatgrass) as accessible, daily fuel.
Energy: Targeting an active, high-intent demographic, specifically Gen Z and Millennials who prioritize convenience without compromising nutrition.

Uh Oh... We Have a Digital Bottleneck

While Booster Juice dominates the physical landscape with award-winning store designs and a "Fit & Fun" atmosphere, their digital touchpoints lag behind. For a company targeting a tech-native audience that values speed above all else, a disorganized website acts as a digital "bottleneck".

While auditing the Booster Juice website, I identified numerous failures in the information architecture.

For the header, the current structure ignores the primary user goals of locating a store or purchasing products. By burying these high intent actions under a disorganized hierarchy, the site fails to utilize the LATCH principle of Category, resulting in a navigation menu that feels like a random list rather than a guided path. Additionally, twelve items in a primary mobile-style sidebar is too many. By failing to group related items (like "Careers," "Community," and "About Us") into a sub-menu, the site increases Hick’s Law — the more choices you give a user, the longer it takes for them to make a decision. By listing twelve items with equal visual weight, the site violates the principle that navigation should be a hierarchy. Without categories like "Our Menu" or "Company," the user is forced to perform a "linear scan." They have to read every single word from the top down to find what they need, which is a massive tax on their cognitive energy.

For the footer, under "Information," you have "FAQs" mixed with "Check Gift Card Balance" and "Non-Participating Locations." This is a classic violation of logical grouping. A user looking for help might not think to look under a generic "Information" header for a specific financial task like checking a balance. Additionally, the "About Us" section is bloated with ten different links. By giving "Our Story" and "Careers" the same visual weight as "Locations" and "Shop," the site fails to guide users toward high-value actions. It forces the user to scan a wall of text just to find a store.

This lack of prioritization across the website effectively halts the user journey at the exact moment they are ready to convert, meaning lost revenue for the company. I analyzed these navigational gaps to propose a restructured flow that aligns site logic with actual user mental models.

How Did I Rebuild the Foundation?

Imagine landing on a Booster Juice site that actually matches the energy of the brand — effortless, vibrant, and lightning-fast. I set out to bridge the gap between their physical efficiency and their digital friction. By stripping away the clutter and rebuilding the foundation, I turned a confusing maze into a clear, high-velocity path to conversion.

I completely overhauled the information architecture to prioritize cognitive ease and logical hierarchy. This was not a guessing game; I ran five card-sorting sessions to map out how users actually think. The data led to a much needed separation of "Drink" and "Food" categories in the header, mirroring the mental models of a hungry customer. By moving actionable items (like Store Locators and Gift Cards) into the primary navigation and leaving only baseline information in the footer, I created a clear information hierarchy. This allows users to reach the bottom of the page and find exactly what they expect, such as legal and contact essentials, rather than getting lost in a maze of disorganized links.

To support high-intent users, I introduced an enhanced utility bar designed to fast-track the most critical goals: finding a location and shopping online. Once the research was solidified, I moved into Figma to build a high-fidelity prototype.

A Frictionless Path to Fresh Smoothies

The result is a digital experience that finally matches the "Fit & Fun" energy of the physical stores. By streamlining the navigation and prioritizing high-value actions, I transformed a disorganized maze into a guided path. Users no longer have to fight the interface to get a smoothie; they can now navigate from the homepage to a store location with zero cognitive friction.