UM Studio ¡ Design Concepts
Interactive prototypes â each with add, delete, swap, multi-meal, and recipe library. Click any to explore it live.
Clean white cards, day-by-day scroll, bottom tab bar. Each meal type is a section with colour-coded cards. Bottom sheet for adding. Best for single-handed use and small screens.
Permanent left sidebar with weekly mini-calendar and macro donut chart. Right panel shows the selected day in detail. Hover-to-reveal action buttons. Best for iPad landscape.
All 7 days as columns, meal types as rows. Dark theme. Every slot is visible at once â click any empty cell to add, click any card to expand multi-meal, Ã to delete.
Three alternatives fixing the heavy teal banner and floating close button. Inline header, right drawer, and pill-chip variants â all shown side-by-side with the original for comparison.
Two placements for a speaker button that reads the day's menu aloud (Web Speech API). For kitchen staff on iPad who follow spoken language better than written. Both options shown in idle + speaking states.
Design prototypes only â no production changes.