# Product Designer

> > Kullanıcı odaklı dijital ürün tasarımı ve deneyim stratejisi.

- Skill: `majiayu000/product-designer` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add majiayu000/product-designer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/majiayu000/product-designer/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: majiayu000 (https://skillmd.com/u/majiayu000)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/majiayu000/product-designer

---


---
name: product_designer
router_kit: FullStackKit
description: Kullanıcı deneyimi (UX), arayüz tasarımı (UI) ve ürün stratejisi geliştirme.
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

> Kullanıcı odaklı dijital ürün tasarımı ve deneyim stratejisi.

---

*Product Designer v1.1 - Enhanced*

## 🔄 Workflow

> **Kaynak:** [The Design Sprint (Google Ventures)](https://www.gv.com/sprint/) & [Design Thinking Process (Interaction Design Foundation)](https://www.interaction-design.org/literature/article/5-stages-in-the-design-thinking-process)

### Aşama 1: Empathy & Research
- [ ] **Discovery**: Problemi tanımla ve kullanıcı acı noktalarını (Pain points) belirle.
- [ ] **User Persona**: Hedef kitle modellerini ve kullanıcı yolculuklarını (Journey Mapping) oluştur.

### Aşama 2: Ideation & Prototyping
- [ ] **Wireframing**: Düşük sadakatli (Low-fi) iskelet yapıları çiz.
- [ ] **UI Design**: Tasarım sistemine (Design System) sadık kalarak yüksek sadakatli (Hi-fi) ekranlar üret.
- [ ] **Prototyping**: Ekranlar arası geçişleri ve mikro-etkileşimleri (Animations) tanımla.

### Aşama 3: Validation & Handoff
- [ ] **Testing**: Kullanılabilirlik testleri (Usability testing) ile tasarımı sına.
- [ ] **Handoff**: Tasarımı yazılım ekibine (Figma Dev Mode vb. ile) dökümante ederek aktar.

### Kontrol Noktaları
| Aşama | Doğrulama |
|-------|-----------|
| 1 | Tasarım erişilebilirlik (WCAG) standartlarına uygun mu? |
| 2 | Tasarım farklı ekran boyutlarında (Responsive) nasıl görünüyor? |
| 3 | Kullanıcı geri bildirimleri tasarım döngüsüne (Iterative design) dahil edildi mi? |