← כל העבודות

CASE STUDY · 01 / 05

גנלי

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

שנה
2026
תפקיד
מיתוג · עיצוב UX/UI · פיתוח Full‑Stack · נגישות
טכנולוגיות
Next.js · React · TypeScript · Supabase (RLS) · React Three Fiber · WCAG 2.1 AA

01 האתגר

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

02 הגישה

  1. הקשת והקוביות מהלוגו הפכו לשפה הוויזואלית של כל האתר: חלון הכניסה, הכרטיסים והחדרים.
  2. ההרשאות נאכפות במסד הנתונים עצמו (Supabase, Row Level Security), ולא רק בהסתרת כפתורים.
  3. מצב דמו על נתונים מומצאים מאפשר לכל מבקר לנסות את שלושת התפקידים בלי להיכנס לשום מערכת אמיתית.
  4. הנגישות נבדקה עם axe-core על כל המסכים: ניגודיות, ניווט במקלדת, כיווץ תנועה ותפריט נגישות.

03 מה נבנה

איסוף בקוד QR

להורה קוד יומי ורשימת מורשים. הצוות מאמת, והיציאה נרשמת.

תפריט עם התראות אלרגיה

מנה שלא מתאימה לילד מסומנת להורה ולצוות לפני הארוחה.

פס היום

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

פגישה עם המנהלת בלי טלפונים

בוחרים זמן פנוי באתר, מקבלים זימון ליומן (קובץ או יומן גוגל) ואישור מוכן בוואטסאפ. המנהלת רואה את הפגישה מיד.

מרכז אוטומציות למנהלת

תזכורות הרשמה להורים שעוד לא נרשמו, תזכורות לפגישות ויומן פעולות. בהמשך: שליחה אוטומטית דרך WhatsApp Business ו‑n8n.

טירה שנבנית בגלילה

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

יש לכם פרויקט דומה?

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