דילוג לתוכן הראשי
Globalbit

תקציר: גלובלביט עיצבה מחדש את כל פלטפורמת האיקומרס של WeShoes, על בסיס פסיכולוגיה התנהגותית ו-UX בגישת Mobile-first. פתרנו את החשש מהמידה, איחדנו יותר מ-20 זהויות מותג (Crocs,‏ Blundstone,‏ Desigual) ותכננו תהליכי המרה שהופכים גלישה לקנייה. ליותר מ-70 חנויות פיזיות יש עכשיו גם פלטפורמה דיגיטלית שמוכרת. רשת הנעליים הגדולה בישראל, עם יותר מ-70 חנויות. יותר מ-20 מותגים בינלאומיים בפלטפורמה אחת. 70% מהתנועה מגיעה מהמובייל, ולכן ה-UX תוכנן קודם כול לשימוש באגודל. עמודי מוצר שמבוססים על פסיכולוגיה התנהגותית: סריקת F-Pattern מימין לשמאל, מיקום מכוון של הוכחה חברתית, הפחתת החשש מהמידה, עיגון מחיר ודוגמיות צבע כמיקרו-מחויבות. 4 חודשים משלב האפיון ועד מפרט מוכן לפיתוח. ארכיטקטורת UX מלאה, עיצוב UI, מערכת עיצוב רב-מותגית ותיעוד טכני.

עיצבנו מחדש את חוויית האונליין של רשת הנעליים הגדולה בישראל

WeShoes · איקומרס · עיצוב מוצר
70+

חנויות ברשת ההנעלה הגדולה בישראל

20+

מותגים בפלטפורמה אחת: Crocs · Blundstone · Desigual · Seventy Nine

4 חודשים

משלב האפיון ועד הגדרת מוצר מוכנה לפיתוח

יותר מ-70 חנויות שמדפיסות כסף. אתר שלא.

WeShoes היא רשת הנעליים הגדולה בישראל, עם יותר מ-20 מותגים בינלאומיים. בחנויות, הקופות לא מפסיקות לעבוד. באונליין, ההכנסות היו כל כך קטנות שהחברה בכלל לא תעדפה את הערוץ. עיצבנו מחדש את כל חוויית האיקומרס: UX,‏ UI, מערכת עיצוב רב-מותגית וארכיטקטורת המרה, כדי להפוך את האונליין לערוץ הכנסות אמיתי.

[ האתגר ]

לרשת הנעליים הגדולה בישראל היה אתר שלא ממיר

WeShoes שולטת בשוק הקניונים בישראל. יותר מ-70 סניפים, הפצה בלעדית של Crocs,‏ Blundstone,‏ Desigual ועוד. אנשים נכנסים וקונים. באתר, התמונה הפוכה: האתר פיגר בשנים, חוויית המובייל הייתה כמעט בלתי שמישה, ויותר מ-20 זהויות מותג נדחסו יחד בלי שום היגיון עיצובי. האתר הישן הציג מוצרים. הוא לא מכר נעליים.

  • -האתר לא מכר כמו החנויות: ל-WeShoes יותר מ-70 סניפים בקניונים. נכנסים לאחד מהם ומבלים שעה במדידות. באתר? אנשים נטשו. החוויה הדיגיטלית פיגרה בשנים אחרי החוויה בחנות.
  • -יותר מ-20 מותגים שנראו כמו קטלוג מבולגן: Crocs,‏ Blundstone,‏ Desigual,‏ Seventy Nine ועוד עשרות מותגים. לכל מותג זהות משלו, אבל האתר הישן דחס את כולם לאותה תבנית גנרית. אף מותג לא קיבל ביטוי אמיתי.
  • -70% מהקונים הגיעו מהמובייל: רוב התנועה של WeShoes מגיעה מהטלפון. אבל חוויית המובייל לא נבנתה לפי הדרך שבה אנשים באמת בוחרים נעליים: משווים מידות, עוברים בין צבעים, בודקים איך הנעל נראית עם בגדים שונים. החיכוך הצטבר. אנשים גלשו, אבל לא קנו.
  • -המוצרים הוצגו, לא נמכרו: האתר הציג נעליים בגריד. בלי השראה לסטיילינג, בלי הכוונה למידה. שום דבר שגורם לחשוב "אני צריך אותן כבר היום". זה היה קטלוג, ולא חנות.

