מותאם מובייל = האתר נבנה לדסקטופ ואז הוקטן למובייל. התוצאה לרוב: טקסט קטן מדי, כפתורים צפופים, תפריט עם 8 פריטים שגולש לא רואה. מובייל-ראשון = האתר נבנה ראשית למסך של 375 פיקסל (iPhone), אחר כך מתרחב לטאבלט (768) ולדסקטופ (1280+). במובייל-ראשון: ה-Hero קצר וברור, CTA תופס רוחב מלא של המסך, תפריט מצומצם ל-3-5 פריטים, גופן 16 פיקסל מינימום, וטופס בעמוד נפרד או מודאל. ההבדל הוא לא רק טכני - הוא בחשיבה.

1) גופן בסיסי 16 פיקסל לפחות (לא 12). 2) כפתורים בגובה 44 פיקסל מינימום (כדי לקלוט אצבע). 3) תפריט המבורגר עם 3-5 פריטים, לא 8. 4) Hero בגובה 80vh מקסימום (לא יותר ממסך). 5) טפסים עם labels מעל השדות, לא placeholder בלבד. 6) WhatsApp button קבוע בצד תחתון (60%+ מהפניות בישראל). 7) תמונות מותאמות (WebP, פחות מ-200KB). 8) טקסט במחילה מלאה (לא ימני, RTL נכון). 9) מבחן באמת על iPhone ועל Android - לא רק במצב סימולציה בדסקטופ.

מסעדה בתל אביב הייתה לה אתר WordPress עם תפריט עליון של 7 פריטים, Hero של תמונה גדולה ו-Title קטן, וטופס הזמנה של 6 שדות. במובייל: שיעור הזמנות 0.6%. בנינו מובייל-ראשון: תפריט המבורגר של 3 פריטים (הזמנה, תפריט אוכל, צור קשר), Hero קצר עם כפתור הזמנה גדול, וטופס של 2 שדות (טלפון + שעת הזמנה). שיעור הזמנות במובייל עלה ל-2.4%. ההזמנות החודשיות עלו מ-87 ל-238. גולשי הדסקטופ לא נפגעו - בעצם, גם שם ההמרה השתפרה ב-30%.

1) להניח שגולש ירצה להתקשר ולא ל-WhatsApp. בישראל ב-2026, 60%+ מהפניות הראשונות הן ב-WhatsApp. אם אין כפתור בולט - איבדת. 2) Hero מלא טקסט. במובייל, גופן 18 פיקסל = 4-5 מילים בשורה. הכותרת לא יכולה להיות 12 מילים, היא חייבת להיות 5-7. 3) טפסים שנפתחים באמצע העמוד. במובייל, גולש שמלחיץ טופס באמצע מאבד את הקשר. עדיף לפתוח את הטופס בעמוד נפרד או במודאל מלא מסך.