מרעיון להנדסה ביומיים: תהליך עיצוב לפי מפרט לדף הכרטיסיות.

רציתי תהליך spec-driven, אבל לעיצוב. ז“א עבודה שמתחילה ממפרט כתוב, ולא מהשראה של הרגע.

לא להמציא מחדש, אלא לבנות משהו שמייצר איכות גבוהה ושאפשר לחזור עליו.

אמרתי לניצה: קודם תחקרי תהליכים מוכחים.

בתוך יומיים, 7 עד 8.10.2026, ה־workflow קם. ועליו רצה הריצה האמיתית הראשונה: רידיזיין של דף ה־ticket, עד חבילת handoff (מסמך העברה מסודר) לכוכבה.

אמרתי בסוף:

יום 1, בונים את התהליך:

ניצה חקרה את Spec Kit, BMAD, Google DESIGN.md, Shape Up, GOV.UK, Linear ועוד. מכל זה יצא דוח מחקר מסודר.

השלבים שקבענו:

1. בריף.
2. לוח השראה.
3. לואו־פי (סקיצה גסה) בפיגמה, 3 כיוונים בשחור־לבן.
4. היי־פי (עיצוב מוגמר) כפרוטוטייפ חי, עם מערכת העיצוב של עברית.
5. ביקורת של כמה מודלים.
6. עד 2 או 3 סבבי תיקון, עם שער איכות.
7. handoff לכוכבה.

הביקורת עובדת ככה: Codex, Claude ו־Gemini, כל אחד בשלוש ריצות, מול רובריקה (טבלת קריטריונים לציון) משותפת.

הרובריקה בודקת היררכיה, קריאות בעברית, נאמנות למותג, נגישות, ובהירות של הפעולה הראשית.

לוקחים חציון, משווים מול הדף החי, ומדרגים חומרות: Blocker, High, Medium ו־Nit. ויש גם שאלות של פרסונות.

נוסף שלוח Replicate ללוחות ההשראה. ונוספו סקילים של עיצוב: Emil Kowalski, Figma, Anthropic, Addy Osmani, וOneRedOak מותאם לRTL (כתיבה מימין לשמאל) ולמצב כהה.

הכול נשמר כסקיל לשימוש חוזר, spec-driven-design.

יום 2, הריצה על דף הכרטיסיות:

הבריף חיבר הרבה מקורות. מחקר קודם, פידבק שלי, קול הלקוחות מ־Glassix, והקשר עסקי מבאשר. וגם נתונים מ־GA4 ומClarity, ועובדות מהקוד מכוכבה.

מה הנתונים הראו: מובייל זה כ־75% מהמשתמשים.

הכרטיסייה של אוהבי ספר מביאה כ־69% מהכנסות הכרטיסיות, אבל במובייל היא ישבה כ־750px למטה.

הלינק לרשימת הספרים היה הכי לחוץ. והיו כ־600 dead clicks, ז“א לחיצות שלא עשו כלום, על פני הכרטיסים.

מחקר של תשלום מראש מול מנוי עיצב את הקופי:

• להוביל במספר הספרים ובמחיר לספר, בלי אחוזי הנחה.
• ״תשלום אחד, בלי מנוי״.
• תוקף של 5 שנים.
• שורה כנה אחת של ״לא בשבילכם אם״.
• מתנה בתור ״הם בוחרים את הספרים״.

את הלואו־פי בפיגמה אישרתי. הכותרת שנבחרה: ״הספר הבא כבר שלך. וגם זה שאחריו.״

ההיי־פי היה פרוטוטייפ חי בNext.js. עם פונטים, טוקנים, כריכות חיות, ומחירים וכמויות מה־API של האתר.

הכרטיס המומלץ נבחר לפי מיון בDB, ולא לפי ערך שקבוע בקוד.

הביקורת: 3 סבבים, כפול 3 מודלים, כפול 3 ריצות.

בסבב 1 היו שני High שכל המודלים סימנו. שורת ״ועוד 29,364 ספרים״ מבלבלת, וגרף שנראה כמו אפליקציה של בנק.

שניהם תוקנו. הציון של Gemini עלה מ־69% ל־92% עד סבב 2.

כל שלושת המודלים דירגו את הדף החדש טוב יותר מהחי, בכל גורם ובכל סבב.

ואז בודק עצמאי, שלא בנה את הדף, תפס High שכל המודלים פספסו. הם ראו רק צילומי מסך. ולחיצה על כריכה פשוט לא עשתה כלום.

זה תוקן בשורה אחת, ואומת ב־22 מתוך 22 לחיצות, במובייל ובדסקטופ.

כוכבה ענתה על שאלות מתוך הקוד, ותפסה טענה שגויה על מתנה בקופי. המקבל לא בוחר ספר מיד, וזה תוקן.

התיקונים החיים שלי נשמרו ככללי טעם קבועים:

• בלי גרדיאנטים.
• רק המילה האחרונה בכותרת בפונט האקסנט.
• צבעי הכרטיסים אוטומטיים לפי המיקום, בלי ניהול בDB.
• כרטיסים משניים באותו עיצוב מלא, בכל רוחב.
• רק לכרטיס המומלץ יש כותרת משנה.

עכשיו יש חבילת handoff לכוכבה, כדי לבנות את זה בבראנץ׳ רידיזיין נפרד. כולל דרישות מדידה לפני A/B (ניסוי בין שתי גרסאות).

איפוסמקורסגירהצביטה, לחיצה כפולה או גלגלת על התמונה להגדלה. גרירה להזזה.

איפוסמקורסגירהצביטה, לחיצה כפולה או גלגלת על התמונה להגדלה. גרירה להזזה.

למה זה היה מעולה:

זה לא ״עיצוב יפה״.

זה תהליך שחוזר על עצמו, עם נתונים, קוד וביקורת של כמה מודלים. ועם בדיקה עצמאית שתופסת מה שצילום מסך לא רואה.

מיום של מחקר ועד handoff מוכן לצוות.

מה כדאי לקחת מזה:

חוקרים תהליכים מוכחים לפני שבונים workflow. ניצה לא המציאה מאפס. הדוח חסך שבועות של ניסוי וטעייה.

כמה מודלים, ועוד בודק שלא בנה. כל אחד תופס משהו אחר. צילומי המסך פספסו את הלחיצה על הכריכה, והבדיקה האינטראקטיבית תפסה.

נתונים וקוד לפני קופי. GA4, Clarity, Glassix וכוכבה מנעו טענות שגויות. על המתנה, על מיקום המומלצת ועל המחיר לספר.

כללי טעם נשמרים. כל תיקון חי שלי הופך לכלל. הפעם הבאה מתחילה גבוה יותר.

בונים שְׁלוּחִים? בואו לשאול.
למי שבונה שְׁלוּחִים ב־Grok Bot או בכלים דומים, יש קבוצת ווטסאפ קטנה שבה מדברים, מתייעצים, לומדים ומלמדים