מסחר ללא ראש הוא ארכיטקטורת ה-"it" של עולם המסחר האלקטרוני כרגע.
תלוי מה אתם קוראים, זהו פריט חובה כדי להגיע ללקוחות בעולם האומני-צ'אנל המהיר של ימינו, או טרנד נפוח של מילות באזז.
האמת היא שזה כנראה איפשהו באמצע. מסחר ללא גישה (Headless commerce) אינו הכרחי עבור כל עסקי המסחר האלקטרוני. אבל מסחר ללא גישה (Headless commerce) יכול להיות הצלה עבור מותגים ספציפיים הדורשים התאמה אישית רבה יותר ופתרונות יצירתיים שלא ניתן להשיג עם תוכנות מסחר אלקטרוני קיימות.
מסחר חסר ראש פירושו ניתוק הפונקציונליות של המסחר האלקטרוני בקצה האחורי מנקודות המגע הפונות ללקוחות בקצה הקדמי (או "הראש"). לאחר מכן, הקצה הקדמי והצד האחורי יכולים לשתף מידע בצורה חלקה דרך ממשקי API.
על ידי מעבר ל-Headless, עסק עשוי להיות מסוגל לבחור פלטפורמת מסחר חזקה שאינה מתאימה באופן מושלם לצרכים שלו ולאחר מכן להתאים אותה אישית באמצעות פלטפורמה נפרדת. מערכת ניהול תוכן (CMS), פלטפורמת חוויה דיגיטלית, (DXP) או אפליקציית אינטרנט מתקדמת (PWA), בין אפשרויות רבות אחרות.
במאמר זה, נשתף 20 עסקים שיצאו משליטה - כולל ממה מורכב מערך הטכנולוגיה שלהם, איזו בעיה הם ניסו לפתור ואיך הכל התנהל.
תוכן העניינים
- בריאות ויופי
- אופנה
- אוכל ומשקה
- ריהוט לבית
- בידור
- ייצור וסיטונאות
- כלי רכב
בריאות ויופי
יופי של ILIA
איליה הוא מותג יופי עטור פרסים שחולל מהפכה בתעשיית האיפור הנקי. העסק צמח במהירות והיה זקוק למראה מושלם כמו המוצר שלו.
האתגר: ככל שצמחה באופן אקספוננציאלי, ILIA הייתה מרוצה מהאופן שבו Shopify בנוסף, החנות הציגה ביצועים טובים. אבל היא רצתה יותר ויותר את הגמישות של מחסנית טכנולוגיה ללא חיבור (headless tech stack) כדי להיות זריזה עם סוגי תוכן שונים ככל שהיא התרחבה.
הפתרון: באמצעות Shopify בנוסף למנוע בקצה האחורי ומינוף פלטפורמת המסחר הheadless של Nacelle לפיתוח קצה חיצוני של PWA, ILIA שיפרה את חוויית הלקוח. האתר הפחית את מהירויות טעינת הדפים בכמעט 50%, וכך ראה פחות לקוחות פוטנציאליים שעזבו את הדפים, וירידה כוללת של 18% בשיעור היציאה. בצד המפתחים, חלה יעילות מוגברת על ידי המעבר ל-headless, עם פריסות מהירות יותר ב-20%.
לנקום
אחד המותגים הידועים והמוערכים ביותר בעולם, לנקום היא מוכרת צרפתית של בשמים וקוסמטיקה יוקרתיים שהבינה שעליה להסתגל לעולם משתנה.
האתגר: אי שם בשנת 2016, לנקום שמה לב שהתנועה שלה משתנה - לראשונה אי פעם, תנועה ממובייל עלתה על תנועה ממחשבים שולחניים. העסק היה צריך להתאים את האתר שלו כדי לעמוד בדרכים החדשות שבהן לקוחות קונים. לנקום שקלה לבנות אפליקציה נייטיב אך הבינה שזה הגיוני רק לקונים תכופים. במקום זאת, היא רצתה ליצור חוויה מהירה ומרתקת בדומה לאפליקציה נייטיב שתהיה נגישה לכל המבקרים.
הפתרון: ענקית הבשמים השיקה את האתר החדש שלה בשנת 2017 (וכך הייתה אחת המאמצות הראשונות למדי של Headless), אך השתמשה ב-PWA בשם Mobilfy כדי לספק חוויה מהירה ואפליקצייתית באינטרנט הנייד. התוצאה הייתה עלייה של 17% בהמרות, עלייה של 53% בסשנים בנייד ב-iOS ועלייה של 8% בשיעורי ההמרה בעגלות ששוחזרו באמצעות התראות דחיפה.
מעבדות עירומות
עבור הצרכן שחושב על הבריאות ומחפש מעבר למשקל ביתי שמודד רק משקל, מעבדות עירומות מציעה מוצר שמבצע סריקות תלת-ממדיות מלאות כדי לעזור למשתמשים להבין טוב יותר את הרכב הגוף שלהם. המשקל מסוגל לספק תוצאות לאפליקציה קלה לשימוש.
האתגר: באופן טבעי, המורכבות של המוצר דורשת מערך טכנולוגיות מותאם אישית למדי. האתר היה צריך להיות ממוקד מאוד בתוכן ולהדגים את יכולותיו של המוצר באמצעות אנימציות תלת מימד. מכיוון שהמוצר יקר יותר, התוכן חשוב מאוד גם כדי לחנך את הצרכן על ערכו, שכן הוא עורך מחקר לפני הרכישה.
הפתרון: שימושים במעבדות עירומות Shopify כפלטפורמת המסחר האלקטרוני האחורית שלה ומערכת ניהול תוכן Contentful בחזית. זה מאפשר למותג להיות גמיש מאוד ולעדכן תוכן לפי הצורך.
StriVectin
מותג טיפוח העור StriVectin מציעה ללקוחות קרמים וסרומים נגד הזדקנות, וכוללת תוכן מועיל כמו ניתוח זיהוי עור כדי לעזור להם לבחור את המוצרים המתאימים להם ביותר.
האתגר: בסביבות שנת 2019, StriVectin השתמשה ב-Magento עבור חנות המסחר האלקטרוני שלה, אך התסכלה מאתגרי יציבות. העסק רצה לעבור לפלטפורמת מסחר אלקטרוני חדשה אך היה זקוק לכלי ניהול תוכן רבי עוצמה כדי לאחסן את הבלוג שלה ואת המידע על חלק מהמדע שמאחורי המוצרים.
הפתרון: StriVectin עברה ל-Shopify כדי להפעיל את מידע המוצרים העיקרי שלה, ניהול מלאיוחוויית התשלום. לאחר מכן היא השתמשה ב-Prismic CMS לטיפול בתוכן. StriVectin משתמשת גם ב-Gatsby כדי לשלב הכל בצורה חלקה. לאחר ההשקה, היא ראתה עלייה מיידית ומתמשכת של 20% ב- תנועה אורגנית.
דוגמאות לאופנה
הודינקי
השמיים הודינקי אתר אינטרנט הוא לא רק מקום לקנות שעונים, זהו המקום שאליו פונים חובבי שעונים וכל מה שקשור לשעונים לחינוך, בידור ודיון.
האתגר: מודל העסקי של Hodinkee מתמקד מאוד בתוכן. בנוסף לשעונים, היא מציעה פודקאסטים, סרטונים, מאמרים ועוד, שכולם חוגגים את שעוני היד ומפגינים מומחיות בעיצוב עדין. אומנות.
הפתרון: חברת Hodinkee, שותפה מוקדמת נוספת של Headless, בנתה מחדש את אתר האינטרנט שלה לפני יותר משבע שנים, בהתבסס על ארכיטקטורה נפרדת. העסק בנה את Shopify ועיצב מערכת ניהול תוכן מותאמת אישית משלו. כפי שהסבירו נציגי Hodinkee במהלך ההשקה: "אתר אינטרנט חדש זה יאפשר לנו להמשיך וליצור תוכן עשיר ומעמיק יותר עבור הקוראים שלנו, ולהציג אותו בצורה (אם נגיד זאת בענווה) מדהימה לחלוטין."
קוטן
קוטן הוא מותג אופנה בעל חשיבה אתית ובר-קיימא, שמטרתו תמיד הייתה לייצר בגדים שאינם מתפשרים על איכות, מחיר או יושרה של האנשים המייצרים אותם.
האתגר: בעוד שקוטן יכלה בתחילה לעשות כל מה שצריך עם חנות Shopify Plus שלה, עם הזמן, ככל שהיצע המוצרים שלה גדל, רישומים מסוימים דרשו פתרונות מסורבלים עבור סוחרי מסחר אלקטרוני. בנוסף, היו לה שני אתרי Shopify נפרדים ששולבו על ידי אותו אתר תוכן. קוטן הבינה שהיא יכולה לפתור את הבעיות הללו באמצעות פתרון קבוע יותר: בנייה ללא כותרת.
הפתרון: קוטן השתמש ב- API של Shopify Storefront לאחד שתי חנויות לאחת, המופעלת על ידי מערכת ניהול תוכן (CMS) חדשה בשם Sanity, יחד עם דפי מוצר מותאמים אישית וקופה. המודל ה-headless של Kotn מאפשר לה גם להשתמש ב-React, מה שאומר שהמפתחים הפנימיים שלה יכולים לבנות רכיבים רב פעמיים שאינם רק פונים לצרכן אלא גם משתרעים על פני שאר האפליקציה הפנימית.
נייק
אולי שמעתם על חנות קטנה לנעליים ובגדי ספורט בשם נייק—אבל ידעתם שגם ענקית אביזרי הספורט הזו הפכה את האתר שלה ללא שליטה?
האתגר: נייקי בחרה ב-Headless משום שרצתה אסטרטגיה המתמקדת במובייל תחילה כדי לנצל את פלח השוק הצעיר יותר, שקונה יותר ויותר בטלפונים שלה.
הפתרון: האתר החדש נבנה באמצעות React SPA בשילוב עם Node.js (סביבת JavaScript בקוד פתוח) עבור חזית ה-BFF. ארכיטקטורת BFF פירושה שפותחו מספר עמודי קצה כדי לענות על הצרכים של פונקציות חזית ספציפיות אליהן הם מתחברים. התצורה החדשה מאפשרת לנייקי לבצע אופטימיזציה לא רק במובייל אלא בכל הדפים. מאז ההשקה, נייקי הגדילה בהדרגה את נתח השוק שלה על פני המתחרה אדידס.
תחת שריון
המשך הולם לנייקי לעיל, תחת שריון הוא מותג ידוע נוסף המתאים לספורטאים מכל הרמות.
האתגר: חברת Under Armour מנהלת אלפי חנויות ב-30 שווקים וכוללת מרכזי כושר וקמעונאות. המותג היה זקוק לאתר אינטרנט שיוכל לאחד את כל אלה במסע לקוח מגובש, ולכן פנה ל-Headless כדי למצוא אותו.
הפתרון: באמצעות Demandware בקצה האחורי של הפרויקט, Under Armour מינפה את Mobilfy כדי ליצור PWA בקצה האחורי של הפרויקט - אחד המותגים הראשונים שעשו זאת. התוצאה הייתה מסע לקוח מהיר וחלק יותר, המקל על הניווט מדפי מוצרים לקטגוריות. לאחר השקת האתר החדש, Under Armour ראתה צמיחה דו-ספרתית בהכנסות ושיעור החזרה פי שלושה.
אוכל ומשקה
יהלום הכחול
יהלום הכחול מוכרת את כל מה שקדים, הן בחנות והן באינטרנט. עם למעלה מ-100 מוצרים ו-100 שנות היסטוריה, לעסק יש הרבה תוכן לארוז באתר האינטרנט ובחנות המקוונת שלו.
האתגר: חברת Blue Diamond, שעיצבה מחדש את אתר האינטרנט שלה בפעם הראשונה מזה יותר מ-10 שנים, הייתה זקוקה לחנות מקוונת מאורגנת ותכליתית שתוכל לשרת את כל צרכי הלקוחות השונים שלה. היא רצתה אתר מותג שמרגיש מגובש, תוך שמירה על זהויות ייחודיות לקווי מוצרים שונים.
הפתרון: בלו דיימונד שיתפה פעולה עם פלנטרי כדי לבנות את אתר האינטרנט שלה באמצעות Shopify ו-React, מגובה על ידי Contentful עבור מערכת ניהול התוכן (CMS). זה יצר גמישות מלאה להצגת כל הדפים וסוגי התוכן השונים. בנוסף, צוות בלו דיימונד יכול כעת לעדכן בקלות את תוכן האתר, ליצור דפים ולהוסיף ולעדכן מוצרים ללא משאבי מפתחים. בלו דיימונד השתמשה בממשק ה-API של Shopify כדי ליצור אינטגרציה חלקה עם שאר האתר. האתר ראה עלייה של 85% ב... תנועה אורגנית וירידה של 15% בשיעור הנטישה.
זריעה
זריעה מייצרת משקאות חריפים איכותיים וללא אלכוהול.
האתגר: משקאות לא אלכוהוליים זוכים לשיאם - פיור מרקטס מעריכה ששוק המשקאות הלא אלכוהוליים העולמי יגדל מ-923 מיליון דולר בשנת 2020 ל- יותר מ-1.7 טריליון דולר עד 2028אבל זה גם תחום תחרותי מאוד עבור מותגים אנכיים בעלי נטייה דיגיטלית. Seedlip הייתה זקוקה לאתר אינטרנט שיכול לייצר חוויית לקוח יוצאת דופן שתמשוך מבקרים חדשים, תהפוך אותם ללקוחות ותגרום להם לחזור.
הפתרון: כדי להשיג את החוויה הדיגיטלית שרצתה, Seedlip הייתה בין הראשונים שאימצו את הטכנולוגיה ללא headless. מותג המשקאות משתמש ב-Shopify בצד האחורי של הרשת ובנה ממשק משתמש Vue.js מותאם אישית המאפשר לו להתאים אישית ולספק פרטים מדהימים בכל שלב בתהליך.
ריהוט לבית
לִנְבּוּר
מעוצב כך שיתאים לכל בית וטעם, לִנְבּוּר מציעה ריהוט מודולרי מודרני ואלגנטי הניתן לשינוי ולהרכבה בקלות על ידי הלקוח.
האתגר: בחיפוש אחר פלטפורמת מסחר אלקטרוני להשקת האתר שלה, בורו גילתה שהאפשרויות המוכנות לשימוש לא ענו על צרכיה. העסק היה זקוק לחוויית תשלום לא סטנדרטית, כולל אפשרות לעכב הזמנות ולדרוש חתימה במשלוח. המותג גם היה זקוק להתאמות אישיות נוספות כדי להשיג את חוויית הקנייה שדרשו לקוחותיו.
הפתרון: בורו השתמש בפתרון ללא ראש עם BigCommerce בקצה האחורי ומערכת ניהול תוכן מותאמת אישית בקצה הקדמי כדי להשיג את האתר. התוכן קל לעדכון ותחזוקה, כך שהעסק יכול להשיק מוצרים מהר יותר ולספק את חוויית הלקוח הרצויה.
overstock
מכירת רהיטים בעיקר (אך גם מצעים, תכשיטים, מוצרי חשמל ועוד), overstock הפכה לקמעונאית אינטרנטית פופולרית למוצרי בית.
האתגר: כמות התוכן העצומה ב-Overstock יכולה להיות מכריעה, לכן האתר צריך להיות מאורגן היטב וקל לחיפוש על מנת לעזור ללקוחות למצוא את מה שהם רוצים במהירות. דרישות נוספות כדי למנוע ממבקרים לקפוץ למתחרים: זמן טעינה מהיר וחוויית משתמש חלקה באופן כללי.
הפתרון: אוברסטוק בנתה מחדש את האתר שלה בגישה ללא כותרת, והפכה את דפי מחקר המוצרים וגלישה במוצרים לדפי SPA אינטראקטיביים. SPA, או אפליקציית עמוד בודד, מתעדכנת באמצעות קריאות API, וכתוצאה מכך מעברי עמודים כמעט מיידיים. לאחר עדכון האתר שלה בגישה ללא כותרת, אוברסטוק ראתה עלייה של 36% בשיעורי ההמרה.
ורישוף
ורישוף מחבר קונים בשוק המחפשים כל דבר, החל ממוצרי בית ועד בגדים, עם מעצבים ומותגים עצמאיים.
האתגר: כמו Overstock, Verishop היא קמעונאית רב-מותגית המציעה מגוון רחב של מוצרים בקטגוריות שונות שצריכות להיות קלות לחיפוש. מכיוון ש-Verishop מציעה עבודות של מעצבים מרובים, היא צריכה להיות מסוגלת גם להציע חוויות מותאמות אישית בכתובות URL ספציפיות למותג.
הפתרון: Verishop ניצלה את Shopify Plus ו-Contentful CMS כדי ליצור את חנות המסחר האלקטרוני שלה ללא כותרת. התוצאה היא אתר אינטרנט שמקל על הגלישה ומציאת פריטים ספציפיים.
בידור
רשתות מורכבות
רשתות מורכבות היא רשת בידור עולמית לנוער בקטגוריות גדולות של תרבות פופ, כולל אופנת רחוב וסטייל, אוכל, מוזיקה, נעלי ספורט וספורט - הידועה בכנס הרב-חושי השנתי המהולל שלה, ComplexCon.
האתגר: כאשר כנס ComplexCon 2020 בוטל עקב מגפת הקורונה, חברת Complex Networks ראתה הזדמנות להתאים את מודל העסקים שלה. היא רצתה ליצור גרסה וירטואלית, כזו שתהיה באמת סוחפת, שבה המבקרים יוכלו לא רק לבצע רכישות אלא גם ליצור קשר עם מותגים ולגלות טרנדים חדשים.
הפתרון: מעבר ל-headless היה הכרחי עבור Complex Networks משום שהוא יצר משהו חדשני ומורכב כאחד: משחק וידאו תלת-ממדי מבוסס מסחר אלקטרוני שבו משתמשים יכולים לנוע, לחקור ולחוות בחופשיות. בהתבסס על פלטפורמת Shopify Plus, ComplexCon שיתפה פעולה עם סוכנות עיצוב וחוויית משתמש. 3. ג'אם ושותפה לסוכנות Shopify Plus קבוצת ריס כדי ליצור חווית חזית מציאות רבודה שתוכל לעמוד בציפיות.
לֶגוֹ
בדומה לנייקי לפניה, לֶגוֹ הוא מותג שאין צורך בהיכרות, שכן לבני הצעצוע הצבעוניות הללו הן פריט חובה עבור בונים צעירים בכל רחבי העולם.
האתגר: בשנת 2017, מותג הצעצועים האייקוני החל להתמודד עם קשיים באתר האינטרנט שלו. הוא פעל על מערכת מסחר אלקטרוני מונוליטית מסורתית ולא הצליח להתרחב מספיק כדי לעמוד בקצב הביקוש של הלקוחות. LEGO החלה להשקיע ב-React בקצה הקדמי, אך הבינה שמערכת הקצה האחורי שלה היא מה שמעכב אותה.
הפתרון: LEGO השיקה את האתר החדש שלה ב-commercetools בשנת 2019. התוצאה היא אתר אמין הרבה יותר, המספק גם חוויית לקוח טובה יותר. LEGO גילתה גם ש-moving headless נתן לצוותים שלה יותר עצמאות לבצע עדכונים, מה שהוביל להשקות מוצרים מהירות יותר.
ייצור וסיטונאות
Redbox
ידועים בדוכני השכרת הסרטים האדומים שלהם, Redbox יש גם נוכחות חזקה במסחר אלקטרוני המאפשרת לקונים לשכור או לקנות סרטים לפי דרישה.
האתגר: מכיוון שהתוכן שלה ויזואלי מאוד, Redbox הייתה זקוקה לפתרון שיאפשר לה להציג אלמנטים ויזואליים בדף הבית המעניין ביותר מבלי לאבד את מהירות הדף.
הפתרון: רדבוקס בחרה להשיק את חנות הפתיחה שלה באמצעות SPA, כמו נייקי ואוברסטוק, כפי שהוזכרו לעיל. התוצאה הייתה חוויה סוחפת יותר, תוכן ויזואלי רספונסיבי, וללא אובדן ביצועים.
ג'ונסטון סופליי
עם יותר מ-422 חנויות ברחבי ארצות הברית, ג'ונסטון סופליי היא המפיצה הסיטונאית השיתופית המובילה בתעשיית ה-HVAC.
האתגר: לג'ונסטון היו שתי בעיות: 1) הקטלוג שלה הכיל מספר עצום של 80,000 יחידות מוצר, עם 1,200 מאפייני מוצר אפשריים, ו-2) בסיס הלקוחות שלה, המורכב מקבלנים, נזקק יותר ויותר לגישה ניידת מהירה וקלה למידע על מוצרים בזמן שהם בשטח.
הפתרון: הסיטונאית בחרה לבנות את האתר שלה על Elastic Path כדי להשתמש ב-APIs לשיתוף נתונים נחוצים בין חנויות ביעילות. מאז אימוץ אתר האינטרנט החדש והמנותק והמבוזר שלה, ג'ונסטון שיפרה את חוויית הלקוח בערוצים השונים והגדילה את מהירות השיווק של מוצרים חדשים. היא גם מסוגלת להתמודד עם כמות נתוני המוצרים ההולכת וגדלה ביתר קלות.
פלה
פלה היא יצרנית ומעצבת מובילה של דלתות וחלונות לבנייה חדשה, שיפוץ והחלפה.
האתגר: לפלה יש מקרי שימוש גם ב-B2C וגם ב-B2B והיא הייתה זקוקה למערכת מותאמת אישית שתוכל לספק נתיב רכישה חלק עבור שניהם.
הפתרון: Elastic Path Commerce Cloud מתארח ב אמזון בעברית שירותי אינטרנט היו הפתרון שבחרה פלה. באתר החדש, לקוחות יכולים לבחור בקלות אם הם בעלי בית או קבלן מקצועי, מה שמאפשר התאמה אישית של החוויה ישירות מדף הבית. הפתרון ה-headless סיפק את מסע הלקוח המשופר שהחברה הייתה זקוקה לו וגם צמצם את נטישת עגלה.
כלי רכב
אאודי
אאודי היא יצרנית מכוניות יוקרה גרמנית שמוצריה מייצגים איכות גבוהה ועיצוב ספורטיבי.
האתגר: אאודי הייתה זקוקה לאתר אינטרנט עם גמישות שתתאים לדרישות המשתנות של לקוחותיה. היא הייתה זקוקה למערך טכנולוגי מהיר וגמיש.
הפתרון: מותג הרכב השתמש ב-commercetools כפלטפורמת המסחר שלו בצד האחורי של הרשת, ומשלב שירותים ייעודיים בצד הקדמי של הרשת. פונקציונליות המסחר האלקטרוני משתלבת גם עם הטכנולוגיה המותקנת ברכב, כך שלקוחות יכולים לרכוש שדרוגים לרכב ותכונות נוספות דרך אפליקציה או הגדרות ברכב.
קזו
קזו קונה, משפץ ומוכר מחדש כלי רכב שהיו בבעלות קודמת באינטרנט. לקוחות יכולים לעיין באלפי מכוניות במלאי ולקנות אותן באינטרנט כדי שיגיעו עד פתח ביתם תוך 72 שעות בלבד.
האתגר: קניית מוצר יקר באינטרנט מבלי לראותו תמיד דורשת חוויית לקוח מעולה כדי להפגין אמון ואמינות. מודל העסקים של Cazoo לא היה יוצא מן הכלל. בשל הלוגיסטיקה המורכבת של העסק, Cazoo בחרה להשיק עם פלטפורמה ללא חיבור Headless.
הפתרון: Cazoo השיקה את אתר האינטרנט שלה ב-commercetools בשנת 2020. האתר כולל תהליכי תשלום מתקדמים המאפשרים ללקוחות לרכוש רכב אחד עם מספר אפשרויות תשלום. תכונה נוספת התומכת במודל העסקי של Cazoo היא היכולת ליצור מוצרים ושירותי רכב משולבים בהתאמה אישית וניתנים להתאמה אישית.
סיכום
האם עסק המסחר האלקטרוני שלך צריך לעבור למצב של "הדלת ראש"?
התשובה היא אולי.
המפתח הוא לא להתייחס ל-Headless כאל דבר חדש ומגניב שיכול לחולל מהפכה בעסק שלכם. במקום זאת, שקלו את הבעיות שאתם מתמודדים איתן כעת. האם ניתן לפתור אותן בעזרת המערכת הקיימת שלכם? ואם לא, האם גיוון מחסנית הטכנולוגיה שלכם יעזור?
הדוגמאות במאמר זה הן כל העסקים שהצליחו עם מסחר ללא שיווק (headless commerce) מכיוון שהיו להם בעיות ספציפיות שמעבר ללא שיווק (headless commerce) הצליח לפתור. אם זה משקף את המסע שלכם, עיינו במדריך שלנו כדי ללמוד עוד על מסחר ללא שיווק (headless commerce).
