Design is never a linear process. This case study explores how I iterated on a smoothies app UI, transforming initial concepts into a polished, user-friendly design.
The Brief
Create a mobile app for ordering custom smoothies with these goals:
- Vibrant, appetizing visual design
- Easy customization workflow
- Quick ordering process
- Brand consistency
Iteration 1: Initial Concepts
Started with wireframes focusing on the core user flow:
- Browse smoothie options
- Customize ingredients
- Add to cart
- Checkout
Feedback received:
- Too many steps to order
- Customization felt overwhelming
- Brand colors weren't appetizing
Iteration 2: Streamlined Flow
Changes made:
- Combined browse and customize into single screen
- Introduced ingredient categories
- Tested new color palettes with fruit-inspired hues
Results:
- 40% reduction in time to order
- Better user engagement with customization
- Positive feedback on visual appeal
Iteration 3: Final Polish
Final refinements:
- Added micro-animations for ingredient selection
- Implemented drag-and-drop for favorites
- Created smooth transitions between screens
- Optimized for accessibility
Key Learnings
- Test early and often: Real user feedback beats assumptions
- Don't be precious: Be willing to throw away work
- Context matters: Food apps need to make you hungry
- Simplify ruthlessly: Every tap should have purpose