דילוג לתוכן הראשי
Globalbit

Globalbit היא חברת פיתוח תוכנה ישראלית לפיתוח מערכות ייעודיות. עמוד זה הוא קייס סטאדי על מערך הדיגיטל הלאומי (ממשל ומגזר ציבורי). Globalbit אפיינה ובנתה את ה-Design System הרשמי של ממשלת ישראל: מאות קומפוננטות נגישות בארכיטקטורת RTL טבעית, עם מימושים ב-React, Angular, vanilla JavaScript ו-HTML/CSS. המערכת אומצה על ידי 5,000+ מפתחים בכל משרדי הממשלה, עומדת בתקן WCAG 2.1 AA, שוחררה כ-Open Source, ומשמשת כסטנדרט המחייב לכל שירות דיגיטלי ממשלתי בישראל. סטנדרט לאומי מחייב לכל אתרי ממשלת ישראל. אומץ על ידי 5,000+ מפתחים. 4 מימושי framework: React, Angular, vanilla JavaScript, HTML/CSS. נגישות WCAG 2.1 AA מובנית. ארכיטקטורת קומפוננטות Hebrew RTL-first. שוחרר כ-Open Source. מאות קומפוננטות מוכנות לייצור. Token-based theming להתאמת מיתוג ברמת משרד ממשלתי. ערכת Figma שמשקפת את הקוד 1:1. תיעוד מקיף למפתחים.

Hero Image

הגדרנו את השפה הדיגיטלית שבה ממשלת ישראל מתקשרת עם אזרחים

ממשלת ישראל · Design System
5,000+

מפתחי ממשלה משתמשים במערכת

Open Source

זמין לציבור, עם תרומות מהקהילה

תקן לאומי

מחייב לכל השירותים הדיגיטליים של ממשלת ישראל

בניית הסטנדרט לאתרי ממשלה

Globalbit הגדירה את הסטנדרטים ובנתה את Design System של ממשלת ישראל. מאות רכיבים ב-React, Angular, JavaScript טהור ו-HTML/CSS. נגיש לפי WCAG 2.1 AA, מותאם RTL מהיסוד, ומשמש 5,000+ מפתחים לבניית שירותים ציבוריים עקביים למיליוני אזרחים. הופץ כ-Open Source.

[ האתגר ]

כל אתר ממשלתי היה מדינה בפני עצמה

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

  • -מאות אתרי ממשלה, אפס עקביותכל משרד, גוף ממשלתי ורשות מקומית בנו את האתר שלהם בנפרד. ניווט שונה, טפסים שונים, שפה חזותית שונה. אזרחים נדרשו ללמוד מחדש איך לעבוד מול הממשלה בכל מעבר בין גופים.
  • -אזרחים עם מוגבלות נשארו מחוץ לשירותים חיונייםללא סטנדרטים מרכזיים לנגישות, רוב אתרי הממשלה לא עמדו בדרישות בסיסיות. אזרחים עם מוגבלות ראייה, מוגבלות מוטורית או מוגבלות קוגניטיבית הודרו בפועל משירותים ציבוריים חיוניים.
  • -אלפי מפתחים פתרו שוב ושוב את אותן בעיותעשרות גופים ואלפי מפתחים בנו מאפס את אותם כפתורים, טפסים ותבניות עמוד. כפילות עבודה בהיקף עצום. תקציבים הופנו לתשתיות במקום לפיצ׳רים שמשרתים אזרחים.
  • -לא הייתה ספריית רכיבים שנבנתה עבור עבריתעברית היא שפה מימין לשמאל. רוב ספריות הרכיבים הזמינות נבנו בגישת LTR-first. מפתחי הממשלה התמודדו שוב ושוב עם שיקוף פריסות, טקסט דו-כיווני ורינדור RTL שנשבר. לא היה UI toolkit שנבנה קודם כול לעברית.

"המנדט היה ברור: ליצור Design System אחד שכל גוף ממשלתי מאמץ. הוא חייב להבטיח נגישות, לתמוך ב-Hebrew RTL באופן טבעי, ולהתרחב לאלפי מפתחים שבונים מאות שירותים."

Government design system component library displayed on an ultrawide monitor

בניית הסטנדרט הדיגיטלי למגזר הציבורי בישראל

Globalbit הגדירה את ה-Design System הממשלתי הלאומי, וקבעה סטנדרטים לנגישות, RTL ואינטראקציה לרוחב משרדי הממשלה. סיפקנו מאות רכיבים לשימוש חוזר בכמה טכנולוגיות, בלוחות זמנים קצרים, בסיוע פלטפורמת פיתוח AI קניינית של Globalbit.

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

[ מה סיפקנו ]

סטנדרטים, קוד ותיעוד ל-4 סביבות פיתוח

הגדרנו את הסטנדרטים, בנינו מאות רכיבים ב-React, Angular, JavaScript טהור ו-HTML/CSS, יצרנו themes ו-templates וכתבנו את התיעוד. כל מה שמפתחי הממשלה צריכים, בטכנולוגיות שבהן הם כבר עובדים.

[ 01 ]

מסגרת UX ואינטראקציה אחודה

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

שכבת מימוש מרובת טכנולוגיות

ספריות ברמת ייצור ב-React, Angular, JavaScript טהור ו-HTML/CSS. אותם סטנדרטים, כמה סטאקים טכנולוגיים, בלי פיצול.
[ 03 ]

