Metaviz AI
E-commerce & Retail

Rawteen App

A WooCommerce + Flutter grocery app with diet-first browsing, recipe-linked carts, and store-locator delivery for Dubai's healthy-food shoppers.

Project Overview

WooCommerce-Based Grocery Delivery — Nutrition-Focused E-Commerce for Rawteen Dubai

Metaviz AI developed a Flutter-based WooCommerce grocery delivery application for RawTeen — a Dubai-based healthy food brand oriented at organic products, nutrient-dense items, and diet-supportive meal supplements. The application combines store browsing, recipe-linked purchasing, store-locator navigation, and quick WooCommerce checkout into one clean mobile experience.

This project shows how e-commerce + nutrition logic + curated product tagging can dramatically reduce friction for diet-specific shoppers — turning generic grocery shopping into a guided, goal-aligned journey.

Rawteen App
Relevant Keywords
WooCommerce grocery app
Flutter mobile e-commerce
Diet-first shopping
Nutrition-focused app
Recipe-linked ordering
Dubai delivery app
Keto / paleo / vegan filters
Stripe payment integration
Meal kit ordering
Cross-platform grocery
What We Did

From Requirement Mapping to Final Deployment

Metaviz AI shaped the entire journey — from data structure mapping inside WooCommerce to the UX logic in Flutter. Our focus was simple: speed of product discovery, diet-filter accuracy, and a friction-free purchase cycle. We integrated recipe SKUs, nutrition metadata, store-locator maps, and checkout flows — then optimized mobile caching for real-world network conditions.

01
Step 1

Design & Development

We designed a catalog experience that mirrors the WooCommerce category tree and added diet-based filters (keto / paleo / vegan etc.).

02
Step 2

Recipe-Driven Purchase Flow

Metaviz AI linked recipes with SKUs — enabling 'Cook & Add Ingredients' for instant meal-kit style ordering.

03
Step 3

Testing & Optimization

We tested image performance, sync cycles, map rendering, and checkout flows under mixed network strength.

04
Step 4

Deployment & Payments

The app was deployed for both iOS + Android with Stripe integrated into WooCommerce billing for secure payments.

E-Commerce Wasn't Personal Enough for Diet-Specific Buyers
The Challenges

E-Commerce Wasn't Personal Enough for Diet-Specific Buyers

Most grocery platforms show products — but they don't show diet compatibility. Shoppers with keto or low-FODMAP goals waste time filtering manually.

RawTeen needed a mobile experience that was nutrition-first, fast, and e-commerce reliable — built around how diet-specific shoppers actually think.

The Solution

A Diet-Aware Grocery App with Recipe-Linked Ordering

The app delivers a grocery experience built around diet, not categories — with nutrition-first product discovery and recipe-driven cart building:

01

Diet-Centric Product Tagging

Every product tagged by diet compatibility — keto, paleo, vegan, low-FODMAP — for instant filtering.

02

Nutrition Highlights

Macros and key nutrition info surface on product pages — no more scanning labels in the dark.

03

Recipe → Ingredients → Cart

Pick a recipe, add all ingredients to cart in one tap — meal-kit style ordering built into the catalog.

04

Store-Locator with Delivery Zones

Dubai-aware store locator with delivery zones and scheduling for reliable drop-offs.

05

Blog + Wellness Content

Nutrition articles and wellness content integrated into the app — buying decisions backed by knowledge.

Feature Showcase

Built for real operators

Have a similar project in mind?

Let's talk about how AI can transform your service business.

Discuss Your Idea Today
Tech Stack Implementation

Built with a modern AI stack

Mobile
  • Flutter (Dart) — single codebase for iOS and Android
  • Optimized caching for mixed network conditions
E-commerce
  • WooCommerce REST API + Webhooks for catalog and order sync
  • Recipe SKUs and nutrition metadata mapped onto WooCommerce
Backend & Storage
  • Firebase Auth + Firestore for user data and sessions
  • SQLite cache for offline browsing reliability
  • CloudFront CDN for media optimization
Maps & Payments
  • Google Maps API for geolocation and Dubai delivery zones
  • Stripe SDK + WooCommerce gateway sync for secure payments
  • Firebase analytics + push notifications
Why Metaviz AI

Why Metaviz AI for Nutrition-Focused E-Commerce Apps?

We understand that grocery shoppers don't think in product categories — they think in diets, macros, goals, and restrictions. That mindset shaped every UX detail.

Metaviz AI builds commerce that guides choices, not just displays lists — turning every shopping session into a step toward the user's actual nutrition goals.

Results & Value

Outcomes that move the business

01
🥗

Diet-First Browsing

Users instantly filter products based on diet tags — zero guesswork, no manual label reading.

02
🍳

Recipe-Linked Revenue

Meal kits drive bigger, more complete carts — recipes turn browsers into buyers.

03

Faster Decisions

Nutrition highlights remove uncertainty at the product level — quicker, confident purchases.

04
📦

Better Delivery

Store-locator and scheduling reduce failed drop-offs — reliable last-mile experience.

Built for Diet-First Commerce

Unlock Diet-Optimized Online Grocery with WooCommerce + Flutter

This project proved how curated nutrition logic can change mobile grocery behavior. If you want to build purchase journeys around dietary goals, Metaviz AI can deliver that transformation for your brand.

01

Diet Tags

Keto, paleo, vegan, low-FODMAP — every SKU tagged for instant filtering.

02

Recipe Carts

Cook & Add Ingredients — pick a recipe, fill the cart in one tap.

03

Nutrition Highlights

Macros and key nutrients on every product page — no label hunting.

04

Dubai Delivery Zones

Store-locator + scheduling tuned for Dubai — reliable drops, fewer failures.

Built to Scale

Nutrition-First Commerce, Ready to Grow

RawTeen's app architecture is built to scale — Flutter's cross-platform reach, WooCommerce's flexible commerce engine, and Firebase's real-time data layer mean the platform can expand to new markets, diets, and product lines without rework.

From keto SKUs to recipe-linked meal kits and Dubai delivery, RawTeen demonstrates how diet-first commerce becomes a real growth lever — and how mobile-native shopping reshapes the future of grocery.

Related work

More case studies

See all case studies
DabaBlane App
View Full
Snap and Shop Online Store
View Full
Recreational PickleBall Player App
View Full
Windsurfing Tricktionary Online Coaching App
View Full