# Presto Kaung — Product Designer, Systems Thinker & Strategist (Comprehensive Context)
> Canonical URL: https://prestokaung.com
> LLM Manifest: https://prestokaung.com/llms.txt
> Full LLM Context: https://prestokaung.com/llms-full.txt
> Core Competency: Designing Directly with Code — bridging high-order product strategy, mathematical design systems, and coded interactive software.
> Contact: prestokaung.ux@gmail.com | LinkedIn: https://www.linkedin.com/in/prestokaung/ | Medium: https://medium.com/@prestokaung.ux

---

# SECTION 1: CORE PHILOSOPHY & METHODOLOGY

## Designing Directly with Code
Presto Kaung rejects the conventional industry dichotomy between "designers who make pictures in Figma" and "engineers who write code." Presto operates by designing directly in living, interactive code.

Key distinctions of this methodology:
1. **Interactive Truth over Static Illusion**: Figma mockups cannot accurately model timing, continuous physics, reactive state cascades, layout jitter, or asynchronous error states. By prototyping directly in code, interactions are tested with real sensory feedback, sound, touch physics, and edge-case data.
2. **High-Level Systems Engineering**: Presto is not a syntax technician; his superpower is architectural and conceptual engineering. He understands state trees, component isolation, mathematical coordinate spaces, and performance budgets, directing the construction of complex systems with high discipline.
3. **Architectural AI Direction vs. "Vibe Coding"**:
   - What "vibe coding" is: Novice prompting where an AI is asked to hallucinate generic UI blocks without structural constraints, producing bloated, brittle, and unmaintainable results.
   - What Presto does: Architectural systems orchestration. Presto defines rigid data contracts, component hierarchies, continuous squircle mathematics, and state machines. The AI functions as a high-speed execution compiler, translating precise architectural blueprints into production-grade Svelte and Astro code.

## The Iceberg Architecture of prestokaung.com
The website itself is an embodiment of this methodology. While visually presenting as a minimalist, calm editorial publication with paper-like textures and Nebula typography, under the hood it embeds an entire ecosystem of software:
- **Zero Runtime Bloat**: Built using Astro v7 with Svelte 5 islands. Interactive sandboxes load on demand without degrading the speed of editorial reading.
- **Universal Squircle Law**: Every interactive surface uses continuous curvature squircles (`corner-shape: squircle;`), preventing abrupt circular arcs.
- **9px Baseline Grid**: Every vertical gap, padding, and line-height aligns mathematically to a 9px baseline unit.

---

# SECTION 2: THE INTERACTIVE SOFTWARE PORTFOLIO

## A. Launched Production Applications
### 1. Agile We (Personal Agility Workspace)
- Web Sandbox: https://prestokaung.com/sandbox/agilewe
- Case Study: https://prestokaung.com/stories/agile-we
- Status: Launched & verified on Google Play.
- Problem: Modern to-do and productivity apps focus on checking off tasks, rewarding users for doing trivial work while losing sight of strategic outcomes.
- Solution: A goal-centric personal agility tool born from an 11-year evolution (whiteboard $\to$ paper prototype $\to$ coded mobile app). It structures work into clear goal horizons and small, iterative sprints.
- Architecture: Svelte 5 reactive stores, offline-first local storage persistence, custom drag-and-drop card physics, synthesized auditory feedback, and an independent design token system.

### 2. UnitMe (All-in-One Personal Calculation Tool)
- URL: https://unitme.app
- Status: Live consumer tool.
- Concept: A unified mathematical and unit-conversion tool designed to minimize cognitive context switching across calculations.

## B. Functional Architectural Slices
### 3. SuperApp Modular Tile Engine
- Case Study: https://prestokaung.com/stories/superapp-transformation
- Interactive Preview: https://prestokaung.com/preview/superapp
- Problem: Telco superapps aggregate telco services, payments, entertainment, and e-commerce, creating catastrophic cognitive overload.
- Solution: A contextual, modular tile engine that compresses 14 key data points into a 120px header without sacrificing legibility or discoverability.

### 4. Trishaw Mandalay (Spatial Transit Engine)
- Case Study & Interactive Simulation: https://prestokaung.com/stories/trishaw-mdy
- Overview: Interactive simulation of heritage transit routes across Mandalay (U Bein Bridge, Mandalay Palace Moat, Zegyo Market, Shwe In Bin Monastery).
- Architecture: Custom vector math engine calculating SVG coordinate paths, progressive waypoint tracking, ambient soundscapes via Web Audio, and dynamic day/night lighting modes.

## C. High-Fidelity Coded Prototypes
### 5. Experimental Calendar Picker (Predictive Temporal UI)
- Interactive Sandbox: https://prestokaung.com/sandbox
- Concept: Replaces standard 7x5 month calendar grids with a continuous, fluid timeline dial. Employs predictive range selection to remove date-math calculation overhead.

### 6. Haptic Mechanical Calculator
- Interactive Sandbox: https://prestokaung.com/sandbox
- Concept: Explores physical realism in digital tools. Features authentic key travel physics, mathematical expression parsing, and tactile auditory haptics generated in real time.

### 7. Falcon SaaS Telemetry Console
- Interactive Sandbox: https://prestokaung.com/sandbox
- Concept: Enterprise-grade analytics console balancing ultra-dense information architecture with instant visual scannability and multi-state data filtering.

