Smart Smoothie
Tropical Smoothie • 2025 • 5 minute read
A redesign of Tropical Smoothies’ mobile ordering app to improve nutritional transparency through a live calorie tracker, menu description and a new comparison tool.
Role
Product Designer
Duration
6 weeks
Tools
Figma, Google Forms
Impact
$9.8M+ annual revenue increase
4 additional touchpoints for nutritional decreasing conversion time by at least 10%
Lower Dropoff rates
Product menu
product page
Problem
The existing app lacks nutrition transparency and calorie tracking during customization.
Unlike it’s competitors, the app does not provide full ingredient lists or a live calorie tracker, leaving users unaware of nutritional impacts. The absence of “local favorites,” calorie ranges and highlighted lower-calorie or low-sugar options further limits informed, health-conscious choices. This encourages long conversion rates at best and drop offs at worst.
Competitive audit
Solution
Impact
final prototype
Research
user survey results
66.4%
How often do you use apps to order food or drinks?
At least a couple times a month
33.3%
33.3%
Which feature do you think is the most valuable as a customer
A live calorie counter that updates as you replace ingredients
A "local favorites" or last time you ordered" section
design process
Design
Design Decision #1: Calorie Counter
I found that a more minimal design aligned better with the existing design system, while still allowing users to view all ingredients whenever they chose.
Design Decision #2: Smoothie Menu
I aimed to answer questions before they were asked. To achieve this, I included calorie ranges, category descriptions, a fan favorites group, a sugar-free menu, and a comparison feature.
Design Decision #3: Consistency is Key
I ensured the new features were seamless and intuitive. For example, I introduced a live calorie counter in the nutrition facts and made ingredient details transparent across multiple touchpoints.
