מערכת אקולוגית אחודה המשתרעת על פני שלושה אתרים, עבור חברה לאומית למערכות תומכות החלטה מבוססות בינה מלאכותית (AI) בתחום הביטחון, אשר תוכננה ונבנתה מתוך מערכת עיצוב (Design System) אחת
לקוח
מיינד-אליינס מערכות
תעשייה
ביטחון לאומי / בינה מלאכותית / טכנולוגיה ממשלתית
שירותים
מערכת עיצוב (Design System), אסטרטגיית אתר, עיצוב ב-Figma, פיתוח ב-Framer, מערכת ניהול תוכן (CMS), קידום אתרים (SEO), ניווט חוצה-אתרי אתרי / בין-אתרי
ארסנל טכנולוגי
Framer, Figma, Framer CMS, פוטר אקו-סיסטם חוצה-אתרים, אנימציות מבוססות גלילה
שנה
2026
סטודיו AGR עיצב מערכת אקולוגית של שלושה אתרים עבור Mind-Alliance Systems, המבוססת על מערכת עיצוב אחידה (Design System), מערכת ניהול תוכן של Framer וניווט חוצה אתרים.
Mind-Alliance Systems היא חברה לפתרונות תומכי-החלטה מבוססי AI, שנוסדה על ידי האסטרטג לביטחון לאומי דייויד קמיאן, בעל למעלה מ-25 שנות ניסיון בחיבור בין סביבות קבלת החלטות קריטיות לארכיטקטורת AI. פלטפורמת הדגל של החברה היא MindPeer – כלי SaaS מבוסס בינה מלאכותית המבנה את זרימת העבודה המודיעינית בחמישה שלבים, החל מהגדרת שאלת ההחלטה ועד לבניית תמונת מצב משותפת.
הלקוח הפעיל שלושה מותגים שונים אך מחוברים: אתר סמכות אישי (davidkamien.com), חברת ייעוץ (mind-alliance.com), ומוצר SaaS בשם (mindpeer.ai) – לכל אחד מהם קהלי יעד ומטרות שונות, אך ללא נוכחות דיגיטלית מגובשת. האתרים הקיימים היו מיושנים, סבלו מחוסר אמינות ויזואלית ולא הצליחו לשקף את התחכום של הפעילות. התקציב: $10,000 עבור כל שלושת האתרים.
אסטרטגיית מערכת האקולוגית של המותג
הפרויקט החל בשלב גילוי ואפיון מקיף במטרה להבין את מערכת היחסים בין שלושת המותגים ולהגדיר כיצד עליהם להתחבר ברמה הוויזואלית והמבנית. כל אתר נדרש לזהות ייחודית משלו, ובו-זמנית להרגיש כחלק ממערכת אקולוגית מחוברת: האתר של דוד קמיאן כאתר בעל אופי מערכתי ומבוסס טקסט, Mind-Alliance כאתר מוסדי ותאגידי (בהשראת Palantir), ו-MindPeer המציע בהירות של מוצר SaaS מוכוון פתרונות.
מיפוי קהלי יעד
כל אתר נתן מענה לשני קהלי יעד מרכזיים (personas): מנהלים ומקבלי החלטות מוסדיים מחד, ואנליסטים בשטח וצוותים תפעוליים מאידך. אתר MindPeer קיבל עדיפות ראשונה לטובת מצגת בעלי עניין קרובה, כאשר Mind-Alliance והאתר האישי פותחו מיד לאחר מכן בהתאם לתוכנית העבודה.
מערכת עיצוב אחודה
מערכת עיצוב משותפת פותחה כבסיס, הכוללת היררכיית טיפוגרפיה, מערכת צבעים המבוססת על כחול מוסדי וגוונים ניטרליים, יסודות מרווחים (spacing), ספריית רכיבים ומערכת דיאגרמות המשתמשת באיור קווי מונוכרומטי עיתונאי לקונספטים טכנולוגיים. כל אתר קיבל טיפול ויזואלי ייחודי משלו בתוך מערכת זו.
MindPeer, עיצוב מוכוון-מוצר
אתר MindPeer ועוצב סביב זרימת עבודת המודיעין בעלת חמשת השלבים של הפלטפורמה, תוך שימוש באזור ראשי (hero) כהה העובר לחלקים בהירים. פריסות רשת בנטו (Bento grid) להצגת פיצ'רים, אנימציות מונחות-גלילה החושפות יכולות, דיאגרמות מאוירות המחליפות צילומי מסך גנריים, ותבנית ממשק משתמש קונברסציונלי המציגה את סוכן ה-AI, ה-Intellibot, בדיאלוג תומך החלטה מציאותי.
Mind-Alliance, סמכות מוסדית
אתר Mind-Alliance נשען על איפוק עיצובי ועריכתי עם שטח לבן נדיב, פריסות א-סימטריות וארכיטקטורת שירותים הממסגרת את הפעילויות סביב עיצוב זרימת עבודה מבוססת בינה מלאכותית (AI workflow), הכשרת מנהלים, ייעוץ אסטרטגי ופיתוח תוכניות לימודים.
שלושה אתרי Framer
כל שלושת האתרים ועצבו ב-Figma (עבור דסקטופ, טאבלט ומובייל) ונבנו ב-Framer תוך יישום רספונסיבי מלא. מערכת ה-CMS של Framer הוטמעה לטובת ניהול משאבים ותוכן באתר Mind-Alliance, כולל מאמרים, מחקרים ורישומי אירועים התומכים בקידום אורגני (SEO) לטווח ארוך ובביסוס מובילות מקצועית.
אקוסיסטם חוצה אתרים
שלושת האתרים חולקים פוטר (Footer) מאוחד המקשר ביניהם, עם ניווט חוצה אתרים, דפוסי אינטראקציה עקביים ושפה חזותית אחידה המבהירה מיידית לכל גולש את הקשר בין המותגים השונים במעבר ביניהם.
אינטראקציות מבוססות גלילה
באתר MindPeer שולבו אנימציות מבוססות גלילה כדי לחשוף בהדרגה את יכולות הפלטפורמה, כאשר תהליך העבודה בן חמשת השלבים מוצג באמצעות אזורים אינטראקטיביים. אתר Mind-Alliance עשה שימוש באנימציות פראלקס (Parallax) ובפריסות גריד לא שגרתיות כדי לשדר סמכותיות אסטרטגית.
שלושה אתרים מחוברים, מערכת אקולוגית אחת
הפרויקט סיפק מערכת אקולוגית מחוברת של שלושה אתרים, אשר שדרגה את הנוכחות הדיגיטלית של Mind-Alliance לרמת המומחיות והמוניטין של קהל הלקוחות והעשייה שלהם. פלטפורמת MindPeer הושקה ראשונה כדי לתמוך במצגת קריטית לבעלי עניין מרכזיים, ולאחריה עלו לאוויר אתר Mind-Alliance והפלטפורמה האישית.
שפת עיצוב (Design System) כתשתית
מערכת העיצוב המאוחדת הבטיחה עקביות ויזואלית מלאה בין שלושת המותגים, תוך מתן אפשרות לכל אתר לפנות במדויק לקהל היעד הייעודי שלו - החל מבכירי אבטחה לאומית הבוחנים שותפויות ייעוץ בתחום ה-AI, ועד לצוותי מוצר החוקרים את יכולות תמיכת ההחלטות של MindPeer. ספריית הרכיבים וטוקני העיצוב (design tokens) מאפשרים סקיילביליות עתידית קלה בכל שלושת הנכסים הדיגיטליים.
3
אתרים שנבנו
$10,000
היקף הפרויקט
6 שבועות
משלוח
