EcoStore Omnichannel Food & Wellness Platform

App overview

EcoStore is an omnichannel food and lifestyle platform—“Your own everyday choices”—scaled from smartphone to smart TV. The mobile and tablet experience features a green-gradient hero, restaurant exploration grid, favorites, and bottom navigation (Home, Search, Orders, Profile). The same brand extends to laptop web and large-screen TV layouts with adapted navigation. Companion Health dashboards deliver activity, sleep, and step metrics on phone and Apple Watch with colorful gradient cards and circular progress gauges—demonstrating wearable integration and real-time wellness tracking alongside commerce.

Business goal

Let users order healthy food and monitor wellness in one connected ecosystem across every screen they use daily.

Problem solved

Fragmented food ordering and fitness tracking apps force users to switch contexts—EcoStore unifies commerce and health with synchronized cross-device UX.

App modules

• EcoStore mobile — search, notifications, profile, Explore Restaurants grid with favorites
• EcoStore tablet — expanded grid layout and touch-optimized navigation
• EcoStore web/TV — responsive catalog and top-level menu for large displays
• Health dashboard — activity, active minutes, sleep, steps with score analytics
• Apple Watch — condensed metrics, activity rings, heart rate and calorie glance views

Key features

• Cross-platform UI parity from phone to TV form factors
• Restaurant cards with imagery, pricing, and heart/favorite actions
• Promotional hero banners with clear CTAs
• Health metric cards with gradient visual language
• Circular health score gauge and detailed analytics section
• Wearable companion app with at-a-glance vitals

User roles

• Consumers — browse restaurants, order food, track health metrics
• Restaurant partners — menu and availability management (backend)
• Wellness coaches — optional insights from aggregated health data
• Admins — orders, users, and content moderation dashboards

App workflow

• Discover restaurants → add favorites → place order → track delivery status
• Switch from commerce app to Health tab → review daily activity rings
• Sync watch metrics to phone dashboard in real time
• Continue browsing on tablet or TV without losing session context

UI/UX showcase

• Fresh green brand system for food with appetizing photography
• Health UI uses vibrant gradient cards for quick metric scanning
• Adaptive layouts: bottom nav on mobile, expanded grids on tablet/TV
• VS Code overlay in showcase ties design to implemented React/Flutter codebase
• Premium device mockups with realistic shadows and depth

Security & performance

• Firebase Authentication for cross-device sign-in
• Real-time listeners for order status and health metric sync
• Image CDN optimization for food catalog photography
• Lazy loading and pagination for restaurant grids
• Secure wearable pairing via platform health APIs