turbo-platform

byJared Frieden

# Request for Product (RFP) β€” mango-qr --- ## 1. Executive Summary **mango-qr** is a self-service WebAR platform enabling brands to transform physical product packaging into interactive augmented reality experiences. Consumers scan dynamic QR codes printed on packaging (wine bottles, food products, cosmetics) to instantly view 3D models, brand videos, and immersive storytelling content β€” directly in their browser, with zero app downloads. ### Market Opportunity The WebAR market has a significant gap: **8th Wall shut down its hosted platform in February 2026**, leaving brands and agencies without a self-service AR solution. Remaining competitors (ZapWorks, Blippar) are agency-dependent or SDK-only. mango-qr targets this displaced customer base with a complete self-service platform. --- ## 2. Product Vision ### North Star Principles | ID | Principle | Description | |----|-----------|-------------| | NS1 | Zero-Friction AR | QR scan to AR experience in under 5 seconds, zero app downloads | | NS2 | Print Once, Update Forever | Dynamic QR redirect β€” update AR content without reprinting | | NS3 | Cross-Device Parity | Meaningful AR on every device: iOS, Android, desktop | | NS4 | Brand Storytelling First | Every feature serves the product packaging storytelling use case | | NS5 | Self-Service Simplicity | Non-technical marketers can publish AR experiences without code | ### Go-to-Market **Product packaging β†’ AR content.** Target customers include: - **Wine & spirits** β€” Vineyard tours, tasting notes, food pairing videos - **Food & beverage** β€” Recipe animations, ingredient sourcing stories, farm-to-table journeys - **Cosmetics & skincare** β€” Ingredient origin videos, application tutorials, sustainability stories - **Consumer electronics** β€” 3D product exploration, setup guides, feature demonstrations --- ## 3. Scope ### In Scope (Phase 1 MVP) | # | Capability | Description | |---|-----------|-------------| | 1 | **Dynamic QR Management** | Create, update, and track QR codes. Update linked content without reprinting physical codes | | 2 | **3D Asset Pipeline** | Upload FBX/OBJ/GLB β†’ automatic conversion to GLB (Draco-compressed) + USDZ (iOS) | | 3 | **Video/Image Asset Pipeline** | Upload MP4/MOV/WebM videos and PNG/JPG images β†’ optimize for mobile delivery | | 4 | **WebAR Viewer** | Browser-based AR experience: model-viewer + USDZ for iOS, Three.js + WebXR for Android, orbit viewer for desktop | | 5 | **Brand Customization** | Configurable brand overlay in AR: logo, headline, description, CTA button, primary color | | 6 | **Scan Analytics** | Real-time metrics: scan counts, device breakdown, geolocation, time-series charts | | 7 | **Self-Service Dashboard** | React web app for brands to manage QR codes, assets, experiences, and analytics | ### Out of Scope (Future Phases) | Phase | Features | |-------|---------| | Phase 2 | Interactive logic (Three.js scripting), creative editor, multi-asset experiences, white-label theming | | Phase 3 | Org AI (client-specific filtering), semantic segmentation, AI model ensemble, SLAM markerless AR | --- ## 4. Target Users | Persona | Role | MVP Priority | |---------|------|:------------:| | **Brand Manager / Marketer** | Creates QR codes, uploads assets, configures brand overlays, reviews analytics | πŸ”΄ Primary | | **Consumer** | Scans QR on packaging β†’ views AR experience in browser | πŸ”΄ Primary | | **Developer** | Uploads 3D models, manages asset pipeline, integrates via API | 🟑 Secondary | | **Admin** | Manages user accounts, permissions, platform settings | 🟑 Secondary | --- ## 5. Success Criteria | Metric | Target | Measurement | |--------|--------|-------------| | QR scan β†’ AR render time | < 5 seconds | 95th percentile on 4G network | | 3D asset load time | < 3 seconds (compressed GLB) | 95th percentile | | Asset pipeline processing | < 60 seconds (model), < 120 seconds (video) | Median | | Cross-browser compatibility | β‰₯ 85% of mobile browsers | iOS Safari + Android Chrome | | Dashboard usability | 3-click publish flow | Create QR β†’ Upload β†’ Link & Publish | | File size limit | 25MB per asset | Enforced at upload | --- ## 6. Technical Constraints | Constraint | Detail | |-----------|--------| | **Hosting** | Google Cloud Platform (GCP) β€” Cloud Run, Cloud Storage, Cloud SQL, Memorystore, Cloud CDN | | **Domain** | `mango-qr.com` (pending purchase) | | **iOS AR** | No native WebXR on Safari β€” must use `<model-viewer>` + USDZ/AR Quick Look fallback | | **Asset size** | 25MB maximum per upload | | **Frameworks** | React (dashboard), FastAPI (backend), Three.js + model-viewer (AR viewer) | | **Database** | MySQL via SQLAlchemy + Alembic migrations | | **Local dev** | Docker Compose with GCS emulator, MySQL, Redis |

