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