"החנויות של WeShoes מוכרות את החוויה לא פחות מהמוצר. באתר אפשר היה להסתכל על נעליים, אבל לא באמת לקנות אותן. היינו צריכים להכניס למסך את אותה אנרגיה של שיטוט בחנות."

הגדרנו פלטפורמה שמוכרת נעליים, לא כזו שמציגה אותן

קניית נעליים אונליין היא עניין אישי. אנשים בוחרים לפי המראה, לא לפי מספר דגם. הם צריכים לסמוך על המידה, והם רוצים השראה. התחלנו מהדרך שבה לקוחות WeShoes קונים בחנויות, ותכננו חוויה דיגיטלית שמבוססת על אותה פסיכולוגיה: גלישה לפי סגנון, עמודי מוצר שבונים ביטחון ותשלום בלי חיכוך.

מסרנו את כל מה שצריך כדי להתחיל לפתח: ארכיטקטורת UX, עיצוב UI, מערכת עיצוב רב-מותגית, מפרטי אינטראקציה ותיעוד טכני מלא. ארבעה חודשים מהפגישה הראשונה ועד תוכנית מוכנה לפיתוח, בלי סימני שאלה ובלי חורים.

חוויית WeShoes הרספונסיבית: רצף אחיד בין הממשק בדסקטופ לממשק במובייל
[ מה מסרנו ]

שש החלטות עיצוב שמשנות את הדרך שבה אנשים קונים

אף אחת מהן לא נועדה לקישוט. כל החלטה היא אסטרטגיית המרה, שתורגמה למסך.

[ 01 ]

ביטלנו את גריד המוצרים

האתר הישן שפך את כל הנעליים לגריד ענק אחד וקיווה שאנשים יגללו. ויתרנו על זה לגמרי. בנינו את הניווט מחדש סביב הדרך שבה אנשים באמת מחליטים: לפי אירוע, לפי לוק, לפי מותג. נדרשו שבועות של מחקר משתמשים כדי להגיע להיררכיה הנכונה. רוב סוכנויות האיקומרס היו פשוט מוסיפות פילטרים טובים יותר.
[ 02 ]

פתרנו את בעיית ה"זה יתאים לי?"

הסיבה מספר 1 שאנשים נוטשים קנייה של נעליים אונליין היא החשש מהמידה. תכננו כל עמוד מוצר כך שיפחית את החשש הזה: תמונות מכמה זוויות, זמינות מידות בזמן אמת והערות התאמה לכל מותג. התעקשנו על הגישה הזו מול הצוות של WeShoes, כי היא דרשה נתונים חדשים מהספקים. היה שווה להתעקש.
[ 03 ]

כאן Mobile-first הוא לא סיסמה

70% מהתנועה של WeShoes מגיעה מהמובייל. לא התאמנו את הדסקטופ לטלפון. תכננו את כל החוויה לשימוש באגודל, ורק אחר כך הרחבנו לדסקטופ. גלריות בהחלקה, עגלה שמעוגנת לתחתית המסך, בחירת מידה בנגיעה אחת. המנכ״ל שלנו אפילו כתב ספר על בניית אפליקציות שאנשים באמת משתמשים בהן.
[ 04 ]

הבאנו את חוויית הקניון אל המסך

בחנויות של WeShoes אנשים מחפשים לוקים, לא קטלוגים. שחזרנו את זה באתר עם אזורי Shop by Look: שילובים נבחרים שמציגים את הנעליים בהקשר. העלייה בהמרות מהאזורים האלה הפתיעה גם אותנו. מסתבר שחוויית החנות עוברת למסך, כשמתכננים אותה בכוונה.
[ 05 ]

מיפינו יותר מ-20 מותגים בלי לאבד אף אחד

ל-Crocs יש זהות ויזואלית. גם ל-Blundstone. גם ל-Desigual. האתר הישן התעלם מכולן. בנינו מערכת עיצוב שבה כל מותג שומר על האישיות שלו בתוך המסגרת של WeShoes. הארכיטקטורה נדרשה להכיל יותר מ-20 עולמות מותג, ובמקביל לשמור על תשלום, ניווט וסימני אמון עקביים לחלוטין.
[ 06 ]

