מכירים את זה שראיתם תמונה של דוגמן/נית ובא לכם לקנות בדיוק את מה שהם לובשים? או שנתקלתם במתכון עם מנה טעימה במיוחד המוגשת בדיוק בכלי שחלמתם עליו למטבח שלכם? Hot Spot הוא ממשק שמטרתו לתת מענה לצורך הזה.

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

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

איך זה עובד? 

בגרסת הדסקטופ - בעת מעבר עם העכבר על גבי התמונה (mouseover) יופיעו סימנים שיצביעו לגולש על האובייקטים אשר זמינים למידע נוסף. בקליק אחד על הHot Spot הרצוי - נפתח פופ-אפ שמגלה לגולש את כל מה שהוא צריך לדעת על המוצר.

בגרסת המובייל - הסימנים מופיעים על התמונה וב-tap עליהם נפתח הפופ-אפ עם הפירוט הנוסף על המוצר.

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

גמישות הממשק

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