משומשו
איפיון, UI/UX, פיתוח
פרויקט אפיון UX ועיצוב UI שיווקי שנערך על ידי סטודיו משה ליברמן עבור אתר משומשו (Meshumashu) – פלטפורמה תוכן וקטלוג המציגה מוצרים, טיפים ואזור מתכונים ייחודי המבוסס על מוצרים טבעיים. הפרויקט הקיף את תכנון חוויית המשתמש מאפס, בניית ארכיטקטורת מידע (Information Architecture) התומכת בקידום אורגני (SEO), פיתוח שפה ויזואלית ומערכת רכיבים (Design System), ואופטימיזציה מלאה בגישת Mobile-First. דגש מיוחד הושם על הנגשת מתכונים בריאים, הגברת מעורבות הגולשים (Engagement), ופישוט היררכיית התוכן והקטגוריות.
בתהליך אפיון האתר, הושקעה מחשבה מעמיקה בבניית תביעת רגל אורגנית חזקה. עיצוב ה-UI החדש מעניק מראה טבעי, מודרני ונקי, המדגיש את ערכי הבריאות, המרכיבים הטבעיים ואופן ההכנה בצורה שמגדילה את זמן השהייה באתר ומעלה את שביעות רצון המשתמשים.
בתהליך האפיון והעיצוב ניתנה מחשבה מעמיקה על חווית המשתמש, קידום אורגני (SEO) והנגשת התוכן: אפיון אזור מתכונים ומנוע קידום אורגני (SEO & Content UX):
- אפיון אזור מתכונים ומנוע קידום אורגני (SEO & Content UX: כחלק מטרגוט מילות מפתח בעלות נפח חיפוש גבוה, אופיין אזור מתכונים ייעודי המבוסס על מוצרים טבעיים. עמודי המתכונים כוללים היררכיית תוכן ברורה (רכיבים, שלבי הכנה, ערכים תזונתיים), חלוקה לקטגוריות ותגיות חכמות, ותמיכה ברכיבי תוכן מובנה (Schema) המסייעים לדירוג בגוגל ולשליפה על ידי סוכני AI.
- תכנון בגישת Mobile First: מכיוון שרוב המשתמשים מחפשים מתכונים ומוצרים טבעיים תוך כדי שהות במטבח או בדרכים דרך הסלולרי, ניתן דגש מרכזי על אפיון UX למובייל. הממשק מאפשר קריאה נוחה של שלבי המתכון, מעבר מהיר בין מרכיבים לצפייה במוצרים, וגלישה חלקה מכל מכשיר.
- חיבור בין מוצרים טבעיים למתכונים (Cross-Linking UX): עיצוב ה-UI מייצר חיבור אינטואיטיבי בין עמודי המוצרים לבין המתכונים המתאימים להם. הגולש יכול לראות בכל מתכון אילו מוצרים טבעיים משולבים בו, ולהיפך – לגלות מתכונים מומלצים מתוך עמוד המוצר.
- שימושיות וחיפוש חכם (Usability): שולבו כלי סינון וחיפוש מתקדמים המאפשרים לגולש למצוא מתכונים לפי סוג הארוחה, רכיבים טבעיים מרכזיים, זמן הכנה או העדפות תזונתיות, לצד הנעה ברורה לשיתוף, שמירת מתכונים ויצירת קשר.
מאחר שרוב משתמשי הקצה מעיינים במתכונים ובקטלוג המוצרים תוך כדי שהות במטבח, קניות או בדרכים, תהליך האפיון והעיצוב של אתר "משומשו" בוצע בגישת Mobile-First. הושקעה מחשבה רבה במענה למאפיינים הארגונומיים וההתנהגותיים של הגלישה בסלולר, תוך דגש על נוחות תפעולית וחוויית משתמש זורמת:
- אופטימיזציה של היררכיית התוכן (Mobile UX): בעמוד מתכון סלולרי, סדר הופעת המידע הותאם במיוחד לצרכי המשתמש בזמן אמת – החל מהצגת מרכיבים נגישה, דרך שלבי הכנה ברורים וממוקדים, ועד לשילוב אלמנטים אינטראקטיביים של סרגל כפתורים נגיש המאפשר שמירת מתכון או מעבר מהיר לרשימת רכיבים.
- ממשק תפעולי באגודל (Thumb-Zone Friendly UI): אזורי הלחיצה (Tap Targets), כפתורי הנעה לפעולה (CTA), תפריטי הסינון ומנוע החיפוש הונגשו ומוקמו במרחב הנוח ביותר לתפעול ביד אחת. תפריט הניווט הותאם בצורה מודולרית למסכים קטנים כדי לאפשר מעבר מהיר וקל בין הקטגוריות השונות.
- טיפוגרפיה וריווח מותאמי קריאה (Readability & Typography): הותאמו גדלי הפונטים, המרווחים בין השורות ואיזורי הליבה של הטקסט, על מנת למנוע עומס ויזואלי ולאפשר קריאה נוחה ומהירה של הוראות ההכנה גם בתנאי תאורה משתנים ובמסכים קטנים.
- תצוגת מדיה וויזואליות נקיים (Mobile-Visual balance): גלריות התמונות והתצלומים של המוצרים והמתכונים הותאמו לטעינה מהירה מבוססת פורמטים מתקדמים (WebP), עם תצוגת שדות פרופורציונלית למסך הסלולרי השומרת על הקו העיצובי הטבעי והמודרני ללא פגיעה במהירות הגלישה.