סטנדרטיזציה של דפוסי שירות

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

סנכרון בין עיצוב לקוד

הקמת מקור אמת אחד בין Figma, התיעוד וקוד הייצור. מעצבים ומפתחים עובדים מאותה מערכת, מה שמונע סטיות ומצמצם שגיאות מימוש בין משרדים.
[ 05 ]

ממשל Design Token ו-Theming

ריכוז tokens לטיפוגרפיה, ריווחים, צבעים, גריד ותנועה. מאפשר מיתוג ברמת משרד, תוך שמירה על עקביות מבנית ברמה הלאומית.
[ 06 ]

מודל אימוץ ותרומה

ניהול גרסאות, תיעוד, תהליכי תרומה ואסטרטגיית הטמעה בין משרדים. מערכת חיה, שתוכננה לגדול ולהתפתח לאורך זמן.
Government design system component library displayed on an ultrawide monitor
[ תהליך ]

ממחקר לפריסה לאומית ב-4 שלבים

[ 01 ]

מחקר ובדיקת עומק, 3 חודשים

למדנו Design Systems ממשלתיים בעולם: UK GOV.UK, USWDS ו-DTA האוסטרלי. ביצענו בדיקת עומק לאתרי ממשל ישראליים קיימים. מיפינו דרישות ייחודיות: עברית ו-RTL, חובות נגישות, ממשל בין-משרדי ותמיכה במספר frameworks. תוצר: מסמך דרישות וטקסונומיית רכיבים.

[ 02 ]

הגדרת סטנדרטים, 4 חודשים

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

[ 03 ]

פיתוח ספריית רכיבים, 12 חודשים

פיתחנו מאות רכיבים בארבעה frameworks: React, Angular, JavaScript נקי ו-HTML/CSS. כל רכיב נגיש, מותאם RTL מהיסוד ועקבי בכל המימושים. Themes, templates ו-design tokens. תוצר: ספריות מוכנות לייצור לכל tech stack ממשלתי.

[ 04 ]

תיעוד והשקה, 2 חודשים

פורטל תיעוד למפתחים עם דוגמאות אינטראקטיביות, הפניות API, רשימות בדיקה לנגישות ומדריכי מיגרציה. ערכת Figma שמשקפת את הקוד 1:1. היערכות להפצה כ-Open Source. תוצר: כל מה שמפתחים צריכים כדי לאמץ את המערכת.

Background

מתקשים לשמור על אחידות UI בין צוותים?

בנינו Design System לאומי עם מאות רכיבים בארבעה frameworks. נוכל לפתור את זה גם אצלכם.

[ למה Globalbit ]

למה ממשלת ישראל בחרה ב-Globalbit

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

[ 01 ]

סמכות UX מוכרת

מנכ״ל Globalbit הוא מומחה UX בעל הכרה בינלאומית. הממשלה הייתה צריכה סמכות מוכחת בתכנון אינטראקציה בקנה מידה רחב, עם אחריות שחורגת מספק פיתוח סטנדרטי.
[ 02 ]

מומחיות עמוקה בתשתיות Design System

אצלנו Design System הוא שכבת תשתית סקיילבילית: מודלי ניהול, ניהול גרסאות, אחידות בין frameworks ואסטרטגיית אימוץ שמובנים במערכת מהיום הראשון.
[ 03 ]

ניסיון עם ארגונים גדולים ומפוקחים

אנחנו מכירים תהליכי רכש במגזר הציבורי, דרישות תאימות, חובות נגישות וממשל מרובה בעלי עניין. יודעים לעבוד בתוך סביבות מוסדיות מורכבות.
[ 04 ]

ביצוע בקנה מידה לאומי

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

הוצאנו לייצור מערכת שרוב חברות הטכנולוגיה לא מצליחות אפילו להתחיל לבנות

Design System לאומי עם מאות רכיבים בארבעה frameworks, מותאם RTL מהיסוד, נגיש באופן מלא ומאובטח מהתכנון. חברות טכנולוגיה גדולות מתקשות להעמיד Design System פנימי ב-framework אחד. אנחנו בנינו אחד למדינה שלמה.

סטנדרט לאומי רשמי

ה-Design System של ממשלת ישראל הפך לסטנדרט מחייב לכל השירותים הדיגיטליים הממשלתיים. שפת עיצוב אחת ומאוחדת לכל הנוכחות הציבורית של מדינה שלמה

נבנה עבור 5,000+ מפתחים

יותר מ-5,000 מפתחים בגופים ממשלתיים אימצו את ספריית הרכיבים המשותפת. אלפי מימושים עצמאיים ולא אחידים הוחלפו במקור אמת אחד, בדוק ונגיש

שוחרר כ-Open Source

שקיפות מלאה: ה-Design System זמין לציבור. תרומות קהילה, מעקב תקלות ציבורי וממשל פתוח. תשתית דיגיטלית ממשלתית שנבנתה באופן פתוח

עמידה אוטומטית בדרישות נגישות

כל אתר ממשלתי שנבנה עם המערכת עומד ב-WCAG 2.1 AA. בלי עבודת נגישות נוספת. בלי שאזרח יישאר מחוץ לשירותים ציבוריים חיוניים בגלל חסמים טכניים
[ שיחת התאמה ]

ספרו לנו מה אתם בונים.

יותר מ-250 ארגונים סומכים עלינו. נחזור אליכם בתוך יום עסקים אחד.

בדיקת התאמה לפרויקט ←