מפרט מלא, לא מוקאפים

מסרנו מחקר משתמשים, ארכיטקטורת מידע, עיצוב UI מלא, נכסים גרפיים ומפרטים טכניים מפורטים. צוות הפיתוח של WeShoes קיבל תוכנית שאפשר לבנות ממנה ישירות. בלי פערי פרשנות, בלי הלוך ושוב על הכוונה. מסירה מהסוג שחוסך חודשים.
[ פסיכולוגיית UX ]

הפסיכולוגיה שמאחורי עמוד המוצר

שום רכיב בעמוד לא נמצא שם במקרה. כל אחד מוריד עוד קצת חיכוך ומקרב את הקונה לרכישה. אלה הדפוסים ההתנהגותיים שיישמנו.

עמוד מוצר של WeShoes: תמונת נעל, מחיר, בחירת מידה וכפתור הוספה לסל
01

סריקת F-Pattern מימין לשמאל

קוראי עברית סורקים מימין לשמאל. מיקמנו את תמונת האווירה הראשית בצד ימין, שם העין נוחתת קודם. פרטי הרכישה והפעולות נמצאים בצד שמאל, שם הסריקה מסתיימת. התמונה מוכרת את הנעל. העמודה השמאלית סוגרת את המכירה.

02

הוכחה חברתית לפני ההחלטה

4.9 כוכבים ו-38 ביקורות מופיעים מיד מתחת לשם המוצר, לפני כל בחירה. הקונה קולט ש"אחרים אוהבים את זה" עוד לפני שבחר צבע או מידה. לא קבור בלשונית, לא בתחתית העמוד. בדיוק בתוך רצף ההחלטה.

03

תמונת אווירה, לא קטלוג

התמונה הראשית מציגה את הנעל על הרגל עם ג'ינס, לא צילום סטודיו סטרילי על רקע לבן. הקונה רואה את עצמו נועל אותה. תמונות הזוויות שמתחת משרתות את המוח הלוגי. תמונת האווירה מוכרת למוח הרגשי.

04

סולם החלטות

העמוד מסדר את הבחירות בדיוק בסדר שהקונה צריך: רואים את הנעל, בודקים את הדירוג, בוחרים צבע, מאשרים מידה, מוסיפים לסל. בלי לגלול חזרה למעלה, בלי לחפש כפתורים. כל שלב מוביל לשלב הבא.

Background

יש לכם תנועה, אבל אין המרות?

הגולשים כבר מגיעים אליכם. אנחנו הופכים פלטפורמות קמעונאות למנועי הכנסות, ונדאג שהם גם יקנו.

[ תהליך ]

4 חודשים מתחילת הפרויקט ועד מפרט מוכן לפיתוח

[ 01 ]

אפיון וניתוח מתחרים: 3 שבועות

בדקנו איפה האתר הקיים מאבד המרות, חקרנו פלטפורמות מתחרות (Zappos,‏ ASOS ושחקנים מקומיים) ומיפינו את המיצוב הרב-מותגי של WeShoes. ראיינו בעלי עניין כדי להבין למה החנויות מוכרות והאתר לא. תוצר: אסטרטגיית מוצר ורודמאפ לעיצוב מחדש.

[ 02 ]

ארכיטקטורת UX ו-Wireframes: 4 שבועות

תכננו את ארכיטקטורת המידע המלאה: איך הקטגוריות מאורגנות, איך הניווט עובד במובייל לעומת הדסקטופ, ואיך גולש עובר מסקרנות בעמוד הבית ועד לתשלום. בנינו Wireframes לכל מסך. תוצר: תהליכי UX מאומתים ומפרטי אינטראקציה.

[ 03 ]

עיצוב UI ומערכת מותגים: 5 שבועות

בנינו את השפה הוויזואלית: טיפוגרפיה, צבעים, ספריית קומפוננטות ותבניות ייעודיות ליותר מ-20 מותגים. עיצובים ברמת גימור גבוהה לכל סוג עמוד, שנבדקו מול תמונות מוצר אמיתיות. תוצר: עיצובים מדויקים עד הפיקסל ומדריך סגנון רב-מותגי.

