Bio Sculpture Israel
E-COMMERCE · אפיון · UX/UI · בנייההזרוע הישראלית של מותג טיפוח הציפורניים הבינלאומי Bio Sculpture, שפועל ביותר מ-40 מדינות. לקחתי חנות אונליין ותיקה שנבנתה במשך שנים והעברתי אותה לפלטפורמה חדשה, בלי לאבד כתובת אחת, הזמנה אחת או ליד אחד. זה כלל חנות, מכללה, מגזין, פורטל טכנאיות ולוח קליניקות, בארבע שפות ובשני כיווני כתיבה. עשיתי את הכל לבד, מהאפיון ועד מה שקרה אחרי ההשקה.
30 שניות, אם אתה ממהר.
מותג מקצועי ומבוסס מחקר הוצג באתר שערבב בין לקוחות פרטיות לטכנאיות ולא ניצל את הפוטנציאל המסחרי שלו. מעליו ישבו שש שנים של הזמנות, לקוחות, לידים, כתבות וקורס דיגיטלי, ואת כל אלה היה צריך להעביר לפני שהאחסון הישן נמחק.
התחלתי באפיון שמפריד בין שלושה קהלים כבר מהמסך הראשון. אחר כך בחנתי שלושה כיווני עיצוב ויישרתי את הנבחר לספר המותג, ובניתי אב-טיפוס מלא של 26 מסכים. רק אז העברתי אותו לוורדפרס, יחד עם 14 תוספים ייעודיים, הגירת נתונים מלאה וחיבור ל-CRM, ל-ERP ולסליקה.
האתר עלה לאוויר בסוף אוגוסט 2026, בארבע שפות. כל כתובת ישנה מופנית, כל ההזמנות והלקוחות הועברו, וכל תגי המדידה חזרו, בתוספת אירועי מסחר שלא היו קודם. PageSpeed בנייד עלה מ-26 ל-90, ובנגישות, Best Practices ו-SEO דף הבית קיבל 100.
אותו מותג. חוויה אחרת לגמרי.
גררו את הקו כדי להשוות. משמאל: עמוד החנות באתר הישן. מימין: עמוד החנות החדש, עם סרגל קטגוריות חי, סינון לפי צבע והרכב ותגי מבצע אמיתיים.
לפניאחרי
האתר הישן כבר לא קיים. צילומי ה"לפני" נלקחו מ-Wayback Machine (יוני–יולי 2025), והארכיון משבש חלק מהפריסה.
מה מצאתי כשפירקתי את האתר הישן.
הבריף דיבר על מכירות, מיתוג וחינוך השוק. אבל לפני שעיצבתי פיקסל אחד, פירקתי את האתר הקיים: וורדפרס עם Woodmart ו-WPBakery, 48 תוספים פעילים ושש שנים של שכבות. מה שמצאתי שם קבע את היקף הפרויקט האמיתי.
ארבעה תוספי מבצעים, ואף כלל לא עבד
ארבעה תוספי תמחור והנחות רצו במקביל. בדקתי סל של 10 מוצרים מ-10 קטגוריות וקיבלתי אפס הנחה. המבצעים בפועל היו מחיר-מבצע רגיל של WooCommerce, והתוספים היו שרידים של ניסיונות לפתור "תמחור לפי דרגה".
מערכת קורסים במסווה
תוסף ה-LMS שהריץ את הקורס הדיגיטלי הופיע ברשימת התוספים בשם אחר, כי תוסף White Label שינה לו את השם. אצל הלקוחה איש לא ידע מה הוא ואיפה נמצאים הסרטונים.
ספריית טכנאיות ריקה מתוכן
כ-400 רשומות טכנאיות שיובאו פעם, בלי שירותים, בלי תמונה ובלי שם קליניקה, ומעל 100 מהן בלי טלפון. לכל אחת היה עמוד משלה, ולכל אחד מהעמודים האלה היה צריך להפנות.
דרגות מועדון שלא שיקפו כלום
לכ-1,800 חשבונות הייתה "דרגה" היסטורית, ורובם המכריע מעולם לא השלים הזמנה. מיפוי אוטומטי היה נותן הנחה קבועה של 25% לעשרות נשים על סמך שדה שאיש לא תחזק.
מדידה שהייתה מתה בשקט
GTM, GA4, Google Ads, ארבעה פיקסלים של Meta ו-Clarity היו מוטמעים קשיח בקוד העמוד. אם לא היו שומרים עליהם, ברגע המעבר כל המדידה והמרות הקמפיינים היו נעלמות, בלי שום סימן חיצוני.
דרישות מהאפיון שמעולם לא יושמו
לא הייתה הפקת חשבוניות, וחוקי המשלוח המיוחדים (אילת, מעל 10 ק"ג, קומה גבוהה) לא יושמו. בגוגל הופיע פאביקון של לוגו שהמותג נטש לפני 2019, בצבע שלא קיים בפלטה הרשמית.
האתגר האמיתי לא היה "לעצב אתר יפה". היה צריך להעביר חנות חיה עם אלפי לקוחות, כ-1,150 מוצרים, מגזין, ספריית טכנאיות וקורס דיגיטלי לפלטפורמה חדשה בארבע שפות, כולל שתי שפות RTL. כל זה בלי לשבור אף כתובת, הזמנה, ליד או תג מדידה, ותוך תיאום מול סוכנות קודמת, חברת אחסון, ספק ERP, ספק CRM וספק סליקה.
לא אתר. פלטפורמה שמוכרת, מחנכת ובונה אמון.
המותג מבדל את עצמו ב"סוף עידן הלק": גישה דרמטולוגית מבוססת מחקר, שמה בריאות ציפורן לפני צבע ושקיפות מלאה ברכיבים. זו שקיפות גם במחיר של פגיעה בהמרה בטווח הקצר. האפיון תרגם את הבידול הזה לחמש שכבות מטרה.
רכישה נוחה, בטוחה וברורה, בדגש על איכות, מדע ושקיפות.
מיצוב כמותג מקצועי מבוסס מחקר, שונה מחיקויים זולים.
ידע שמוריד חסמים ולא דוחף למכירה.
שפה מקצועית ולא שיווקית מדי, והצגת ידע במקום הבטחות.
פניות איכותיות לקורסים, ודור חדש של טכנאיות.
לקוחות פרטיות
מחפשות פתרון נוח, בטוח ובריא לציפורניים. ההחלטה לקנות נשענת על שילוב של רגש, אמון והבנה בסיסית.
- הסברים פשוטים, בלי ז'רגון
- עמוד "צעדים ראשונים" למתחילות
- איתור טכנאית מוסמכת קרובה
טכנאיות ובעלות קליניקה
צריכות מוצרים יציבים, מידע טכני מעמיק ותחושת שייכות למותג מקצועי. הן גם מקבלות הנחה קבועה לפי הדרגה שלהן במועדון.
- פורטל אישי עם דרגה, הזמנות והכשרה
- מועדון מקצועי בשלוש דרגות (5% / 10% / 25%)
- פרסום בלוח הקליניקות
תלמידות פוטנציאליות
שוקלות להיכנס לתחום או לעשות הסבה. הן צריכות ביטחון, הצגה כנה של הקורסים ותהליך פנייה פשוט שלא מחייב.
- 19 מסלולים בשלוש קבוצות
- טופס ליד בכל עמוד קורס, ישר ל-CRM
- קורס דיגיטלי עם גישה אוטומטית ברכישה
עקרון "5 השניות": דף הבית הוא חלון ראווה. תוך חמש שניות הוא צריך להבהיר מי המותג, מה הוא מוכר, למי הוא מתאים, למה לבחור בו ואיך ממשיכים. בשוק הזה החולשה המרכזית היא ערבוב בין קהל פרטי לקהל מקצועי, ולכן ההפרדה בין הקהלים מתחילה כבר במסך הראשון.
מבנה האתר, כפי שנבנה בפועל.
חמישה עולמות תחת קורת גג אחת: חנות, אקדמיה, מגזין, אזור מקצועי ועמודי ליבה. לכל אחד מארבעת הקהלים יש עמוד ייעודי, כך שאף אחד מהם לא מקבל חוויה כללית.
עמודי קהל
- לקוחות מתחילות/beginners/
- לקוחות פרטיות/customers/
- טכנאיות מקצועיות/technicians/
- המכללה שלנו/college/
חנות
- כל המוצרים + סינון/shop/
- ארכיוני קטגוריה
- עמוד מוצר
- אאוטלט דינמי/outlet/
- מגירת סל · קופה · תודה
אקדמיה
- קטלוג 19 מסלולים/academy/
- עמוד קורס + טופס ליד
- הקורס הדיגיטלי/my-course/
מגזין
- ארכיון + סינון/magazine/
- 144 כתבות · 5 קטגוריות
- טופס ליד בתוך כתבה
מקצועי וליבה
- פורטל אישי מאוחד/portal/
- הרשמה כפולה/register/
- מועדון מקצועי
- לוח קליניקות
- אודות · קשר · תקנון · נגישות
חמש זרימות שהאתר נבנה סביבן.
כל החלטה, והסיבה שמאחוריה.
הפרדת קהלים מהמסך הראשון
כל כרטיס קהל בדף הבית מוביל לעמוד משלו. האפיון זיהה את הערבוב בין פרטי למקצועי כחולשה המרכזית בשוק, אז פתרתי אותו כבר בכניסה.
קורסים הם ערוץ לידים, לא מוצר
לכל אחד מ-19 עמודי הקורס יש טופס אוטומטי עם בורר קורס. רשימת הקורסים מגיעה ממקור אחד בשרת, כך שקורס חדש מופיע בכל הטפסים בלי לגעת בהם.
הסל נפתח כמגירה, בלי לעזוב את העמוד
הסל נפתח כמגירה מעל ההדר ומתעדכן חי. יש בה פס "עוד ₪X למשלוח חינם", ואפשר לערוך בה כמויות ולבטל הסרה, כך שיש פחות הסחות בדרך לקופה.
שקיפות, בלי להמציא נתונים
בדקתי שישה אתרי מותג ברחבי העולם, ואף אחד מהם לא מפרסם INCI ו-PAO. לכן הורדתי אותם מהמפרט במקום להמציא אותם. כך גם "allergy tested" של המותג לא הוצג כ"נבדק דרמטולוגית".
סינון אמיתי במקום סינון דמה
הסינון "מתאים בהיריון / לעור רגיש" מהאב-טיפוס ירד, כי לא עמד מאחוריו שום נתון, ובעצם הוא טענה רפואית. במקומו נבנה סינון "הרכב" אמיתי: ללא HEMA וללא TPO, לפי מוצר.
פורטל אחד במקום שניים
WooCommerce שולח לאזור האישי מעשרות נקודות, והעיצוב המאושר של פורטל הטכנאיות כבר כלל "הזמנות אחרונות". איחדתי ביניהם, וכך יש פורטל אחד לכולן שמציג דרגה, הזמנות, הכשרה ומוצרים מומלצים.
משלושה כיוונים לאב-טיפוס של 26 מסכים.
לא עבדתי ב-Figma בפרויקט הזה. סקיצות העבודה נבנו ב-Google Stitch, ומשם עברתי ישר לאב-טיפוס HTML מלא שרץ בדפדפן, על הנתונים האמיתיים. הלקוחה אישרה מסכים שבאמת עובדים, לא תמונות של מסכים.
שלוש מערכות עיצוב, כיוון אחד
בניתי שלושה כיווני עיצוב מלאים, ולכל אחד מהם מסמך מערכת משלו עם צבעים, טיפוגרפיה, רכיבים ואופי. בחרנו ב-V25.06, ומתוכו נבנו 15 מסכים סופיים: בית, אודות, חנות, מוצר, סל, קופה בשני מסלולים, פורטל, אקדמיה, קורס, מגזין וצור קשר.
Clinical Elegance
בוטיק-ספא קליני: הרבה לבן וקווי מתאר דקים.
Organic Luxury
עריכה בגווני אדמה, צללים רכים ואופי "מדעי-מרגיע".
V25.06 Narrative נבחר
יוקרה שקטה: מונוכרום עם נגיעות מתכתיות וסמכות מקצועית.
לתקן את הסקיצות לפני שבונים
המוקאפים סטו מספר המותג בכמה מקומות, ואת הסטיות האלה תיקנתי לפני שנכתבה שורת קוד אחת:
- צבע: הזהב #C5A059 של הסקיצות הוחלף בפלטה הרשמית בלבד.
- פונט: ל-Futura אין עברית בכלל, ולכן בחרתי Assistant לעברית ו-Jost ללטינית.
- צילום: החלפתי 7 תמונות לפי חוק המותג "ידיים וציפורניים בלבד, בלי פנים".
- קריאוּת: טקסט רץ בשחור מלא על רקע בהיר ובלבן מלא על כהה. השמפניה שמורה לקווים ולאייקונים.
- רזולוציה: תמונות הסקיצה הן 512px. כל ההירואים הוחלפו בצילומי מותג רשמיים.
- לוגו: קובץ הלוגו הרשמי אותר באתר הבינלאומי, והוא מופיע בכל 25 העמודים במקום טקסט מוקלד.
26 מסכים שרצים בדפדפן
אב-הטיפוס כלל את כל מה שבסוף עלה לאוויר: 4 עמודי קהל, חנות עם סינון, עמוד מוצר, סל, קופה, אישור הזמנה, אקדמיה, קורס, מגזין עם 143 כתבות אמיתיות, פורטל, הרשמה ועמודים משפטיים. הוא עבר 18 סבבי תיקונים, ורק אחרי האישור שלהם הועבר לוורדפרס. אחרי ההעברה הרצתי השוואה ממוחשבת, אלמנט מול אלמנט (כ-2,000 אלמנטים בכל עמוד), ולא נמצא אף פער ב-18 העמודים.
האתר ממשיך להתפתח
דף בית חדש ברוח המפיץ הבריטי: קרוסלת הירו, אריחי קהלים, מוצר מוצג, הדר שחור בכל האתר ומסך ניהול שבו הלקוחה מחליפה באנרים בעצמה. אתר המקור בנוי ל-LTR, ואת תמונות ההירו אי אפשר לשקף, כי על כל בקבוק מודפס BIO SCULPTURE. לכן עיצבתי באנר מפוצל, עם משטח צבע ב-inline-start ותמונה בצד השני.
עמוד אודות חדש: לולאת וידאו של 29 שניות שערכתי מסרט המותג, רק מהשוטים שאין בהם כתוביות צרובות. הסרט המלא נטען רק בלחיצה, כדי שלא ייווצרו עוגיות לפני הסכמה. בעמוד יש גם ציר זמן, ערכים וסקשן "הנשים שמאחורי BIO".
פורטל שנבנה מחדש לפי העיצוב: כשחיברתי את הפורטל לנתונים אמיתיים, הוא עלה כדשבורד הגנרי של WooCommerce. בניתי אותו מחדש, כך שה-markup של העיצוב המאושר נשמר ומתמלא בנתונים אמיתיים. הלקח שלקחתי: חיבור מערכת אמיתית לא מצדיק להחליף עיצוב מאושר בתבנית.
ארבעה צבעים. ולא אחד יותר.
ספר המותג של Bio Sculpture קפדני: ארבעה צבעים בלבד, הלוגו הוא איור ולא פונט, ובצילומים מופיעים רק ידיים וציפורניים. הטון מוגדר כ"אלגנטי נועז, טרנדי בלי להיות רועש". תפקיד השפה העיצובית הוא לשדר בריאות, מקצועיות ואתיקה בלי אגרסיביות שיווקית.
פלטת הצבעים הרשמית
חריגה אחת מכוונת: פס עליון באפרסק #E3D6D2, לבקשה מפורשת של הלקוחה.
טיפוגרפיה
למה לא Futura? כי אין לה עברית, וספר המותג עצמו מאשר את Jost כחלופה. חוץ מזה, רישיון ה-webfont שלה הוא מנוי שנתי לכל משקל בנפרד. המלצתי ללקוחה לקנות רישיון Desktop חד-פעמי לדפוס בלבד.
נעילת מותג. סרקתי 13 עמודים חיים ומצאתי 636 שימושים בגוונים שלא קיימים בפלטה, רובם גווני hover שנוצרו תוך כדי בנייה. כתבתי כלי שממיר אותם לצבעים הרשמיים בכל 24 העמודים ו-6 התבניות, ומוסיף שכבת CSS שמנטרלת את צבעי ההדגשה של התבנית, של WooCommerce ושל Elementor. תיקנתי גם את קבצי אב-הטיפוס, כדי שהעלאה חוזרת לא תחזיר את הגוונים הישנים.
כרטיס מוצר עם hover לידיים
בכרטיס מופיעה דוגמית הצבע, ובמעבר עכבר היא מתחלפת בצילום של ציפורניים. סדר הגלריה במוצר קובע את זה, כך שהלקוחה שולטת בו מהעורך בלי קוד. במובייל תמונת ה-hover לא נטענת בכלל.
תגים רק כשהם נכונים
התגים HEMA FREE ו-TPO FREE מופיעים לפי מוצר ולא לפי קטגוריה, ורק אם קטלוג רשמי של המותג מצהיר על זה במפורש. בסוף קיבלו תג 272 מוצרים ללא HEMA ו-16 ללא TPO. תג "מבצע" שחור ולא שמפניה.
כיווניות שנבדקה באמת
מספרי טלפון, מחירים וכתובות עטופים בבידוד כיווניות. בעברית כתוב "999 ש״ח" ולא "₪999", כי הסמל שצמוד למספר מתהפך במובייל.
פאביקון שנחתך מהלוגו
למותג אין סמל. בניתי "BIO" לבן על ריבוע שחור, שנחתך ישירות מקובץ הלוגו הרשמי ולא הוקלד. השוויתי בין 6 מועמדים בגדלים מ-16 עד 96 פיקסלים, כדי שיישאר קריא גם בתוך העיגול שגוגל חותך.
14 תוספים שכתבתי, כי שום תוסף מוכן לא התאים.
הבסיס הוא וורדפרס, Elementor Pro ו-WooCommerce, עם 6 תבניות Theme Builder שנבנו דרך ה-API. כל מה שהיה ייחודי לעסק נכתב כתוסף עצמאי, קטן וממוקד. אם אחד מהם נכבה, השאר ממשיכים לעבוד כרגיל.
bs-helperתשתית: נקודות REST לכתיבת תוכן, מטא ואופציות, reindex ל-Yoast, סכמת JSON-LD ו-llms.txt.
bs-formsכל טופס נשמר באתר, נשלח במייל ונכנס כליד ל-Fireberry. ערכי ה-CRM נקבעים בשרת בלבד, כך שהדפדפן לא יכול לזייף אותם.
bs-redirectsמפת 301 לכל כתובת ישנה, יחד עם כללי תחילית ויומן 404. התוסף מסרב להתקין הפניה אם היעד שלה לא מחזיר 200.
bs-trackingכל תגי המדידה הישנים, ואיתם אירועי מסחר שלא היו קודם: view_item, add_to_cart, begin_checkout ו-purchase.
bs-mailמיישר את השולח ואת המעטפת לדומיין, ושומר יומן שליחה עצמאי.
bs-product-specטאב "אופן שימוש", שורת תגים (טבעוני, ללא ניסויים, HEMA/TPO) והסבר "מה זה אומר?".
bs-dictקריאה וכתיבה המונית למילון התרגום, כדי לתקן תרגומים בלי לשלם שוב על תרגום מכונה.
bs-clinic-legacyשומר את ספריית הטכנאיות הישנה כרשומות ספרייה, לא כמשתמשות, וממזג אותה ללוח הקליניקות.
bs-clinic-holdמקפיא את הלוח עד שייפתח פרסום בתשלום, ואז מציג רק רשימה מאושרת. כיבוי התוסף מחזיר את הלוח למצבו המקורי.
bs-cartמגירה וסל שאפשר לערוך בהם (+/−, הסרה וביטול הסרה), חיפוש חי בהדר ותיקוני קופה.
bs-home-lookההדר השחור והפס העליון בכל האתר, ומסך ניהול "דף הבית" לבאנרים ולמוצר המוצג.
bs-perfTailwind מקומפל לכל תצורה, גופנים מקומיים, preload להירו, תיקון CLS וחסימת תגים לפני הסכמה.
bs-portalהדשבורד של הפורטל, לפי העיצוב המאושר ועם נתונים אמיתיים: דרגה, הזמנות, הכשרה והמלצות.
bs-product-mediaמחליף בכרטיס המוצר את דוגמית הצבע בצילום ידיים במעבר עכבר.
חנות שחיה בצד השרת
עמוד החנות התחיל כ-1,144 כרטיסים קשיחים ב-HTML, ושינוי מחיר בניהול פשוט לא הגיע אליו. הפכתי אותו לדינמי בצד השרת ולא ב-fetch מהדפדפן. כך סקריפט הסינון הקיים ממשיך לעבוד, ה-SEO נשמר ואין עשרות קריאות API לכל מבקרת. מחיר מבצע שמוזן בניהול מופיע בחנות תוך דקה.
Priority, בלי שדרוג מיותר
האפיון הצביע על התוסף הרשמי של Priority, אבל הלקוחה עובדת על Priority Zoom, והתוסף הזה לא תומך בו. בדקתי חמישה מחברים ומצאתי אחד שתומך ב-Zoom וגם מפיק חשבוניות, סעיף שהאפיון סימן כ"פיתוח נפרד". הבדיקה הזו חסכה ללקוחה שדרוג ERP.
מועדון, קורס ולוח קליניקות
הנחת המועדון (5/10/25%) נכתבה בקוד שלי, כי Memberships מחיל הנחה מעל מחיר מבצע, והדרישה הייתה הפוכה. הקורס הדיגיטלי נבנה מחדש בלי LMS, עם גישה אוטומטית ברכישה. לוח הקליניקות נשען על ACF ואוכף בשרת את השנה הראשונה החינמית.
עבדתי על הפרויקט לבד, מאפיון ועד תמיכה אחרי ההשקה. להגירת הנתונים ולבדיקות החוזרות הרחבות שילבתי כלי AI לפיתוח ככלי עבודה. ההחלטות, העיצוב והאחריות על כל שורה שעלתה לאוויר נשארו אצלי.
שש שנים של עסק, בלי לאבד כלום.
האחסון הישן נמחק בסוף אוגוסט 2026, ולכן כל מה שהיה בו היה צריך לצאת לפני כן. לא הסתפקתי בספירה שתואמת. בדקתי כל פריט מול המקור.
| מה | היקף | איך ולמה זה היה מסובך |
|---|---|---|
| מוצרים | כ-1,150 | סלאג זהה לאתר הישן. באימות הסופי כל מק"ט הותאם 1:1, אפס חסרים ואפס עודפים. 98.7% מתמונות המוצר הועברו למרות חסימת hotlink. |
| צבע לסינון | 619 מוצרים | הצבע חולץ אוטומטית מתמונת הדוגמית (צבע דומיננטי, מיפוי LAB) והוצלב עם שם הגוון הרשמי. בסוף הוא מסווג ל-20 גוונים. |
| לקוחות | כ-9,500 | סיסמאות לא ניתנות להעברה, אז בדקתי את מסלול "שכחתי סיסמה" מקצה לקצה. חשבונות צוות וכתובות פגומות דולגו בכוונה. |
| הזמנות | כ-6,500 | כל הזמנה הועברה עם התאריך המקורי ועם כ-20 אלף הערות הזמנה. כאלף הזמנות אורחת חוברו לחשבונות, כך שלקוחות שקנו שנים לא נכנסות לאזור אישי ריק. |
| לידים | כ-11,800 | לידים משש שנים של טפסים, שלא הופיעו באף ייצוא סטנדרטי. לרשימת התפוצה נכנסו רק מי שאישרו דיוור. |
| כתבות מגזין | 144 | קודם הן נטענו ב-JS בתוך עמוד noindex, בלי שום ערך ל-SEO. עכשיו כל אחת היא פוסט אמיתי עם כתובת משלה, ב-5 קטגוריות. |
| מדיה | כ-4,900 קבצים | הקבצים שוחזרו בנתיבים המקוריים שלהם. לפני השחזור, 249 מתוך מדגם של 250 כתובות תמונה ישנות היו מחזירות 404. אחרי השחזור, 0 מתוך 300. |
| קופונים | 11 חיים | מתוך כ-3,700 קודים, כמעט כולם כבר פגו. ההחרגות תורגמו לפי שם קטגוריה ומק"ט ולא לפי מזהה, כי המזהים שונים בין שני האתרים. |
| קורס דיגיטלי | 10 שיעורים | גיביתי את כל הסרטונים ובניתי את הקורס מחדש על Memberships, עם גישה אוטומטית ברכישה. |
649 מתוך 1,914 כתובות היו נשברות. לפני המעבר שאבתי את מפת האתר הישן ובדקתי כל כתובת מול השרת החדש. התברר שכל הכתבות, כמעט כל העמודים ו-400 עמודי הטכנאיות היו מחזירים 404. אחרי שהתקנתי את תוסף ההפניות, כל 649 הכתובות מחזירות 301 ו-1,265 מחזירות 200. כיסוי של 100%. הפניית 301 לתוך 404 גרועה יותר מ-404 רגיל, ולכן כל יעד נבדק לפני ההתקנה.
ארבע שפות. שני כיווני כתיבה. אתר אחד.
עברית וערבית נכתבות מימין לשמאל, ואנגלית ורוסית משמאל לימין. כדי שאותו אתר יעבוד נכון בשני הכיוונים, הוא נבנה מההתחלה כדו-כיווני, ולא כאתר עברי שמתהפך.
1,760 מחלקות, 209 נעילות
המרתי 1,760 מחלקות Tailwind פיזיות (ימין/שמאל) למחלקות לוגיות (start/end) ב-24 עמודים ובכל התבניות, והסרתי 209 נעילות כיוון קשיחות. מאז, כשהשפה מתחלפת, כל הפריסה מתהפכת יחד איתה.
שמות גוונים הם שמות
מנוע התרגום תרגם גם את שמות הגוונים, כך ש-"Coral Cluster" הפך ל"אשכול אלמוגים", ובערבית 87% מאסימוני השמות אבדו. הגדרתי ששם לטיני הוא מזהה ולא טקסט לתרגום, וזרעתי מראש 1,003 שמות. התוצאה: אפס אובדן בשלוש השפות.
המונחים של הענף
תיקנתי כ-3,900 שורות מילון של מונחים מקצועיים שהמכונה פספסה. "באפר" תורגם ל"ash", "טיפס" ל"climbing", ו"טכנאית" ברוסית יצאה "חשמלאית". תיקנתי גם 92 שמות אייקונים שתורגמו ושברו את כל האייקונים ברוסית ובערבית.
רק מה שנמדד.
ציוני PageSpeed נמדדו ב-pagespeed.web.dev בספטמבר 2026, לפני האופטימיזציה ואחריה. במקום שבו לא נמדד "לפני", כתבתי את זה.
דף הבית · נייד
אחרי: 87–90 בין מדידות
דף הבית · מחשב
אחרי: 92–99 בין מדידות
נגישות · Best Practices · SEO
דף הבית, בשלוש הקטגוריות
מסירת דואר (mail-tester)
מתוך 10 · dmarc=pass
מה האט את האתר
- מטמון העמודים היה כבוי, וזמן התגובה של השרת היה 1.6–2.7 שניות.
- Tailwind נטען מ-CDN בזמן ריצה. עכשיו הוא מקומפל מראש לכל אחת מ-13 התצורות.
- הגופנים ירדו מ-1.1MB ל-35KB, עם 96 אייקונים בלבד.
- CLS של 0.25 בכל עמוד מוצר, בגלל גלריה שנמתחה ל-2000px לרגע. תוקן לקופסה בגודל סופי.
SEO ו-AEO
- שני תוספי SEO רצו במקביל, עם canonical כפול ושתי מפות אתר. השארתי מנוע אחד.
- סכמות Organization, WebSite, Breadcrumb, LocalBusiness ו-FAQPage מתוך שאלות אמיתיות שמופיעות בעמוד.
- קובץ llms.txt בשורש האתר, עבור מנועי חיפוש מבוססי AI.
- כותרות ותיאורי SEO מתורגמים לשלוש השפות.
נגישות ופרטיות (תיקון 13)
- שום תג לא רץ לפני הסכמה. זה נבדק על 11 סוגי עמודים.
- Consent Mode v2, כיבוד GPC, באנר ב-4 שפות והצהרה על 33 עוגיות.
- ביטול הסכמה מוחק בפועל את העוגיות שכבר נשמרו.
- הצהרת נגישות ברמת AA לפי WCAG 2.2 ות"י 5568, כפתור השהיה לווידאו ותמיכה ב-reduced-motion.
הבעיות שאף בדיקה רגילה לא תופסת.
רוב הבעיות הקשות בפרויקט הזה היו בלתי נראות: האתר נראה תקין לחלוטין, ורק מדידה מדויקת חשפה שמשהו שבור. אלה כמה מהן. לחצו על כל אחת כדי לפתוח אותה.
המוצר עצמו.
כל הצילומים נלקחו מהאתר החי. העבירו את העכבר על דף הבית כדי לגלול אותו, ולחצו על כל תמונה כדי להגדיל.
דף הבית המלא: קרוסלת הירו, אריחי קהלים, מוצר מוצג, "למה ללמוד אצלנו", לוח הקליניקות וסרטון מותג
סרגל קטגוריות ותתי-קטגוריות שנבנה חי מהטקסונומיה, סינון לפי צבע והרכב, ותגי מבצע, HEMA ו-TPO.
גלריה בגודל קבוע (בלי CLS), כמות וסל, טאב "אופן שימוש", הצהרות על המוצר ותגי הרכב, רק כשהם נכונים.
נפתחת מעל ההדר ומתעדכנת חי, עם פס התקדמות למשלוח חינם, עריכת כמויות וביטול הסרה.
19 מסלולים בשלוש קבוצות. בכל עמוד קורס יש טופס שנכנס ישר ל-CRM עם הקורס הנכון.
ציוד מקצועי, דרגות המועדון, מסלול הצטרפות עם אישור ידני ולוח הקליניקות.
מדריך "צעדים ראשונים": מה זו השיטה, ארבעה צעדים ממוספרים, מוצרי פתיחה ושאלות נפוצות.
מה מקבלות בסיום הקורס, מרכז ההדרכה הארצי בחיפה ואפשרות ללמוד אונליין.
144 כתבות כפוסטים אמיתיים ב-5 קטגוריות, עם טופס ליד בתוך הכתבה.
דינמי מה-Store API. הלקוחה מתייגת מוצרים ("מלאי אחרון", "סוף סדרה") והעמוד מתעדכן מיד.
לולאת וידאו מסרט המותג, "26 שנים של מקצוענות" בישראל, ציר זמן וערכים.
אותו markup של העיצוב המאושר, מלא בנתונים אמיתיים: כרטיס פתיחה עם דרגה, 3 הזמנות אחרונות, הכשרה מקצועית ומוצרים מומלצים לפי היסטוריית הקנייה. (בצילום: חשבון הדגמה.)
נבנה למובייל, לא רק מותאם אליו.
הכרטיס מציג את דוגמית הצבע, ובמעבר עכבר מופיע צילום ציפורניים. סדר הגלריה במוצר קובע מה מוצג, כך שאפשר לשנות את זה בלי קוד.
HEMA FREE ו-TPO FREE בפינה העליונה של הכרטיס, רק במוצרים שהקטלוג הרשמי מצהיר עליהם.
פלטפורמה שהלקוחה מנהלת בעצמה.
אתר חי בארבע שפות
27 עמודים מעוצבים, 6 תבניות, חנות עם כ-1,160 מוצרים, אקדמיה עם 19 מסלולים, מגזין, פורטל ולוח קליניקות. הכל בעברית, אנגלית, רוסית וערבית.
מערכות מחוברות
סליקה מאובטחת, לידים ל-CRM מכל טופס, סנכרון מלאי וחשבוניות מול ה-ERP, דיוור עם double opt-in ומדידה מלאה, שנטענת רק אחרי הסכמה.
עצמאות ללקוחה
מסך ניהול לדף הבית, תיוג מוצרים לאאוטלט ומדריך מבצעים. כתבתי גם מדריך תפעול של 11 פרקים, מדריך נפרד לקורס הדיגיטלי ו"ריבוע" אחד בפרופיל שפותח וסוגר גישה לקורס.
יש לכם חנות שצריכה לעבור הלאה?
מאפיון ועיצוב ועד הגירה מלאה והשקה, בלי לאבד כתובת, לקוח או הזמנה בדרך.
בואו נדבר →