Shultzo Design Objects
E-COMMERCE · אפיון · UX/UI · פיתוחשלום בוברמן הוא מעצב ואמן תלת-ממד, והסטודיו שלו נמצא בקיבוץ יסעור. הוא מפתח אובייקטים פיסוליים מודולריים ומפרקיים, שאפשר להרכיב מחדש בתנוחות שונות. העבודות שלו ממוקמות בין פיסול ל-collectible design. בניתי לו אתר חנות דו-לשוני מאפס, על theme שכתבתי בקוד, עם וריאציות שלכל אחת מהן גלריה משלה, מחיר בשקלים או בדולרים וסליקה ישראלית עם חשבונית מס אוטומטית.
30 שניות, אם אתה ממהר.
אתר Wix שהצילומים שלו נראו יוקרתיים, אבל הביצוע היה חלש. מוצר שמשנה צורה, שצריך להסביר ולמכור בכמה וריאציות. שני קהלים, קונה פרטי וגלריה, ושני שווקים, ישראל וחו"ל, שכל אחד מהם צריך שפה ומטבע משלו.
התחלתי באב-טיפוס סטטי ב-HTML ומשם עברתי ישר ל-theme מקודד. את הקונספט הראשון הלקוח דחה אחרי יום, ובניתי כיוון חדש לפי הרפרנסים שהוא בחר. משם עבדתי בסבבי פידבק קצרים עד העלייה לאוויר.
shultzo.com עלה לאוויר ב-5 ביולי 2026: חנות WooCommerce באנגלית ובעברית, עם גלריה לכל וריאציה, מתג ₪/$ ליד המחיר, מגירת סל ב-AJAX, סליקת טרנזילה וחשבונית מס שנשלחת לקונה אוטומטית.
אותו פסל. סיפור אחר לגמרי.
גררו את הקו כדי להשוות. משמאל: דף הבית באתר ה-Wix הישן. מימין: דף הבית החדש. הצילום נשאר הגיבור, ומה שנעלם הוא כל מה שהפריע לו.
לפניאחרי
פס הגלילה האופקי בתחתית צילום ה"לפני" הוא לא תקלה בצילום. זה באג שהיה באתר הישן עצמו.
מוצר אחד שהוא כמה צורות.
לפני שעיצבתי, צילמתי את אתר ה-Wix הישן ופירקתי אותו לשתי רשימות. מה שעבד: הצילום, הפלטה הלבנה והמרווחים. מה שלא עבד: כמעט כל השאר. מעבר לזה, המוצר עצמו הציב דרישות שתבנית חנות רגילה לא יודעת לענות עליהן.
יוקרה בצילום, לא בביצוע
לוגו "טכנו" מעוות, טיפוגרפיה תבניתית, כפתור שחור צף, פס כיתוב אפור שחותך את התמונה ובאג של גלילה אופקית. הצילומים עשו את כל העבודה לבד.
מוצר שמשנה צורה
האתר צריך להסביר שאובייקט אחד יכול להיות כמה צורות, ולמכור וריאציות שלו (ראש, צבע, גודל) כשלכל וריאציה יש סט תמונות משלה.
שני קהלים בבת אחת
קונה פרטי שרוכש אונליין, וגלריה, אדריכל או מגזין עיצוב שצריכים לראות פורטפוליו של אמן. אותו אתר צריך לשרת את שניהם.
ישראל והעולם
אנגלית כשפה ראשית, גרסה עברית מלאה ב-RTL, מחיר בשקלים לישראלים ובדולרים לגולשים מחו"ל. קהל היעד פזור מתל אביב ועד לונדון, ניו יורק, מילאנו וטוקיו.
סליקה ישראלית כחוק
תשלום דרך טרנזילה על גבי WooCommerce, כולל חשבונית מס או קבלה לכל קנייה.
כיוון שהשתנה באמצע
יום אחרי שהצגתי את הקונספט הראשון, הלקוח דחה אותו וביקש כיוון אחר לגמרי. על זה בהמשך, בתהליך העיצוב.
שלוש מטרות מהשאלון קבעו את הכיוון: מיתוג מחדש ופנייה לפלח יוקרתי יותר, גיוס לקוחות בארץ ובעולם, והגדלת המכירות של מוצרי העוגן. הפעולה המרכזית שהאתר צריך להוביל אליה היא רכישה ישירה אונליין, ולצידה פורטפוליו אמן לגלריות ולמגזינים.
חנות וגלריה באותו מבנה.
חצי מהאתר מוכר וחצי מספר. הקולקציה ועמודי המוצר משרתים את הקונה, ועמודי הסטודיו, התהליך והטרנספורמציה משרתים את מי שצריך להבין את העבודה לפני שהוא פונה.
בית
- הירו ברוחב מלא/
- טיקר מילות מפתח
- Selected Works
- The Idea · Modular System
- Process · Studio Contact
חנות
- קולקציה + סינון/shop/
- עמוד מוצר/product/…/
- מגירת סל · Checkout
סיפור
- The Studio/about/
- Process/process/
- Transformation/transformation/
מדיניות
- Terms
- Refund Policy · 14 יום
- Shipping Policy
עברית
- גרסה מלאה ב-RTL/he_IL/
- פוטר: ניוזלטר "Studio Letter"
שלוש זרימות שהאתר נבנה סביבן.
הקונה רואה בדיוק את מה שהוא קונה.
הבחירה ב-"Strings head" מחליפה את כל הגלריה לסט של הראש הזה. מתחת יש הסבר קצר על כל תצורה. (את המחיר טשטשתי בצילום.)
pills של צבע, מתג ₪/$ צמוד למחיר וטבלת מפרט בשש שורות: Edition, Material, Finish, Process, Dimensions, Production. (את המחיר טשטשתי בצילום.)
pills במקום select, וגלריה לכל אפשרות
ה-select של WooCommerce מציג רשימה ומחליף מחיר, אבל לא מראה מה קונים. לכן כל וריאציה קיבלה גלריה משלה, ולחיצה על pill מחליפה את התמונה הראשית ואת הממוזערות. ה-select המקורי נשאר מוסתר ומניע מאחורי הקלעים את המחיר ואת ההוספה לסל.
מתג ₪/$ במקום שבו ההחלטה קורית
תוסף המטבע מזהה מיקום לפי IP ומציג שקלים בישראל ודולרים בשאר העולם. הלקוח לא אהב את הווידג'ט הצף של התוסף, אז העברתי את ההחלפה לצד המחיר עצמו, איפה שהקונה באמת מסתכל.
מגירת סל במקום רענון עמוד
ב-WooCommerce הוספה לסל טוענת את העמוד מחדש, וההודעה "נבלעת" מתחת להדר הקבוע. כאן ההוספה נעשית ב-AJAX, ומגירה נפתחת מהצד עם הבחירה וכפתור ל-Checkout.
סינון לפי רמת מודולריות
הקולקציה מסוננת ל-Articulated, Semi Articulated ו-Fixed Form, ולא לפי קטגוריות רגילות. המודולריות היא הבידול של המוצר, אז היא גם הדרך לנווט בו.
הפסל הוא הצבע היחיד
כל הממשק מונוכרומטי. הגוון הכתום-אדום של הפסלים עצמם משמש רק ל-CTA ולפרטים קטנים, כך שהממשק לא מתחרה בעבודות. לבקשת הלקוח גם הסרתי את שכבת ה-"white wash" שהייתה על תמונות המוצר, והן מוצגות כמו שהן.
עברית מלאה, לא רק תרגום
הגרסה העברית יושבת תחת /he_IL/ עם בלוק CSS ייעודי ל-RTL: מגירת הסל ותפריט המובייל מתהפכים, הפונט מתחלף ל-Assistant, וגם הכפתור "הוספה לסל" מוצג בעברית לפי שפת העמוד.
"contemporary design, not jewelry"
העיצוב נבנה כאב-טיפוס סטטי ב-HTML שרץ בדפדפן, ומשם עבר ישר ל-theme. כך גם הקונספט שנדחה וגם הכיוון החדש היו אתר אמיתי שהלקוח יכול לפתוח, ולא תמונה של אתר.
שאלון, צילומי מסך ופירוק
קראתי את שאלון האפיון שהלקוח מילא, צילמתי את אתר ה-Wix (הבית, החנות ועמוד מוצר) ופירקתי מה עובד בו ומה לא. באותו יום עלה theme ראשון לסביבת בדיקות, עם WooCommerce ושישה מוצרים.
Gallery-white luxury
הכיוון הראשון היה גלריה קלאסית: פונט סריף עריכתי (Cormorant Garamond) לצד Jost, רקע קרם והירו מפוצל. ל-CTA בדקתי ורמיליון ובורדו, ונשארתי עם הבורדו. בגרסה אחרת הפסל "צף" על הרקע כ-PNG חתוך. כדי להעלים את ה"תפר" האפור שנשאר מהתמונה המקורית, הסרתי את הרקע של הצילום.
Gallery-white luxury
סריף עריכתי, קרם, CTA בבורדו והירו מפוצל.
Contemporary · Monochrome נבחר
Sans מינימלי, לבן גלריה, שחור ומבטא יחיד מהפסל.
מעיצוב של תכשיטים לעיצוב עכשווי
התגובה של הלקוח הייתה קצרה: "contemporary design, not jewelry". הוא לא רצה זהות חדשה. הוא רצה גרסה משודרגת של מה שכבר בנה ב-shultzo.com, ופונטים כמו באתרים שבחר כרפרנס. חזרתי לרפרנסים. ferdibdick ו-gepellini הם אתרים של אמני פיסול, והשפה שלהם עקבית: מוצר על רקע סטודיו חלק, ממשק sans מינימלי, הרבה אוויר ומונוכרום.
Form as a system
עוד באותו יום עלה כיוון חדש: Instrument Sans (הפונט של ferdibdick) לצד Inter, פלטה קרה ומונוכרומטית, והירו של תמונה ברוחב מלא במקום מסך מפוצל. הכותרת בגרסה הזו הייתה "Form as a system — built to move, not to settle".
מהסטייג'ינג לאתר החי
מכאן העבודה התקדמה בסבבים קצרים. הלקוח סימן על צילומי מסך, ואני תיקנתי ופרסתי:
- 03.06: ייבוא הגלריות והווידאו מ-Wix, גלריה ווידאו בעמוד המוצר.
- 07.06: תיקון לוגו, טקסטים חדשים למוצרים, עמוד Process, וריאציות ומטבע.
- 08.06: וידאו רקע לעמוד Process ממקור 4K, ומתג ₪/$ צמוד למחיר.
- 15–24.06: עברית מלאה ב-RTL, ותיקוני תרגום לפי סימונים של הלקוח.
- 30.06: וריאציית Large ל-Study I ותמונות lifestyle חדשות.
- 05.07: shultzo.com עולה כאתר החי, בהתקנה נפרדת מהסטייג'ינג.
- 10.07: סליקת טרנזילה פעילה בפרודקשן.
- 12–16.07: מפרט שהלקוח עורך בעצמו, סל ב-AJAX, חשבונית אוטומטית ומע"מ 18%.
שקט, כדי שהפסל ידבר.
הטון שקט וגלריסטי. הכותרת החיה היום היא "Contemporary sculptural Design Objects / Exploring form as a dynamic system". כל החלטה עיצובית נבחנה מול שאלה אחת: האם היא עוזרת לראות את העבודה, או מתחרה בה.
פלטה
הוורמיליון לא נבחר מתוך פלטה. הוא נלקח מהפסלים עצמם, מהקוצים ומהקווים הכתומים שלהם.
טיפוגרפיה
כותרות גדולות ותוויות קטנות באותיות גדולות עם ריווח רחב. על ההירו יש תווית אנכית עם שם העבודה, כמו כיתוב ליד יצירה בגלריה.
צילום ברוחב מלא
תמונות בלי מסגרת, המוצר על רקע סטודיו אפור, ומקטעים של וידאו בלולאה (muted autoplay). זו השפה של הפסלים שהלקוח הצביע עליהם.
לוגו אחד, שני מצבים
באתר נשאר הלוגו הקיים של הלקוח כ-SVG. הוא כהה כברירת מחדל והופך ללבן רק מעל הירו כהה, בבית ובעמוד Process. בלי קובץ לוגו נוסף.
הדר שנעלם מעל התמונה
ההדר שקוף מעל ההירו ונהיה אטום בגלילה, כך שהמסך הראשון שייך כולו לפסל.
תנועה מדודה
reveal בגלילה וטיקר רץ של מילות המפתח (Movement · Balance · Transformation), עם תמיכה ב-prefers-reduced-motion למי שביקש פחות תנועה.
theme שכתבתי מאפס, בלי בונה עמודים.
העמודים לא נבנו ב-page builder. כתבתי theme בשם "Shultzo" בקוד, כדי להגיע לנאמנות מלאה לעיצוב: תבניות לבית, לעמודים ולסטודיו, ו-overrides לעמודי החנות של WooCommerce. בסך הכל כ-83KB של functions.php, כ-49KB של CSS ו-JS וניל. הגרסה החיה היום היא v2.0.6.
single-product.phpעמוד מוצר משלי: גלריה ראשית עם ממוזערות, וידאו, pills, מחיר עם מתג מטבע, טבלת מפרט ופס "Insured worldwide shipping · Direct from the studio".
_shultzo_option_galleriesגלריה נפרדת לכל וריאציה, שנשמרת ב-meta ומתחלפת ב-JS בלחיצה על pill. וידאו לכל וריאציה נשמר ב-_shultzo_option_videos.
Product Specificationsשש שורות המפרט היו כתובות בקשיח בתבנית. הפכתי אותן ל-meta box שהלקוח עורך בעצמו, ושדה ריק חוזר לברירת המחדל של ה-theme.
initAddToCart()תופס את שליחת הטופס, מוסיף לסל ב-AJAX עם מזהה הוריאציה הנכון, מעדכן את ה-fragments ופותח את המגירה. במקרי קצה חוזר לשליחה רגילה.
Seedersסקריפטים חד-פעמיים עם נעילה, שיצרו את ששת המוצרים, הוריאציות, עמודי Process ו-Transformation, משלוח, עמודי מדיניות ותרגומים.
SHULTZO_VERמספר גרסה שנטען עם כל קובץ CSS ו-JS, כדי ששינוי יגיע לגולש מיד. בנוסף, purge של SpeedyCache אחרי כל שינוי.
טרנזילה וחשבונית מס
התוסף הרשמי של טרנזילה על WooCommerce, עם שני מסופים (ראשי ומסוף טוקנים) ותשלום בתוך iframe. הוא הופעל בפרודקשן ב-10.07.2026. חשבונית המס או הקבלה מופקת במערכת המסמכים של טרנזילה ונשלחת לקונה, עם עותק לאמן, ומע"מ 18%. אימתתי בקוד ה-gateway שכתובת המייל של הקונה באמת עוברת לטרנזילה.
שני מטבעות, בלי לבלבל
מטבע הבסיס הוא שקל. CURCY מזהה מיקום לפי IP ומציג ₪ בישראל ו-$ בשאר העולם, והמתג שליד המחיר מאפשר להחליף ידנית. המשלוח חינם לכל העולם, מדיניות ההחזרות היא 14 יום, וב-Checkout יש שדה טלפון חובה ותיבת אישור מדיניות.
SEO בסיסי
Yoast עם title, תיאור, OG ו-schema graph (CollectionPage, WebSite, BreadcrumbList), hreflang לאנגלית ולעברית דרך TranslatePress, מפת אתר ו-robots.txt. נשארו נקודות לשיפור: תיאור קצר מדי, ו-title שעדיין באנגלית בגרסה העברית.
כל גלריה וכל סרטון, ישר מה-CDN.
הלקוח רצה בכל עמוד מוצר 5–15 תמונות ווידאו, "כמו באתר הקיים". גרדתי את מזהי המדיה מה-HTML של עמודי המוצר הישנים, וייבאתי את הגלריות והסרטונים ישירות מה-CDN של Wix לספריית המדיה. ב-03.06 אימתתי את הייבוא באתר החי, וכל קבצי הווידאו החזירו 200.
| מהדורה | תמונות | וידאו |
|---|---|---|
| Study I | 15 | ✓ |
| Study II | 13 | ✓ |
| Bull | 9 | ✓ |
| Centaur | 7 | ✓ |
| Shift | 7 | ✓ |
| Strange Bird | 6 | ✓ |
אותו אתר, בשני כיווני כתיבה.
האנגלית היא ברירת המחדל, והעברית יושבת תחת /he_IL/. את התרגומים הזרקתי ישירות לטבלת המילון של TranslatePress, ותיקנתי אותם לפי צילומי מסך מסומנים וקבצי טקסט שהלקוח שלח. העבירו את העכבר על כל מסגרת כדי לגלול את דף הבית המלא.
את העיצוב, הקוד וההחלטות עשיתי בעצמי. כלי AI שימשו אותי בשני מקומות בלבד: הסרת רקע מתמונות מוצר, ואוטומציה של פריסה ובדיקות חוזרות, כמו סריקת טקסט אוטומטית לכל עמודי העברית.
רק מה שתועד, עם תאריך.
לא נמדדו בפרויקט הזה ביצועים, תנועה או מכירות, ולכן אין כאן ציון PageSpeed ואין אחוזי המרה. ניסיתי להריץ PageSpeed ב-01.10.2026 ונעצרתי על מכסה יומית. מה שכן תיעדתי הוא בדיקות פונקציונליות, כל אחת בתאריך שלה.
בדיקות שתועדו
- 03.06: ייבוא המדיה מ-Wix אומת באתר החי, וכל קבצי הווידאו מחזירים 200.
- 17–24.06: בדיקה אוטומטית של כל עמודי העברית. בבית, בסטודיו, ב-Process, ב-Transformation ובחנות הכל תורגם.
- 10.07: אפשרות התשלום של טרנזילה מופיעה ב-Checkout.
- 15.07: הוספה לסל ב-AJAX נבדקה ב-Playwright על מוצר variable באנגלית, variable בעברית ו-simple. המגירה נפתחת, המונה מתעדכן, ואין רענון.
וידאו, לפני ואחרי דחיסה
- וידאו הרקע של Process: מקור 4K במשקל 275MB ירד ל-53MB ב-1080p, בקצב 3Mbps.
- קליפ בקצב טבעי: 247MB → 14.5MB ב-720p.
- לקליפים הוגדר
preload="metadata", ולממוזערותloading="lazy".
נגישות ופרטיות
- ב-theme:
aria-labelלכפתורי התפריט, נגן הווידאו, הניוזלטר ומגירת הסל. aria-hiddenלטיקר ולאייקוני play, ותמיכה ב-reduced-motion.- וידג'ט נגישות ו-CookieAdmin לניהול הסכמה לעוגיות. לא בוצע audit נגישות מתועד, ולכן אני לא טוען לתאימות לתקן.
באגים קטנים שהיו הורסים את החוויה.
באתר שמוכר עבודות אמנות, כל פיקסל שזז מורגש. אלה כמה מהבעיות שמצאתי בדרך. לחצו על כל אחת כדי לפתוח אותה.
המוצר עצמו.
הצילומים נלקחו מהאתר החי ומסבבי העבודה. לחצו על כל תמונה כדי להגדיל.
שש מהדורות וסינון לפי רמת מודולריות: All Works, Articulated, Semi Articulated ו-Fixed Form.
וידאו רקע של ההרכבה בקצב טבעי, ושלושה שלבים: Modeling, 3D Printing, Threading & Assembly.
"One Object. Multiple Forms." העמוד שמסביר איך אובייקט אחד הופך לכמה צורות.
ביוגרפיה של האמן, ציטוט, ו-"Where it lives" עם שלושה קהלים: אספנים, אדריכלים וגלריות.
אותו הירו במראה הפוך: הלוגו מימין, הכותרת ב-Assistant והתווית האנכית עוברת לצד שמאל.
נפתחת מהצד אחרי הוספה לסל, בלי רענון, עם הוריאציה שנבחרה וכפתור ל-Checkout. (המחירים טושטשו בצילום.)
הפסל ממלא גם מסך קטן.
יש לכם מוצר שתבנית חנות רגילה לא יודעת להציג?
מאפיון ועיצוב ועד theme מקודד, סליקה ושתי שפות. אתר שמראה בדיוק את מה שאתם יוצרים.
בואו נדבר →