[ 04 ]

מפרט טכני וארכיטקטורה: 4 שבועות

כתבנו מפרטים טכניים מלאים, מסמכי ארכיטקטורת מערכת וחבילת מסירה מוכנה לפיתוח. חוזי API, מודלי נתונים, נקודות אינטגרציה ודרישות ביצועים. כל מה שצוות הפיתוח של WeShoes היה צריך כדי לבנות בלי לנחש. תוצר: תוכנית טכנית מלאה.

[ תוצאות ]

מקטלוג למנוע הכנסות

האתר הישן הציג נעליים. הפלטפורמה החדשה מוכרת אותן. מה שעשה את ההבדל: פסיכולוגיה, תכנון Mobile-first וארכיטקטורת המרה.

גלישה הפכה לקנייה

עמוד המוצר כבר לא דף מפרט. צילומי אווירה, הוכחה חברתית, הכוונה למידה ורצף החלטה ברור הופכים מי שסתם גולל למי שקונה. כל רכיב מרוויח את המקום שלו.

המובייל הפך מנקודת תורפה לערוץ המרכזי

70% מהתנועה מגיעה מהמובייל. הפסקנו לכווץ את הדסקטופ ובנינו חוויה שנולדה לטלפון: ניווט לאגודל, גלריות בהחלקה, בחירת מידה בנגיעה אחת. המובייל הפך למקום שבו המכירות קורות.

יותר מ-20 מותגים, מנוע מכירות אחד

Crocs נראה כמו Crocs. Blundstone מרגיש כמו Blundstone. אבל מנגנוני ההמרה אחידים: ניווט, סימני אמון ותשלום. זהות מותג בלי כאוס בקופה.

פלטפורמה שבנויה על פסיכולוגיה התנהגותית

סריקת F-Pattern מימין לשמאל, הוכחה חברתית לפני ההחלטה, מיקרו-מחויבות דרך בחירת צבע והפחתת החשש מהמידה בדיוק כשהוא עולה. לא אינטואיציה, אלא דפוסי המרה שנבדקו.
[ למה אנחנו ]

למה WeShoes בחרה ב-Globalbit

אנחנו מתכננים פלטפורמות קמעונאות סביב השאלה איך אנשים באמת קונים: פרסונליזציה עמוקה, מנגנונים שמגדילים הכנסות ופסיכולוגיה התנהגותית. כך ההתנהגות של משתמשים אמיתיים מתחברת ישירות לשורה התחתונה.

[ 01 ]

בנינו פלטפורמות קמעונאות מהטובות בתחום

Espresso Club, איקומרס רב-מותגי, מסחר במנויים. אנחנו יודעים איך לקוח אונליין גולש, משווה, מתלבט, ובסוף קונה.
[ 02 ]

עיצוב שמוכר

המנכ״ל שלנו, ואדים פיינשטיין, כתב ספר על בניית אפליקציות שאנשים באמת משתמשים בהן. אותה חשיבה מובילה את הגישה שלנו לאיקומרס: כל פיקסל מקרב את המשתמש לקנייה.
[ 03 ]

14 אפליקציות הגיעו למקום הראשון בקטגוריה שלהן

אנחנו מתכננים Mobile-first, כי שם נמצאת התנועה. קהל המובייל של WeShoes, 70% מהגולשים, קיבל חוויה שנבנתה במיוחד בשבילו, לא אתר דסקטופ שנדחס לטלפון.
[ 04 ]

מסרנו מפרט מוכן לפיתוח

מחקר משתמשים, ארכיטקטורת מידע, עיצוב UI, נכסים גרפיים ומפרט טכני מלא. צוות הפיתוח של WeShoes קיבל תוכנית עבודה שלמה, ויכול היה להתחיל לבנות.
[ צרו קשר ]

ספרו לנו מה אתם בונים.

יותר מ-250 ארגונים סומכים עלינו. נחזור אליכם תוך יום עסקים אחד.

בשליחת הטופס אתם מאשרים שניצור איתכם קשר ונשתמש בפרטים למדידה ולשיפור הפרסום, לפי מדיניות הפרטיות.

קבעו שיחת היכרות ←