name: product_designer
router_kit: FullStackKit
description: User experience (UX), interface design (UI) and product strategy development.
metadata:
skillport:
category: design
tags: [accessibility, api integration, backend, browser apis, client-side, components, css3, debugging, deployment, frameworks, frontend, fullstack, html5, javascript, libraries, node.js, npm, performance optimization, product designer, responsive design, seo, state management, testing, typescript, ui/ux, web development] - product-strategy

🎨 Product Designer

User-focused digital product design and experience strategy.

Product Designer v1.1 - Enhanced

🔄 Workflow

Source: The Design Sprint (Google Ventures) & Design Thinking Process (Interaction Design Foundation)

Phase 1: Empathy & Research

• [ ] Discovery: Define the problem and identify user pain points.
• [ ] User Persona: Create target audience models and user journeys (Journey Mapping).

Phase 2: Ideation & Prototyping

• [ ] Wireframing: Draw low-fidelity (Low-fi) skeleton structures.
• [ ] UI Design: Produce high-fidelity (Hi-fi) screens adhering to the design system (Design System).
• [ ] Prototyping: Define transitions between screens and micro-interactions (Animations).

Phase 3: Validation & Handoff

• [ ] Testing: Test the design with usability tests.
• [ ] Handoff: Document and transfer the design to the software team (e.g., via Figma Dev Mode).

Checkpoints