Meshi Punes Case 03 · HaDerech All Projects

עמותת הדרך

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

Role
UX / UI · עיצוב חזותי
Scope
מחקר · IA · עיצוב מערכת
Type
עיצוב אתר מחדש · פרויקט סטודנטיאלי
Year
2025
מחקר UXארכיטקטורת מידעעיצוב חזותימערכת עיצובנגישותמיתוג
01העיצוב הסופי

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

haderech.org.il /
עמוד הבית
HOME · עמוד הבית
/ תוכנית-הדגל
תוכנית הדגל
FLAGSHIP · תכנית 12 הצעדים
/ אודות
אודות
ABOUT · עלינו
/ סוגי-גמילה / הימורים
הימורים
CONTENT · התמכרות להימורים (Data)
/ סוגי-גמילה / קוקאין
קוקאין
CONTENT · סמים קשים / קוקאין
/ מרכזי-גמילה / צפון
מרכז גמילה בצפון
CENTER · מרכז גמילה בצפון
/ סיפורי-הצלחה
סיפורי הצלחה
STORIES · סיפורי הצלחה
02האתגר

אתר עמוס, לא מאוזן וללא היררכיה ברורה, שמקשה דווקא על מי שהכי זקוק לעזרה למצוא אותה.

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

  • תפריטי ניווט כפולים

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

  • עומס טקסט וצפיפות

    אין נשימה ואין היררכיה ויזואלית, הכול נדחס בבת אחת.

  • פרטי קשר מפוזרים

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

  • חוסר אמון וחום

    שפה חזותית מיושנת שלא תואמת לרגישות הנושא.

03לפני ואחרי

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

haderech.biz
האתר הקיים, לפני
לפני · האתר הקיים
haderech.org.il /
הריידיזיין שלי, אחרי
אחרי · הריידיזיין שלי
04מחקר וגילוי

שלושה עשורים של עשייה מקצועית, שכמעט לא ניכרים באתר.

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

מיפוי קהלי היעד חידד תובנה מרכזית: האתר משרת שני קהלים שונים מאוד בו-זמנית, ולכן חייב שתי "דלתות כניסה" ברורות.

הליבה המתודולוגית

תכנית 12 הצעדים

מודל ההחלמה שמלווה את העמותה מיום הקמתה, תהליך מובנה של הכרה, קבלה ובנייה מחדש, בליווי קהילה תומכת לאורך כל הדרך.

קהל ראשי

מתמודדים ובני משפחה

מתמודדים עם התמכרות, גברים, נשים ונוער, ובני משפחה המחפשים עזרה, מידע אמין ותמיכה ברגע רגיש.

קהל משני

מתנדבים, תורמים וקהל רחב

שותפים לדרך שמחפשים איך לתמוך, לתרום ולהעלות את המודעות לנושא ההתמכרויות.

'94
שנת הקמה
30+
שנות פעילות
~120
עובדי העמותה
20M
מחזור שנתי (2023)
400K
ישראלים בסיכון להתמכרות להימורים
1/6
סובל מבעיה הקשורה להימורים
05פרסונות

אור לוי

בן 38 · חוקר · מרכז הארץ · מתמודד עם התמכרות

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

מה כואב

  • קושי לשמור על עקביות בתהליך
  • חשש מתמיד מנפילה וחזרה לתבנית ישנה
  • קושי ביצירת קשרים תומכים

מטרות

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

עדי גריגוב

בת 27 · מנהלת משרד · תל אביב · בת משפחה / חברה

"חברה קרובה שלי מתדרדרת ואני לא יודעת איך לעזור, אני מחפשת מידע אמין וכלים לפעול."

מה כואב

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

מטרות

  • להבין את התהליך והאפשרויות
  • לקבל כלים לתמוך נכון
  • נקודת קשר אנושית וברורה
06ארכיטקטורת מידע

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

עמוד הבית
עלינו4 עמודים
  • על העמותה
  • החזון והערכים
  • הצוות
  • סיפורי הצלחה
תוכנית הדגל3 עמודים
  • תכנית 12 הצעדים
  • שלבי התהליך
  • ליווי משפחתי
סוגי גמילה3 עמודים
  • סמים קלים / קשים
  • אלכוהול
  • הימורים
מרכזי גמילה3 עמודים
  • מרכז בצפון
  • מחלקת אשפוז לנשים
  • מרכזי מיל"ה
07פרוטוטייפ אינטראקטיבי · נסו בעצמכם

אני בסדר או שהגזמתי?

שאלון הערכה עצמית אינטראקטיבי שבניתי כפרוטוטייפ, בחירת תחום (אלכוהול / קנאביס / הימורים / סמים), שאלות מבוססות כלי הסינון של ארגון הבריאות העולמי (WHO), ותוצאה ויזואלית במד עם המלצה אישית. אנונימי, ~3 דקות.

לשאלון מהיר
08שפה ויזואלית

הקו של הדרך

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

מערכת הלוגו

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

הלוגו הישן של עמותת הדרך, שלוש דמויות אדומות
לפני, סמל ופונט ישנים
עמותת הדרך
אחרי, קו רציף + Hillel
סמל עמותת הדרך
הסמל · Symbol
עמותת הדרך
שם העמותה · Wordmark
עמותת הדרך
הלוקאפ המלא · Combined
פלטת צבעים
נייבי
#00236E
תכלת
#9FBCD7
מרווה
#B4C1B6
קורל
#E56C4E
כתום
#F7B653
קרם
#EEEBE2
אפור
#E4E4E4
טיפוגרפיה · Typography
עמותת הדרך, כותרות
Hillel CLM · Display / Headings
הדרך קדימה לא קלה, אך היא אפשרית. טקסט גוף קריא ונגיש לאורך כל האתר.
Miriam Libre · Body text
ערכי הליבה
אמפתיה

אמפתיה

יחס אנושי שמכבד את האדם ואת המסע שלו.

קהילתיות

קהילתיות

אף אחד לא מתמודד לבד, קהילה תומכת לאורך הדרך.

תמיכה

תמיכה

מעטפת מקצועית רציפה, לפני, במהלך ואחרי הטיפול.