אודות הפרויקט
Green Diamonds היא חברת תכשיטים ישראלית המשווקת תכשיטים משובצים יהלומי מעבדה ופועלת מהבורסה ליהלומים ברמת גן. הקטגוריה עצמה הייתה האתגר: רוב הקונים בישראל לא ידעו מה זה יהלום מעבדה, וכל עסקה כאן היא רכישה יקרה ורגשית שנעשית מול מסך.
בנינו חנות שנותנת מענה לשני הדברים בבת אחת - חנות איקומרס מלאה על WordPress ו-WooCommerce, ולצדה מרכז תוכן שמלמד את הקטגוריה. את החנות בנינו על תבנית בת של Hello Elementor עם Elementor Pro, כדי שהצוות יוכל לנהל מוצרים ותוכן בעצמו.
מה בנינו
קטלוג לפי הדרך שבה קונים. טבעות אירוסין מחולקות לזהב לבן ולזהב צהוב, ולצדן עגילי יהלומים, צמידי טניס ושרשראות יהלום, כל אחד כקטגוריה עצמאית.
וידאו בגלריית המוצר. הטמענו גלריית וידאו בעמוד המוצר, כך שלצד תמונות הסטודיו הגולש רואה את הטבעת בתנועה - את הנצנוץ ואת האופן שבו האור נשבר באבן. זה ההבדל בין תמונה סטטית לבין תחושה של מוצר אמיתי.
מוצר שנבחר לפי תכונות ולא לפי תיאור. משקל היהלום המרכזי בקראט נוהל כתכונת מוצר עם וריאציה לכל משקל, וצבע הזהב כתכונה משלו, ולא כטקסט חופשי בתיאור. לכל צבע זהב הוקם עמוד מוצר נפרד, ומתג צבע הזהב בעמוד עובר ביניהם.
מרכז תוכן שמלמד לפני שהוא מוכר. מדור "מידע מקצועי" עם עמודי עומק - מהם יהלומי מעבדה, יהלומי CVD, איך בוחרים טבעת יהלום, איך נקבע מחיר של טבעת ועיצוב אישי - ולצדם טבלת השוואה בין יהלום מעבדה ליהלום טבעי לפי חומר, קשיות, דירוג, ברק ואופן ההתהוות.
מקטעי אמון בעמוד הבית. מה טוענים מי שלא רוצים יהלום מעבדה ומה התשובה, מה אומרים מומחי היהלומים בעולם, סלבריטאים שעונדים יהלומי מעבדה, שאלות נפוצות, המלצות לקוחות בשם ומדור "כתבו עלינו בתקשורת".
חוויית קנייה ותפעול. חיפוש מוצרים מיידי בחנות, תאריך אספקה משוער בעמוד המוצר, שיפורי שימושיות לעמודי WooCommerce, תוסף נגישות עם הצהרת נגישות, ומעקב המרות דרך פיקסלים ו-Google Tag Manager.
זו בניית חנות אונליין שבה חצי מהעבודה היא עיצוב ו-UI/UX וחצי היא ארכיטקטורת תוכן.
עובדות הפרויקט
| לקוח | Green Diamonds |
|---|---|
| תחום | חנויות אונליין, אתרי תדמית |
| מה נבנה | פיתוח בקוד מותאם אישית, עיצוב אתרים ו-UI/UX, בניית חנות אונליין (חנות וירטואלית), בניית אתר קטלוג לעסקים, בניית אתרים |
| סטאק | JavaScript, Google Analytics, HTML5, CSS3, WordPress, Elementor, WooCommerce, PHP |
| היקף | חנות WooCommerce עם משפחות מוצר נפרדות, וידאו בגלריית עמוד המוצר, משקל וצבע כתכונות מוצר ומרכז תוכן חינוכי |
תכונות מרכזיות
חנות WooCommerce לתכשיטי יוקרהטבעות אירוסין לפי סוג זהב: לבן וצהובעגילים, צמידי טניס ושרשראות כקטגוריות עצמאיותוידאו מוצר בגלריית עמוד המוצרמשקל יהלום בקראט וצבע זהב כתכונות מוצרמרכז תוכן חינוכי על יהלומי מעבדהטבלת השוואה בין יהלום מעבדה ליהלום טבעיחיפוש מוצרים מיידי ותוסף נגישות
אתגרים
מכירת תכשיט יקר אונליין בקטגוריה שהקהל בקושי מכיר מציבה שלושה אתגרים בבת אחת:
קטגוריה שצריך ללמד. הרוב המכריע של הגולשים הגיעו בלי לדעת מה זה יהלום מעבדה, ובלי הידע הזה כל דיון במחיר או באיכות חסר משמעות. חנות שרק מציגה מוצרים לא הייתה סוגרת את הפער.
יוקרה שצריכה לעבור דרך מסך. תכשיט נמכר בנצנוץ, בפרופורציה ובאופן שבו האור נשבר בו. תמונת סטודיו סטטית מראה אבן יפה, אבל היא לא מראה את מה שהלקוח באמת רוצה לראות לפני שהוא משלם.
אותו דגם, שני צבעי זהב שנראים אחרת לגמרי. אותה טבעת בזהב לבן ובזהב צהוב היא שתי חוויות ויזואליות שונות, וגלריית מוצר משותפת לשני הצבעים הייתה מציגה ללקוח משהו שהוא לא מזמין.
אמון לפני עסקה גדולה. בעסקה יקרה ורגשית הגולש מחפש הוכחות: תעודה, אחריות, מה אומרים מומחים ומה אומרים לקוחות. בלי מקטעי האמון האלה הרכישה נעצרת בעגלה.
פתרונות
בנינו את החנות ואת מרכז התוכן כמערכת אחת:
וידאו בגלריית המוצר. הטמענו גלריית וידאו בעמוד המוצר, כך שלצד תמונות הסטודיו הלקוח רואה את הטבעת בתנועה לפני שהוא מזמין. לכל צבע זהב הוקם עמוד מוצר נפרד, ומתג צבע הזהב מוביל ביניהם.
תכונות מוצר כשדות ולא כטקסט. משקל היהלום המרכזי בקראט נוהל כתכונת מוצר עם וריאציה לכל משקל, וצבע הזהב כתכונה משלו, מה שהפך את הקטלוג לעקבי, השוואתי וקריא גם למנועי חיפוש.
מרכז תוכן שמקדים את המכירה. כתבנו והקמנו מדור מידע מקצועי עם עמודי עומק על יהלומי מעבדה, יהלומי CVD, בחירת טבעת ותמחור, וטבלת השוואה מסודרת מול יהלום טבעי, כדי שהגולש יגיע לעמוד המוצר אחרי שהבין מה הוא קונה.
שכבת אמון לאורך עמוד הבית. מה אומרים המומחים, מה טוענים המתנגדים ומה התשובה, סלבריטאים שעונדים יהלומי מעבדה, שאלות נפוצות, המלצות בשם ומדור תקשורת - כולם נבנו כמקטעים קבועים ולא כתוכן חד-פעמי.
שימושיות ונגישות. חיפוש מוצרים מיידי, תאריך אספקה משוער בעמוד המוצר, שיפורי שימושיות לעמודי החנות ותוסף נגישות עם הצהרת נגישות.
תוצאות
החנות הציגה תכשיט בתנועה ולא בתמונה בלבד: בגלריית עמוד המוצר הוטמע וידאו לצד תמונות הסטודיו, ולכל צבע זהב עמוד מוצר משלו.הקטלוג הפך להשוואתי: משקל היהלום המרכזי בקראט וצבע הזהב נוהלו כתכונות מוצר מובנות במקום כטקסט חופשי בתיאור.מרכז התוכן החינוכי נתן מענה לשאלה שמקדימה כל רכישה בקטגוריה - מהו יהלום מעבדה - עם עמודי עומק וטבלת השוואה מול יהלום טבעי.עמוד הבית נבנה כשרשרת הוכחות: מומחים, מענה להתנגדויות, שאלות נפוצות, המלצות בשם ואזכורים בתקשורת.
