English
תנועה
נגישותפרטיות

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

עידן אחרק

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

01 / הפלטפורמה הדיגיטלית של תע"ץפרויקט הדגל · 2025 – היום

בית אחד לתע״ץ, שנבנה בשביל 14,500+ משתמשים.

הובלתי את הפלטפורמה העברית של תע״ץ מהאפיון ועד הייצור, על מערכת עיצוב משותפת אחת, וכתבתי את Launchpad, כלי הפריסה שהקים את שרת הייצור שלה.

עמוד הבית של הפורטל: סמל תע"ץ, תפריטים לסגלי משא"ן, למפקדים ולעובדים, תיבת חיפוש גדולה וקישורים מהירים.
הפורטלעיצוב · 01
תרשים: עובדים, מפקדים וסגלי משא"ן, עורכים ומפרסמים, וצוותים ששומרים קבצים נכנסים דרך שער HTTPS מאובטח לשרת האפליקציות, שמריץ את הפורטל, מערכת ניהול התוכן, שירות הקבצים והמדיה, ההתראות ומנוע החיפוש בעברית על מערכת עיצוב משותפת אחת; לצידו שרת נתונים עם Microsoft SQL Server ומערכת ההזדהות הארגונית, והכול בתוך הרשת הסגורה
ארכיטקטורהמערכת · 02
אתר ה-Showcase של תע"ץ: קטלוג הרכיבים בתפריט הצד ורכיב "הכרת הצוות" בעיצוב תרשים ארגוני היררכי
מערכת העיצובעיצוב · 03
בונה תבנית עמוד הבית: עץ של אזורי עמוד הבית עם עורך הקרוסלה פתוח, תצוגה מקדימה חיה משמאל והגדרות סגנון, כרטיס, אנימציה ופס התקדמות מימין
בונה עמוד הביתמערכת · 04
שלושה מסכי טלפון: עמוד הבית עם החיפוש והקישורים המהירים, קרוסלת ההודעות החשובות ומסנני לוח האירועים
בטלפוןעיצוב · 05
05 / סיפורי פרויקטיםעוד 11 מערכות, לכל אחת הסיפור המלא

מערכות שאנשים באמת משתמשים בהן, מקיוסקים ועד פלטפורמות.

06 / עוד פרויקטיםפרויקטים קטנים יותר

קטנים בהיקף, לא בהשקעה.

  • תמונת שער של Spark Rework: מסך מתוך הפרויקט

    Spark Rework

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

    קבע את הכללים ואת מעקות הבטיחות והנחה את סוכני Claude Code

  • תמונת שער של NexusPlatform: מסך מתוך הפרויקט

    NexusPlatform

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

    יזם ומפתח יחיד

    הדגמה חיה NexusPlatform (נפתח בכרטיסייה חדשה)
  • תמונת שער של Map Tiles Downloader – הורדת מפות: מסך מתוך הפרויקט

    Map Tiles Downloader – הורדת מפות

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

    נקודת ההתחלה: AliFlux/MapTilesDownloader (רישיון MIT, © 2018 Ali Ashraf).

  • תמונת שער של ChessArena: מסך מתוך הפרויקט

    ChessArena

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

    חבר: פרויקט הגמר שלו; הוא התחיל את הגרסה המקורית

    הדגמה חיה ChessArena (נפתח בכרטיסייה חדשה)
07 / איך אני מעצבconsole-ui · נמדד מתוך הקוד

כל מרווח הוא החלטה.

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

8 + 13 + 11 = 32
פיקסלים עד הציר של סרגל הצד: כל אייקון, הלוגו והאווטאר יושבים עליו
4.5 : 1
הניגודיות הנמוכה ביותר שטקסט מקבל, על כל משטח
20 px
בין כל שני בלוקים: השוליים, הרווח ברשת והמרווח בין שורות
24 px
מטרת הלחיצה הקטנה ביותר, גם בצפיפות הגבוהה ביותר
שרטוט של הכפתור של console-ui בהגדלה פי ארבעה, עם הריפוד מקווקו, טבעת הפוקוס, שלושת הגדלים וחמשת המצבים.שרטוט של הכפתור של console-ui בהגדלה פי ארבעה, עם הריפוד מקווקו, טבעת הפוקוס, שלושת הגדלים וחמשת המצבים.
לוח 05כפתור: אנטומיה ומצביםהכפתור, במידות: גובה 32 וריפוד 12, טבעת פוקוס של 2 פיקסלים במרחק 2, ודיו שחור או לבן לפי בהירות המילוי.
פרט A, לוח 02 · 2 : 1השרשרת שקובעת את הציר של סרגל הצד: שוליים של 8, הזחה של 13 וחצי מאייקון של 22 מציבים כל סימן ב-32, מרכז הפס המקופל; התוויות מתחילות ב-53, והשמות ב-61.
console-ui, חי בעמוד · 1 : 1פאנל, שדה ושני כפתורים, שנבנו מחדש בעמוד הזה מתוך המספרים של console-ui: כותרת של 44 פיקסלים, ריפוד של 16, שדה של 36 עם התווית 6 פיקסלים מעליו וההסבר 4 מתחתיו, וכפתורים של 32 עם ריפוד של 12. הקווקוו הוא הריפוד.

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

09 / עליימפתח פול סטאק בכיר ו-DevOps, מרכז תע״ץ (צה״ל)

עליי

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

עוד עליי

פרקים