FanClub
E-COMMERCE · UX/UI · 2025אתר מסחר אלקטרוני למאווררי תקרה. פרויקט לקוח אמיתי — עיצוב מחדש של חוויית הקנייה עם היררכיה ברורה, 4 סקשנים ממוקדים, ו-UI שמשדר "breeze" ונוחות ביתית.
30 שניות, אם אתה ממהר.
FanClub — מותג מאווררי תקרה ותלייה פרמיום — הגיע עם חנות קיימת שלא העבירה את איכות המוצרים. ניווט לא ברור, גריד מוצרים צפוף, ותמונות מוצר "קטלוג" בלי תחושת חיים. הלקוח רצה שהאתר ישדר: "אתה רואה את המאוורר בחדר שלך".
ניתוח חנות קיימת ← מחקר מתחרים (IKEA, Home Center, בינלאומי) ← הגדרת 4 סקשנים (Banners / Bestsellers / Recommended / Recently Viewed) ← עיצוב white-space קלאסי עם lifestyle photography ← פיתוח ב-BSmart Commerce One.
חנות E-Commerce חיה ב-fanclub.co.il — עם 4 קטגוריות מוצרים (תקרה / תלייה / חוץ / אביזרים), עמודי מוצר עם variant selector (48/52 אינץ׳), תמונות lifestyle, ו-Product tabs (תיאור / מפרט / משלוח / התקנה).
איך מעצבים חוויית קנייה עבור מוצר "תחושתי".
מאוורר תקרה הוא מוצר שהקונה חווה — הוא מדמיין אותו בבית, שומע את השקט שלו, מרגיש את הרוח. עיצוב האתר חייב לשדר בדיוק את זה: נוחות, שקט, ואיכות.
מפגישת לקוח למבנה
הלקוח הגדיר בדיוק מה הוא רוצה לראות בכל חלק מהעמוד. בניגוד לפרויקטים בהם מגדירים אני את ה-IA, כאן הכוונה הגיעה מהלקוח עצמו — וזה אתגר שונה. צריך לתרגם רשימת דרישות לחוויה ויזואלית קוהרנטית.
מיפיתי את הסדר שהלקוח ביקש: (1) שורת 4 hero banners בחלק העליון — כל אחד עם תמונת אווירה ו-CTA. (2) 4 כרטיסי bestsellers. (3) 4 כרטיסי recommended. (4) Recently viewed. המבנה הזה היה מוכתב — האתגר היה לגרום לו להיראות טבעי ולא "רשימה".
ניתחתי מתחרים ישראלים ובינלאומיים בתחום מאווררים ומוצרי בית: IKEA, Home Center, אמזון. הדפוס הבולט: כולם משתמשים ב-white space גדול ובתמונות "lifestyle" ולא רק תמונות מוצר. שינוי המחשבה: לא "תמונת מאוורר" אלא "חדר עם מאוורר שמרגיש שקט".
הוספתי שכבה שהלקוח לא ביקש אבל קיבל בשמחה: banner "המאוורר המקצועי שלנו" עם כותרת ותיאור קצר. זה שובר את מונוטוניות הגריד ומוסיף Brand storytelling בלב הקנייה.
לבן, עץ טבעי, ושחור אלגנטי
הפלטה הגיעה מהמוצרים עצמם — המאווררים של FanClub הם עץ טבעי + מתכת שחורה. הרקע לבן לגמרי, כפתורים שחורים עם text לבן, ו-accent כחול-שמיים (#0EA5E9) לפעולות ראשיות. פשוט, clean, ומתאים לאסתטיקת "Scandinavian home".
כרטיסי המוצר מינימליסטיים: תמונת מוצר גדולה על רקע לבן, שם המוצר, ומחיר ב-₪. אין מידע עודף. הלקוח מתמצא ב-2 שניות.
ה-Bestsellers section קיבל label בולט ("הנמכרים ביותר") עם underline כחול — visual cue שמייצר social proof מיידי. הסטטיסטיקה הוכיחה שאנשים קונים מה שאחרים קנו.
המוצר עצמו.
עמוד הבית — ניווט + Hero Banners
ניווט ראשי עם 6 קטגוריות (מאוורר תליה / תקרה / חוץ / אביזרים / שאלות נפוצות / שירות). Hero slider עם מאווררי Levante ו-Sevilia W35 DC. לוגו "Let's Breeze" עם search ועגלה.
4 קטגוריות + הנמכרים ביותר
4 thumbnail קטגוריות (אביזרים / חוץ / תלוי / צמוד תקרה). גריד Bestsellers: LEVANTE, PALMA, VALENSIA, SEVILIA — מחיר ₪1,534. Social proof מובנה.
המומלצים + ALMERIA IP54
גריד "המומלצים": PALMA לבן, LEVANTE שחור, VALENSIA תלוי, ALMERIA IP54 (עמיד מים, ₪1,770). Footer עם "BSmart Commerce One" — פלטפורמת E-Commerce ישראלית.
עמוד מוצר — LEVANTE עם Variant Selector
PDP מלא: תמונת מוצר גדולה, שם + SKU, מחיר ₪1,534, variant selector (48/52 אינץ׳), הוספה לעגלה, add-on אופציונלי (תאורה CCT 24W — ₪236), וגלריה thumbnail 5 תמונות.
Tabs — תיאור / מפרט / משלוח / התקנה
4 product tabs: תיאור, מפרט טכני, אפשרויות איסוף ומשלוח, הוראות התקנה. UX decision: כל המידע במקום אחד — הקונה לא יוצא מהעמוד לחפש.
איך ניגשנו לפרויקט.
העקרונות שהובילו אותי
Lifestyle > Product
תמונות אווירה של חדרים עם המאווררים — לא רק מוצר על רקע לבן. הלקוח מדמיין את עצמו בחדר.
מבנה מוכתב → חוויה טבעית
הלקוח הגיע עם רשימת דרישות ספציפיות. האתגר: לתרגם אותן לחוויה קוהרנטית שלא מרגישה "כפויה".
White Space = איכות
מוצרי בית פרמיום מוכרים ב-white space. כל כרטיס מוצר נושם — הקונה לא מרגיש לחץ.
Social Proof מובנה
"הנמכרים ביותר" + "Recently Viewed" — שני triggers פסיכולוגיים שמגדילים conversion.
תהליך עבודה
תהליך מקיף שכלל מחקר משתמשים, הגדרת אסטרטגיה, יצירת מערכת עיצוב מקיפה, פיתוח ויישום סופי.
מה נמסר ללקוח.
אתר E-Commerce
עמוד בית מלא: Hero, Bestsellers, Recommended, Recently Viewed. רספונסיבי + RTL.
4 Hero Banners
4 banners עם תמונות אווירה + CTA. כל banner למוצר/קטגוריה.
כרטיסי מוצר
Layout אחיד: תמונה גדולה + שם מוצר + מחיר ב-₪. Clean & Fast.