כל העבודות

Midrash.live

פלטפורמה ללימוד תורה

בית מדרש פתוח, ברשת ומעבר לפינה: שיעורים מרבנים מובילים, מניינים וזמני תפילה, ומפה חיה של שיעורים פרונטליים בשכונה שלכם - עם הרשמה מובנית.

כנסו ל-midrash.live נסו את הדמו
תפקיד
מוצר · מיתוג · UX/UI · Full-stack
סוג
וידאו · קהילה · אירועים
Stack
Next.js 15 · React 19 · Prisma · Tailwind 4
שפות
עברית RTL · אנגלית LTR
דף הבית של Midrash.live - מצאו שיעור ומניין באזור שלכם

מה זה

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

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

הבעיה

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

הפתרון

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

מיתוג

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

Midrash.live symbol
Midrash.live logotype
Midrash.live symbol, white
Midrash.live logotype, white
Midrash.live in colour

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

Techelet#3949C4
המותג, העמודים
Periwinkle#9B9EF0
הקלף, מילויים רכים
Indigo#1F2A6B
החץ, משטחים עמוקים
Ink#0F1436
טקסט
Ground#F6F7FB
הדף

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

מידרש חיAssistantהלוגוטייפ, 300 ו-800, בהטיה
שיעורRubikכותרות
אב Aa 123Heeboטקסט רץ, בשתי השפות

עברית קודם, ואנגלית באותם פונטים.

Midrash.live - המוצר על מחשב נייד, טאבלט וטלפון - מסכים אמיתיים מהמוצר החי
המוצר על מחשב נייד, טאבלט וטלפון - מסכים אמיתיים מהמוצר החי
Midrash.live - Roll-up banner for a community class
רול-אפ לשיעור קהילתי
Midrash.live - Canvas tote for the beit midrash
תיק בד לבית המדרש
Midrash.live - Crocheted kippah with the scroll
כיפה סרוגה עם הסמל
Midrash.live - A notebook for class notes
מחברת לסיכומי שיעורים

איך זה בנוי

פריימוורק
Next.js 15
App Router · Server Actions
React 19
נתונים
Prisma
SQLite בפיתוח
PostgreSQL להשקה
לוח שנה
Hebcal
זמני שבת, פרשת השבוע
וזמני היום לחישוב זמני התפילה
הזדהות
jose + bcrypt
Sessions · הרשאות ברמת הערוץ
לפי יכולת

המסכים

לוח השיעורים - הרעיון המרכזי

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

Midrash.live - שיעורים פרונטליים בכל מקום
Midrash.live - לוח השיעורים

ממציאה ועד הגעה

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

Midrash.live - עמוד שיעור עם הרשמה
Midrash.live - מצאו מניין בסביבה

העמוד של הרב

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

Midrash.live - ערוץ של רב
Midrash.live - צפייה בשיעור

עוד דרכים להיכנס

תוכן קצר לדרך, אזור ילדים עם טון משלו, ו-Midrash+ - מנוי אופציונלי, “כל התורה, בלי הפרעות”, שמממן את הפלטפורמה.

Midrash.live - קצרים
Midrash.live - מנוי Midrash+

בטלפון

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

Midrash.live במובייל - דף הבית
Midrash.live במובייל - ערוץ של רב
Midrash.live במובייל - עמוד שיעור
Midrash.live במובייל - מניינים

לרבנים, והמותג

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

Midrash.live - העמוד לרבנים
Midrash.live - ערכת נושא כהה

החלטות עיצוב

01

  • מיקום לפני תוכן - דף הבית שואל “איפה אתם?” לפני “מה תרצו לראות?”. זה מה שהופך ספריית וידאו לשירות קהילתי.

02

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

03

  • מפתחות יציבים, תצוגה מתורגמת - ערים וקטגוריות נשמרות כמפתחות קבועים ומתורגמות בממשק, כך שחיפוש לפי עיר מחזיר תוצאות זהות בעברית ובאנגלית.

04

  • הרשאות לפי יכולת - עוזר הוא לא “מנהל משנה”. הרב מעניק העלאה, עריכה, תזמון, הרשמות ועיצוב אחת אחת - וזה מה שמאפשר לרב אמיתי להאציל סמכויות.

05

  • לוח השנה הוא חלק מהמוצר - זמני שבת ופרשת השבוע יושבים במסגרת הממשק, ומניין נשמר ככלל - “מנחה, 15 דקות לפני השקיעה” - שמחושב לכל יום מחדש. מוצגים רק זמנים שבית הכנסת באמת פרסם.

06

  • משפחת צבע אחת, באיפוק - אינדיגו שנלקח מהלוגו, פינות הדוקות ומשטחים שטוחים. האיפוק הוא מה שנותן לתוכן את הכבוד שהוא דורש.
הפרויקט הבא
Minner ←
צרו קשר