שלב 1 • BRIEF 📋

קובץ: PROCESS/01_BRIEF_INTAKE.md

מה קורה כאן?

1. 📌 מגדירים מה המטרה
2. 🎯 קהל יעד (למי זה מדבר)
3. 🗣 טון/אווירה
4. 🖼 פורמטים דרושים
5. 📏 הגבלות טכניות
6. 🔒 רגישויות

✅ QA עצמי

• 🧪 האם הבנתי את המסר?
• 🧪 האם יש שפה רגשית ברורה?
• 🧪 האם אין חסר מידע קריטי?

אם חסר — עוצרים כאן. אסור להמשיך.

שלב 2 • WIREFRAME 🧱

קובץ: PROCESS/02_WIREFRAME.md

פלט השלב

• שרטוט מבנה (layout) ידני או Figma-style
• בלי צבעים. בלי אפקטים. רק היררכיה

מה בודקים?

• 🏗 סדר עדיפויות לתוכן
• 📱 התנהגות רספונסיבית
• 👁 קריאות

רק אחרי שה־wireframe חתום → מותר לעבור ל־Visual

שלב 3 • VISUAL CONCEPT 🎨

קובץ: PROCESS/03_VISUAL_CONCEPT.md

פלט השלב

• בחירת צבע ראשי, משני, רקע, הדגשה
• בחירת טיפוגרפיה
• Moodboard / סגנון

מקבילית היסוד

• צבע = רגש
• טיפוגרפיה = טון קול
• רקע = עולם

אחרי החתימה — ננעלים. כל שינוי לאחר הנעילה = גרסה חדשה ב־CHANGELOG

שלב 4 • IMPLEMENTATION 💻

קובץ: PROCESS/04_IMPLEMENTATION.md

פה מתחיל הבנייה האמיתית

• יצירת קבצי HTML/CSS/JS נקיים
• שימוש ב־classNames אחידים וקריאים
• הטמעה רספונסיבית בפועל
• ייצוא נכסים גרפיים בפורמט הנכון

שלב 5 • QA REVIEW 🧪

קובץ: PROCESS/05_QA_REVIEW.md

QA בודק

• 📱 Responsiveness
• 🔊 Accessibility
• 🧬 Consistency
• ⚡ Performance
• 🔒 Respect

שלב 6 • HANDOFF 📤

קובץ: PROCESS/06_HANDOFF.md

בשלב הזה

• מכינים חבילה רשמית להעברה
• מעדכנים CHANGELOG.md
• מכניסים תגית גרסה
• שמים חתימה ב־CREDITS.md