// סיפור לקוח · PROPR
E-COMMERCE · FASHION
חנות אונליין.
תפורה לפי מידה.
פלטפורמת E-Commerce שנבנתה מאפס — מהקטלוג ועד הסליקה, בשלוש שפות, עם משלוח באותו היום.
PROPR הוא מותג לאונג'וור ופיג'מות פרימיום: קולקציות לנשים ולגברים, מתנות, אריזה בקופסה בורדו עם סרט חתימה — וחוויה שמתחילה הרבה לפני שלובשים את הבגד. מותג כזה לא יכול לחיות על תבנית חנות גנרית, אז בנינו לו פלטפורמת מסחר ייעודית.
onezero אחראית על המוצר מקצה לקצה: עיצוב וחוויית משתמש, Storefront עם SSR, Backend, קטלוג ומלאי, סל וצ'ק-אאוט, סליקה, מערכת ניהול תוכן, תשתית מדיה, לוקליזציה, אנליטיקה ותשתיות.
- שפות3English · עברית · العربية — LTR ו-RTL
- שעת הסגירה11:00הזמנה עד 11:00 — מגיעה היום
- צ'ק-אאוט3שלבים: פרטים, כתובת, תשלום
- תבניות0נבנה מאפס. לא Shopify, לא תוסף.
// 01 · על הפרויקט
לפני שלובשים PROPR,
חווים PROPR.
המותג בנוי על פרט: בד מיקרו-מודאל, תפירה מדויקת, קופסה, סרט. האתר היה צריך להרגיש בדיוק ככה — שקט, מדויק, ללא רעש — ובמקביל לעשות את כל העבודה הקשה של חנות אמיתית: מלאי, וריאציות, סליקה ישראלית, משלוחים לפי אזור, שלוש שפות ושני כיווני כתיבה. חוויית הקנייה נבנתה סביב כמה עקרונות:
- טיפוגרפיה ולבן-שמנת לפני כל אפקט
- תמונה גדולה, מעט מילים
- אפס חיכוך בדרך לתשלום
- אותה חוויה ב-EN, HE ו-AR
- הבטחת משלוח שמוצגת בכל עמוד
// 02 · מה בנינו
פלטפורמת מסחר שלמה.
לא ערכת נושא.
במקום להתאים את המותג למגבלות של פלטפורמה קיימת, בנינו את הפלטפורמה סביב המותג. כל שכבה — מה-Storefront ועד מערכת הניהול — נכתבה עבור PROPR:
- 01עיצוב מוצר וחוויית משתמש
- 02Storefront ב-React עם SSR
- 03Backend, API ומודל נתונים
- 04קטלוג, קולקציות ווריאציות
- 05מלאי ומצבי Sold Out
- 06סל קניות בצד השרת
- 07צ'ק-אאוט בשלושה שלבים
- 08אינטגרציית סליקה מאובטחת
- 09מנוע משלוחים לפי אזור ושעה
- 10מערכת ניהול תוכן ייעודית
- 11תשתית מדיה ותמונות רספונסיביות
- 12לוקליזציה: EN · HE · AR
- 13ניוזלטר, קודי הנחה ו-GTM
- 14SEO, ביצועים ונגישות
- 15תשתיות, CDN ועלייה לאוויר
// 03 · האתגר
להרגיש בוטיק.
לעבוד כמו מערכת.
חנות יוקרה קטנה צריכה לעמוד בדיוק באותם סטנדרטים של חנות ענק — רק בלי מחלקת IT. האתגר היה לבנות מערכת שמצליחה:
- 01
לשמור על תחושת בוטיק גם במהירות של חנות אונליין.
- 02
לעבוד בשלוש שפות, שתיים מהן מימין לשמאל.
- 03
לנהל צבע, מידה ומלאי בלי למכור פריט שאזל.
- 04
להבטיח משלוח באותו היום — לפי אזור ולפי שעת ההזמנה.
- 05
לסלוק כרטיס ישראלי בבטחה, בלי שפרטי האשראי יעברו דרך השרת שלנו.
- 06
להיסגר בשבת ובחג — ולחזור לבד במוצאי שבת.
- 07
לתת לצוות המותג לערוך תוכן, הודעות ומבצעים בלי מפתח.
- 08
להיות מהירה ואינדקסבילית — SSR, תמונות קלות, Schema.
- 09
לאכוף כללי קודי הנחה: הזמנה ראשונה בלבד, שימוש יחיד.
// 04 · הפתרון
מהקולקציה
ועד הדלת. ברצף אחד.
המסע נבנה כך שכל צעד מוביל לבא אחריו, בלי לשבור את הקצב: גלישה בקולקציה, בחירת וריאציה, סל, צ'ק-אאוט בשלושה שלבים ותשלום — ואז ההבטחה מתממשת פיזית, באותו היום.
- 01
בוחרים קולקציה: Signature, Grace, Allure, Sable, Poise
- 02
פותחים מוצר — גלריה, בד, טיפול, מדריך מידות
- 03
בוחרים צבע ומידה; המלאי נבדק בזמן ההוספה
- 04
הסל נפתח בצד — עם מד התקדמות למשלוח חינם
- 05
צ'ק-אאוט כאורח: פרטים, כתובת, תשלום
- 06
קוד הנחה, הערת מתנה וכתובת חיוב נפרדת — אופציונלי
- 07
תשלום מאובטח ב-iframe של ספק הסליקה
- 08
אישור הזמנה, מייל ועדכוני משלוח
// 05 · Storefront וקטלוג
עמוד מוצר
שמרגיש כמו מגע בבד.
המוצר הוא הגיבור: גלריה גדולה עם זום, שם, מחיר בשקלים, בחירת צבע ומידה ולשוניות בד, טיפול ומדריך מידות. כל התוכן מגיע מהקטלוג, וכל תמונה נטענת בגרסה המתאימה למסך:
- 01קולקציות ובאנרים מנוהלים מה-CMS
- 02גלריית מוצר עם זום ומעבר תמונות
- 03וריאציות צבע ומידה עם מלאי
- 04מצבי Sold Out ו'בחרו מידה'
- 05לשוניות בד, טיפול ומדריך מידות
- 06תמונות WebP רספונסיביות עם Blur placeholder
- 07SSR: כל עמוד מוגש מלא לגוגל ולמשתמש
- 08כותרות, תיאורים ו-SEO לכל עמוד ושפה
// 06 · סל וצ'ק-אאוט
שלושה שלבים.
אפס הפתעות.
הסל חי בצד השרת — כך שהמלאי, המחיר והמשלוח תמיד נכונים, גם אם המשתמש חוזר אחרי שעה. הצ'ק-אאוט מפוצל לשלושה שלבים ברורים, עם סיכום הזמנה קבוע ותמיכה בכל מה שחנות ישראלית צריכה:
- 01סל בצד השרת עם תפוגה וטיפול ב'הסל פג'
- 02בדיקת מלאי בהוספה — 'הפריט הרגע אזל'
- 03מד משלוח חינם: 'עוד X למשלוח חינם'
- 04צ'ק-אאוט כאורח, בלי הרשמה
- 05שלב 1 פרטים · שלב 2 כתובת · שלב 3 תשלום
- 06משלוח לישראל בלבד, עם הוראות שליח
- 07הערת מתנה אישית שנכנסת לחבילה
- 08כתובת חיוב ושם לחשבונית — אופציונלי
- 09קודי הנחה: הזמנה ראשונה, שימוש יחיד, הודעות שגיאה ברורות
- 10נעילת פרטי ההזמנה ברגע שנוצרה
- 11Rate limiting נגד ניסיונות חוזרים
- 12אישור הזמנה ועדכוני משלוח במייל
// 07 · תשלום ואבטחה
הכרטיס לא עובר
דרכנו. בכוונה.
טופס התשלום רץ בתוך iframe של ספק הסליקה: מספר כרטיס, תוקף, CVV ותעודת זהות של בעל הכרטיס נשלחים ישירות לסולק. אנחנו מקבלים רק את התוצאה — אישור או דחייה — ומטפלים בה בחוויה ברורה. סביבת הפיתוח עובדת במצב Sandbox עם חיוב מדומה.
- Hosted payment iframe
- ת.ז. בעל הכרטיס — דרישה ישראלית
- טיפול בדחייה מצד המנפיק
- Secure Checkout מוצפן
- Sandbox לפיתוח ול-QA
- Rate limiting ו-Audit
- הסכמה לתקנון ולפרטיות לפני תשלום
- Cloudflare מול האינטרנט
// 08 · הבטחת המשלוח
מזמינים היום.
מקבלים היום.
ההבטחה הזאת היא לב המותג — אז היא לא טקסט סטטי. מנוע המשלוחים יודע מה השעה, מה הכתובת ומה היום בלוח השנה העברי, ומציג הודעה נכונה בפס העליון, בעמוד המוצר ובצ'ק-אאוט:
- 01לפני 11:00 — 'מגיע היום' (באר שבע עד בנימינה)
- 02אחרי 11:00 — ליום העסקים הבא
- 03אזורים מרוחקים (אילת, ראש פינה) — עד 7 ימי עסקים
- 04דמי משלוח וסף משלוח חינם מנוהלים מה-CMS
- 05חלונות סגירה לשבת וחג — 'A Moment to Pause'
- 06פתיחה אוטומטית במוצאי שבת/חג
- 07אותה לוגיקה בשלוש השפות
- 08הודעות Push ומייל על סטטוס החבילה
// 09 · שלוש שפות, שני כיוונים
אותה חנות.
בעברית, אנגלית וערבית.
לוקליזציה פה היא לא תרגום של מחרוזות — היא כיוון כתיבה, פריסה, טיפוגרפיה, מטבע וכתובות URL. כל שפה מקבלת נתיב משלה, hreflang ו-canonical, וכל הטקסטים — מהכפתורים ועד הודעות השגיאה — מגיעים ממילון מנוהל:
- 01English (LTR) · עברית (RTL) · العربية (RTL)
- 02נתיב URL ייעודי לכל שפה
- 03hreflang ו-canonical אוטומטיים
- 04פריסה שמתהפכת: תפריט, סל, גלריה
- 05מילון UI מנוהל לכל שפה
- 06תוכן, SEO והודעות לפי שפה
- 07מחיר בשקלים בכל שפה
- 08בורר שפה שזוכר את הבחירה
// 10 · מערכת ניהול תוכן
המותג מנהל.
המפתחים לא נדרשים.
כל מה שמשתנה לעיתים קרובות הוזז החוצה מהקוד אל מערכת ניהול ייעודית. עמודים מורכבים מסקשנים, הקטלוג חי לצד התוכן, וההגדרות התפעוליות — משלוחים, הודעות, פופאפים, חלונות סגירה — נערכות בלי דיפלוי:
- עמודים מסקשנים: טקסט עשיר, באנרי קולקציה
- קטלוג: מוצרים, וריאציות, מלאי, מחירים
- ניווט ופוטר
- פס הודעות עליון
- פופאפ ניוזלטר וטריגרים
- משלוחים: עלות, סף חינם, מדינות
- חלונות סגירה לשבת וחג
- מילון מחרוזות UI
- SEO ותמונות OG לכל עמוד
- ספריית מדיה עם גרסאות אוטומטיות
// 11 · שיווק וצמיחה
הזמנה ראשונה
מתחילה בהזמנה אישית.
שכבת השיווק מחוברת למוצר ולא מודבקת עליו: ההרשמה לניוזלטר מייצרת קוד הנחה אישי לאחוזים שהוגדרו, הפופאפ נפתח לפי מעורבות ולא לפי טיימר עיוור, והמדידה עוברת דרך GTM עם הסכמת Cookies:
- ניוזלטר דרך Klaviyo
- קוד הנחה אישי להזמנה ראשונה
- פופאפ לפי זמן פעיל באתר
- Google Tag Manager
- ניהול הסכמת Cookies
- אינסטגרם ופייסבוק
- עמוד מתנות ייעודי
- Open Graph לשיתוף יפה
// 12 · ביצועים ותשתית
תמונות כבדות.
אתר קל.
אתר אופנה חי על צילומים גדולים — וזה בדיוק מה שמאט אתרים. בנינו תשתית מדיה שמייצרת לכל תמונה גרסאות WebP בכמה רוחבים ו-Blur placeholder, הגשה דרך CDN, ואחסון בישראל:
- 01SSR + Hydration — תוכן מיידי
- 02Code splitting לפי עמוד
- 03WebP ב-640 / 1280 / מקור
- 04Blur placeholders ללא קפיצות
- 05Cloudflare CDN ו-Analytics
- 06אחסון מדיה ב-AWS il-central-1
- 07פונטים Self-hosted
- 08Prefetch לעמודים הבאים
- 09עמודי 404 ושגיאה ממותגים
- 10ניטור ו-Deploy רציף
// 13 · התוצאה
חנות שנראית כמו המותג —
ועובדת כמו מערכת.
PROPR עלתה לאוויר עם פלטפורמת מסחר משלה: Storefront בשלוש שפות, קטלוג עם וריאציות ומלאי, סל וצ'ק-אאוט ישראליים, סליקה מאובטחת, מנוע משלוחים שמבין שעה, אזור ולוח שנה — ומערכת ניהול שמשאירה את השליטה בידי המותג.
התשתית מאפשרת להוסיף קולקציות, שפות, אמצעי תשלום ושווקים — בלי לבנות מחדש, ובלי להתפשר על הפרט.
// 14 · טכנולוגיות ויכולות
מה יש מתחת לבד
כל שכבה נבנתה למסחר אמיתי: מהירה, מאובטחת, רב-לשונית ומוכנה לקולקציה הבאה.
- WEBStorefront ב-React עם SSR
- APIBackend ו-API
- CATALOGקטלוג, וריאציות ומלאי
- CARTסל בצד השרת
- CHECKOUTצ'ק-אאוט בשלושה שלבים
- PAYסליקה ב-iframe מאובטח
- DELIVERYמנוע משלוחים וחלונות סגירה
- PROMOקודי הנחה וכללי שימוש
- I18Nלוקליזציה EN · HE · AR
- CMSמערכת ניהול תוכן ייעודית
- MEDIAתשתית מדיה ו-WebP
- GROWTHKlaviyo ו-GTM
- SEOSEO, hreflang ו-Schema
- INFRACloudflare ו-AWS Israel
- A11Yנגישות ו-RTL
- CI/CDQA ו-Deploy רציף
// 15 · בונים מותג אונליין?
כשהתבנית קטנה
על המותג.
onezero בונה פלטפורמות מסחר למותגים שרוצים שליטה מלאה בחוויה — מהעיצוב, דרך הקטלוג והסליקה ועד המשלוח. אם Shopify כבר לא מספיק, או שמעולם לא התאים, בואו נדבר.
לא תבנית. חנות שתפורה למותג.