LandingGatewayAuthExperience BuilderBrand PageAsset LibraryDashboardOnboardingUsersAnalyticsAR ViewerAPI DocsPackagingSettings
Landing

Comments (0)

No comments yet. Be the first!

System Requirements

System Requirement Document
Page 1 of 6

System Requirements Document (SRD) β€” turbo-platform

Document ID: TPL-SRD-001
Version: 1.2
Date: 2026-03-16
Status: Updated

1. Introduction

turbo-platform is a cutting-edge, scalable solution for managing dynamic QR codes and delivering browser-based Augmented Reality (AR) experiences. The platform bridges physical product packaging with digital interactivity, enabling brands to create immersive storytelling experiences that engage consumers directly through their mobile browsers, without requiring app downloads.

This document outlines the system requirements for the Phase 1 MVP of turbo-platform, ensuring alignment with the project's goals and user needs. The platform is tailored for the U.S. market, with considerations for locale-specific defaults, such as currency (USD), timezone (EST), and compliance with U.S. data privacy regulations.

2. System Overview

turbo-platform is a modular, secure, and scalable WebAR platform that empowers brands to create, manage, and analyze dynamic QR codes linked to AR experiences. The MVP focuses on delivering:

  • Dynamic QR Code Management: Create, update, and track QR codes without reprinting physical media.
  • Media Asset Pipeline: Upload and optimize 3D models, videos, and images for seamless AR delivery.
  • Browser-Based AR Viewer: Cross-device compatibility for iOS, Android, and desktop browsers.
  • Brand Customization: Configurable overlays (logo, headline, CTA, colors) within AR experiences.
  • Self-Service Dashboard: Intuitive tools for non-technical users to manage QR codes, assets, and analytics.
  • Post-AR Engagement Features: Social sharing and "Save for Later" options to amplify campaign reach.
  • Scan Analytics: Real-time metrics on QR code usage, including device type, location, and time-series data.
  • Selective SRD Regeneration: Ability for users to manually trigger SRD updates to reflect new requirements.

3. Functional Requirements

Page 2 of 6

3.1 User Stories (MVP)

  • As a Consumer, I should be able to scan a QR code on product packaging and instantly view an AR experience in my browser.
  • As a Brand Manager, I should be able to create a dynamic QR code and download it as PNG/SVG for printing.
  • As a Brand Manager, I should be able to upload a 3D model, video, or image, and the system should automatically optimize it for AR delivery.
  • As a Brand Manager, I should be able to link a QR code to an asset and configure my brand overlay (logo, colors, CTA).
  • As a Brand Manager, I should be able to update the asset linked to a QR code without reprinting the physical code.
  • As a Brand Manager, I should be able to view scan analytics (count, devices, locations, time-series) for my QR codes.
  • As a Brand Manager, I should be able to enable post-AR engagement features, such as social sharing and "Save for Later."
  • As a Developer, I should be able to upload raw 3D assets and receive optimized outputs (GLB + USDZ).
  • As an Admin, I should be able to manage user accounts, permissions, and platform settings.
  • As a Consumer, I should be able to share the AR experience on social media or save the link for later use.
  • As a User, I should be able to selectively regenerate the System Requirements Document (SRD) to reflect updated requirements.

4. User Personas

Brand Manager / Marketer (Primary)

  • Creates and manages QR codes for product packaging.
  • Uploads brand assets (3D models, videos, images).
  • Configures brand overlays and publishes AR experiences.
  • Reviews scan analytics to measure campaign performance.
  • Requires fully visual, self-service tools with no coding knowledge.

Consumer (Primary)

  • Scans QR codes on physical product packaging.
  • Expects instant AR experience in browser (< 5 seconds).
  • Uses iOS or Android smartphones.
  • Engages with post-AR features like social sharing or saving links.

