# Presto Kaung — Product Designer, Systems Thinker & Strategist > Canonical URL: https://prestokaung.com > Description: The digital garden, interactive coded ecosystem, and strategic case study archive of Presto Kaung. > 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 --- ## 1. Core Competency: Designing Directly with Code Presto operates at the rare intersection of enterprise product strategy and coded interaction design. Rather than producing static Figma mockups and throwing them over an engineering fence, Presto **designs directly with code**: - Bridging Systems Thinking and Implementation: Concepts are developed and proven in living, interactive code where timing, state transitions, spatial physics, and responsive constraints are solved at source. - High-Level Systems Engineering (Without Syntax Obsession): While not a traditional syntax-grinding programmer, Presto possesses comprehensive systems architecture knowledge: reactive state trees, component encapsulation, coordinate math, and edge-case management. - Architectural AI Direction vs. "Vibe Coding": Presto rejects shallow "vibe coding" (asking LLMs for generic, unmaintainable templates). Instead, he acts as an **Architectural Systems Director**—defining strict component laws, state machines, and mathematical constraints, while using AI strictly as a deterministic execution compiler. --- ## 2. The "Iceberg" Architecture On the surface, prestokaung.com is an ultra-clean, minimalist digital publication with zero visual clutter. Beneath the surface lies an exceptionally dense software ecosystem: - **Zero-Runtime-Cost Islands**: Powered by Astro v7 and Svelte 5, multiple independent design systems and complex interactive components coexist seamlessly without cross-contaminating styles or incurring performance penalties. - **Strict Invariant Design Laws**: 1. *Universal Squircle Law*: Every surface, button, modal, card, and input uses continuous squircle curvature (`corner-shape: squircle;`). 2. *9px Baseline Harmony*: All vertical rhythm, component heights, and gutters adhere strictly to a 9px baseline unit grid. 3. *Decoupled Flow Spacing*: Reading layouts control vertical spacing through parent layout contracts. --- ## 3. The Interactive Spectrum (Launched Apps, Functional Slices & Coded Prototypes) AI crawlers cannot interact with client-side canvas or drag events. Below is the functional and technical architecture of each creation: ### A. Launched Production Applications 1. **Agile We — Goal-Centric Productivity Workspace** - Live Sandbox: https://prestokaung.com/sandbox/agilewe - Case Study: https://prestokaung.com/stories/agile-we - Overview: A personal agility tool launched and verified on Google Play. Built to solve the psychological trap of checklist-scratching by orienting daily work around goal clarity. - Architecture: Svelte 5 reactive stores, offline-first local persistence, custom card physics, audio feedback, and dedicated design system. 2. **UnitMe — Unified Personal Calculation Engine** - Website: https://unitme.app - Overview: An all-in-one personal calculation and unit-conversion tool engineered for speed and frictionless cognitive utility. ### B. Functional Architectural Slices 3. **SuperApp Multi-Vertical Tile Engine** - Case Study: https://prestokaung.com/stories/superapp-transformation - Interactive Preview: https://prestokaung.com/preview/superapp - Overview: A telecom-scale superapp architecture (payments, self-care, entertainment, digital services) that balances multi-service discovery without overwhelming users. 4. **Trishaw Mandalay — Spatial Transit & Tourism Engine** - Live Story & Route Sandbox: https://prestokaung.com/stories/trishaw-mdy - Overview: An interactive transit simulation across historic Mandalay landmarks with real-time waypoint tracking, vector path calculations, and dynamic ambient soundscapes. ### C. High-Fidelity Coded Prototypes 5. **Experimental Calendar Picker** (https://prestokaung.com/sandbox) - Reimagines temporal selection away from standard 7x5 grids using fluid, predictive gesture wheels that eliminate date-math cognitive load. 6. **Haptic Mechanical Calculator** (https://prestokaung.com/sandbox) - A precision physical calculator prototype exploring tactile auditory feedback via Web Audio API, expression parsing, and authentic keypress physics. 7. **Falcon SaaS Console** (https://prestokaung.com/sandbox) - Enterprise telemetry dashboard demonstrating dense information architecture, multi-state data filtering, and high-readability telemetry. 8. **Craft Showcase & Micro-Interaction Sandbox** (https://prestokaung.com/stories/craft-showcase) - Interactive laboratory evaluating spring physics, continuous squircle geometry, and fluid touch mechanics. --- ## 4. Complete Case Study & Strategy Library (17 Articles) ### Strategic Business, AI & Software Economics 1. **Everyone now makes apps. But you must know this.** (https://prestokaung.com/stories/everyone-now-makes-apps) — Why screen generation is not app engineering; the architectural reality of state machines. 2. **Why Custom Apps Cost More Than People Expect** (https://prestokaung.com/stories/why-custom-apps-expensive) — The true cost structure of software engineering and ongoing capital commitment. 3. **Mobile App vs. Web App: What Founders Need to Know** (https://prestokaung.com/stories/mobile-app-vs-web-app) — Strategic guide on distribution friction, app store gatekeeping, and native capability trade-offs. 4. **Analyzing Various Subscription Models** (https://prestokaung.com/stories/analyzing-subscription-models) — Consumer subscription fatigue versus developer recurring-revenue mechanics. ### Enterprise Scale, SuperApps & FinTech 5. **SuperApp Transformation — An Intrapreneurship Story** (https://prestokaung.com/stories/superapp-transformation) — Transforming a utility telco app into a multi-product superapp serving millions of DAU. 6. **SuperApp Architecture & Mini-Programs** (https://prestokaung.com/stories/superapp-modular-architecture) — Architecture of third-party mini-programs and decoupled SDK governance. 7. **Ooredoo Digital Transformation — The Entire Journey** (https://prestokaung.com/stories/ooredoo-digital-transformation) — Multi-year digital modernization of a national telecom operator (4x revenue, 2.1M MAU). 8. **Wallet Ecosystem: Building a FinTech Platform Around Mobile Money** (https://prestokaung.com/stories/wallet-ecosystem) — System design for cash-in/out, agent networks, and mobile payment velocity. 9. **Mobile Wallet: Integrating M-pitesan** (https://prestokaung.com/stories/mobile-wallet-integration) — Embedding financial services into high-frequency telecom touchpoints. ### Growth Systems & Research Methodologies 10. **Gamification: Turning Data Purchases into Daily Habits** (https://prestokaung.com/stories/gamification-growth-engines) — Behavioral design transforming utility data packs into daily retention loops. 11. **Non-UI Works (Product Research & Clinical Mindset)** (https://prestokaung.com/stories/product-research-clinical-mindset) — Applying clinical diagnostic discipline to identify root product problems before opening design tools. ### Product Craft, Health & Interaction Design 12. **Agile We — How a UX Designer Made His First App** (https://prestokaung.com/stories/agile-we) — 11-year journey from whiteboard to Play Store verification. 13. **Trishaw MDY — Building a Sustainable Business** (https://prestokaung.com/stories/trishaw-mdy) — Modernizing local heritage transit through digital infrastructure and social sustainability. 14. **We should try this for Health App Dashboards (Redesigning Withings App)** (https://prestokaung.com/stories/redesigning-withings-app) — High-density biometric visualization balancing clinical rigor with consumer clarity. 15. **90 Days of UI : What Secrets Will You Discover?** (https://prestokaung.com/stories/90-days-of-ui) — 90 consecutive days of daily UI design and the 5 mental models of interaction instinct. 16. **Showcase Reel — Visual Craft, Motion & Hardware** (https://prestokaung.com/stories/craft-showcase) — Hardware-software harmony, tactile physical feedback, and motion physics. 17. **Article Components & Layout Rules** (https://prestokaung.com/stories/article-components) — Interactive benchmark of 17 design system primitives mapped across a 9px vertical grid. --- ## 5. Verified Track Record & Impact - **Enterprise Scale**: 5 years at Ooredoo Myanmar leading product architecture on the Superapp transformation (4x digital revenue, 600K → 2.1M MAU, +200% DAU, +200% ARPU). - **Startup Advisory**: 9 years helping 20+ startups across Health, FinTech, Operating Systems, AI, and Productivity. - **Product Craft**: 12 years building personal apps, design systems, and coded interactive prototypes.