How I design and build products.
How I take a product from first conversation to live code: research and UX first, then design systems and UI, then the build in Webflow, Shopify, Next.js, or Flutter.
Every product starts with a structure.
- 01
Discover
Understand the problem, users, and constraints.
- 02
Define
Establish product direction and information architecture.
- 03
Design
Develop the experience, visual language, and interactions.
- 04
Build
Translate the design into a working digital product.
- 05
Refine
Test, learn, and improve.
The product engineering framework.
- 01
Discovery
Opportunity mapping & stakeholder alignment
- 02
Product Strategy
Vision, positioning & roadmap
- 03
Research
User interviews, competitive analysis
- 04
UX Architecture
Flows, IA & interaction models
- 05
Design System
Tokens, components & patterns
- 06
Frontend Engineering
React, Next.js & performance
- 07
Backend Integration
APIs, auth & data modeling
- 08
AI Systems
Agents, prompts & LLM infrastructure
- 09
Testing
Usability, QA & accessibility
- 10
Launch
Deployment & go-to-market
- 11
Iteration
Analytics-driven improvements
- 12
Scale
Growth systems & optimization
The stack I ship with.
Product thinking, design craft, engineering fundamentals, and modern AI workflows connected into one toolchain that moves ideas to production faster without compromising quality.
- FigmaDesign
- ClaudeAI Dev
- CursorAI IDE
- ChatGPTStrategy
- GeminiResearch
- Next.jsFrontend
- SupabaseBackend
- FlutterMobile
- WebflowNo-Code
- WordPressCMS
- ShopifyEcommerce
- GitHubShip
- Agentic workflows
- Rapid MVP
- AI prototyping
- Multi-agent dev
Capability matrix.
| Area | Level | Years | Deliverables | Tools | Outcome |
|---|---|---|---|---|---|
| Strategy | Expert | 6+ | Roadmaps, positioning, growth plans | Notion, Miro, FigJam | Aligned product vision |
| Design | Expert | 6+ | UX flows, UI systems, prototypes | Figma | Conversion-ready experiences |
| Frontend | Expert | 5+ | SPAs, design systems, a11y | React, Next.js, TypeScript | Production-grade interfaces |
| Backend | Advanced | 4+ | APIs, auth, data models | Supabase, REST, SQL | Scalable infrastructure |
| No-Code | Advanced | 4+ | Marketing sites, CMS, SEO | Webflow, WordPress, Shopify | Fast go-to-market |
| Mobile | Proficient | 3+ | Cross-platform apps, mobile UX | Flutter | Native-quality mobile |
| AI | Advanced | 2+ | AI UX, agents, LLM products | Claude, Cursor, ChatGPT | AI-native products |