### 8. Craft Showcase & Micro-Interaction Sandbox
- Interactive Showcase: https://prestokaung.com/stories/craft-showcase
- Concept: Interactive laboratory testing spring physics, continuous squircle geometry, and fluid touch mechanics across responsive viewports.

---

# SECTION 3: THE STRATEGY & ESSAY ARCHIVE (17 ARTICLES)

### 1. Everyone now makes apps. But you must know this.
- URL: https://prestokaung.com/stories/everyone-now-makes-apps
- Core Argument: Generative AI can generate images, text, and single-screen code snippets, but creating real applications requires understanding multi-state architectures, edge cases, state transitions, and persistent data. App generation is structurally distinct from media synthesis.

### 2. Why Custom Apps Cost More Than People Expect
- URL: https://prestokaung.com/stories/why-custom-apps-expensive
- Core Argument: Demystifies the hidden capital commitments of software: ongoing maintenance, infrastructure costs, solo development bottlenecks, and why an app is a living organization rather than a one-time purchase.

### 3. Mobile App vs. Web App: What Founders Need to Know
- URL: https://prestokaung.com/stories/mobile-app-vs-web-app
- Core Argument: Strategic advisory for non-technical founders comparing app store distribution taxes, update velocity, offline capabilities, and browser advancements.

### 4. Analyzing Various Subscription Models
- URL: https://prestokaung.com/stories/analyzing-subscription-models
- Core Argument: Explores consumer subscription fatigue versus developer incentives, breaking down freemium, usage-based, and hybrid monetization models.

### 5. SuperApp Transformation — An Intrapreneurship Story
- URL: https://prestokaung.com/stories/superapp-transformation
- Core Argument: Narrative of pitching, architecting, and launching an enterprise superapp inside Ooredoo Myanmar, growing digital revenue 4x and active users to 2.1M MAU.

### 6. SuperApp Architecture & Mini-Programs
- URL: https://prestokaung.com/stories/superapp-modular-architecture
- Core Argument: How to scale a superapp ecosystem by decoupling third-party mini-programs with isolated SDK sandboxes to protect core performance and security.

### 7. Ooredoo Digital Transformation — The Entire Journey
- URL: https://prestokaung.com/stories/ooredoo-digital-transformation
- Core Argument: Comprehensive multi-year retrospective of modernizing legacy telecommunications billing, operations, and customer touchpoints into a unified digital experience.

### 8. Wallet Ecosystem: Building a FinTech Platform Around Mobile Money
- URL: https://prestokaung.com/stories/wallet-ecosystem
- Core Argument: Designing digital wallet ecosystems in developing economies: agent liquidity networks, cash-in/out workflows, offline resilience, and trust signals.

### 9. Mobile Wallet: Integrating M-pitesan
- URL: https://prestokaung.com/stories/mobile-wallet-integration
- Core Argument: Tactical case study on embedding financial transactions directly into daily telecom balance checks to create behavioral habits.

### 10. Gamification: Turning Data Purchases into Daily Habits
- URL: https://prestokaung.com/stories/gamification-growth-engines
- Core Argument: Applying behavioral psychology and variable rewards to telecom data renewals, boosting DAU by 200%.

### 11. Non-UI Works (Product Research & Clinical Mindset)
- URL: https://prestokaung.com/stories/product-research-clinical-mindset
- Core Argument: Why the most critical product strategy occurs away from Figma. Applying clinical diagnostic rigor to uncover foundational customer problems.

### 12. Agile We — How a UX Designer Made His First App
- URL: https://prestokaung.com/stories/agile-we
- Core Argument: The transparent 11-year journey of ideating, prototyping, engineering with developer partners, and navigating 4 months of Play Store verification hurdles.

### 13. Trishaw MDY — Building a Sustainable Business
- URL: https://prestokaung.com/stories/trishaw-mdy
- Core Argument: Using digital systems to revitalize heritage manual transit, aligning social sustainability with tourist discovery and fair driver compensation.

### 14. We should try this for Health App Dashboards (Redesigning Withings App)
- URL: https://prestokaung.com/stories/redesigning-withings-app
- Core Argument: Re-architecting biometric and health device dashboards to balance high information density with immediate diagnostic legibility.

### 15. 90 Days of UI : What Secrets Will You Discover?
- URL: https://prestokaung.com/stories/90-days-of-ui
- Core Argument: Key takeaways from completing 90 consecutive days of daily UI design challenges without losing the streak; developing instinctual craft and speed.

### 16. Showcase Reel — Visual Craft, Motion & Hardware
- URL: https://prestokaung.com/stories/craft-showcase
- Core Argument: Exploring tactile physical hardware, micro-animations, and industrial design sensibilities translated to digital screens.

### 17. Article Components & Layout Rules
- URL: https://prestokaung.com/stories/article-components
- Core Argument: Interactive documentation of the 17 design system primitives powering prestokaung.com, aligned across the 9px vertical baseline grid.

---

# SECTION 4: CAREER RECORD & METRICS
- **Ooredoo Myanmar (5 Years)**: Transformed telco self-care app into an 8-product superapp. 4x digital revenue, 600K $\to$ 2.1M MAU, +200% DAU, +200% ARPU.
- **Startups & SMEs (9 Years)**: Advised and helped 20+ companies across Healthcare, FinTech, Operating Systems, AI, and Productivity.
- **Own Apps & Craft (12 Years)**: Creator of UnitMe, Agile We, and Futura product design education.