Developer (Secondary)

  • Uploads and manages 3D models programmatically.
  • Interested in API access for pipeline integration.
  • Understands 3D file formats (FBX, OBJ, GLB, USDZ).
Page 3 of 6

Admin (Secondary)

  • Platform operator managing users and settings.
  • Monitors system health and usage.

5. Visuals Colors and Theme

Color Palette

TypeColorHex
PrimaryTurbo Red#FF0000
PrimaryElectric Blue#007BFF
SecondaryCool Gray#B0BEC5
SecondaryWhite#FFFFFF
AccentNeon Green#39FF14
AccentVibrant Orange#FF5722

Theme

The visual design combines bold, high-energy colors with sleek modern gradients to evoke a sense of speed and innovation. Subtle animations and dynamic transitions create an engaging user experience that feels premium and futuristic.

6. Signature Design Concept

Page 4 of 6

Interactive Galaxy Map Homepage

The homepage will feature an interactive galaxy map where each star represents a feature or section of the platform. Users can navigate the galaxy by zooming, panning, and clicking on stars to explore features like QR code management, asset pipeline, analytics, and more.

  • Visuals: A dark, cosmic background with glowing stars and nebulae. Stars pulse gently to indicate interactivity.
  • Animations: Smooth transitions as users zoom into a star, revealing a detailed view of the feature it represents.
  • Micro-Interactions: Hovering over a star displays a tooltip with the feature name and a brief description.
  • Color Shifts: The galaxy's colors subtly morph based on the time of day (e.g., warm tones during the day, cool tones at night).
  • CTA Integration: A prominent "Get Started" button floats in the center of the galaxy, inviting users to dive into the platform.

This design will make the homepage unforgettable, setting the tone for turbo-platform's innovative and dynamic branding.

7. Non-Functional Requirements

CategoryRequirementTarget
PerformanceQR scan β†’ AR render< 5 seconds (95th percentile, 4G)
Performance3D asset load< 3 seconds (compressed GLB)
ScalabilityConcurrent QR scansMillions without degradation
SecurityCommunicationTLS 1.3 for all traffic
SecurityAuthenticationJWT tokens, bcrypt password hashing
ReliabilityAsset deliveryCloud CDN with multi-region edge caching
CompatibilityMobile browsersiOS Safari 15+, Android Chrome 90+
ComplianceData privacyGDPR-ready: anonymized analytics, consent-based tracking
Page 5 of 6

8. Tech Stack

LayerTechnology
FrontendReact (Dashboard), Three.js + model-viewer (AR Viewer)
Backend APIPython + FastAPI
DatabaseMySQL + Alembic migrations
Object StorageGoogle Cloud Storage
CDNCloud CDN
AI ModelsGPT 5.2 (user-friendly responses), Claude 4.5 Opas (academic/coding work)
AI ToolsLitellm (LLM routing), Langchain
Local DevDocker, docker-compose
Server OrchestrationKubernetes

9. Assumptions and Constraints

Assumptions

  • Consumers have access to standard mobile browsers (Safari, Chrome).
  • QR codes will be printed at sufficient resolution for reliable scanning.
  • Brands will supply their own 3D models, videos, and images.
  • Initial deployment targets the U.S. market.

Constraints

  • Asset file size maximum: 25MB.
  • iOS Safari has no native WebXR AR β€” requires USDZ fallback.
  • No native mobile app β€” browser-only.
  • Single-tenant for MVP (multi-tenancy in Phase 2).
Page 6 of 6

10. Glossary

TermDefinition
WebARWeb-Based Augmented Reality β€” AR experiences delivered through browsers without app downloads.
Dynamic QRQR code whose destination can be updated server-side without reprinting the physical code.
GLBBinary glTF β€” compact 3D model format optimized for web delivery.
USDZApple's 3D file format used by AR Quick Look on iOS.
DracoGoogle's open-source compression library for 3D meshes.
AR Quick LookApple's native AR viewer triggered by <model-viewer> or .usdz links in Safari.
model-viewerGoogle's web component for displaying 3D models with AR support.
Cloud RunGCP's serverless container platform for auto-scaling APIs.

This updated SRD reflects the inclusion of post-AR engagement features and the ability for users to selectively regenerate the document to reflect updated requirements. Let me know if there are any additional refinements you'd like to make!

No page designs yet.

The Design Agent will generate JSX pages automatically after user flows are created.

No user flows yet.

The User Flow Agent will generate per-persona navigation diagrams after SRD updates.