הקייס סטדי הזה מתעד פרויקט שעוד בעבודה. המוצר עדיין בפיתוח ולא פתוח לציבור.
→ כל העבודות
מוצר AI · UX/UI · פלטפורמת קהילה · 2026

מרקטפלייס לרפואה משלימה
נבנה עם AI מאפס

עיצוב ובנייה של פלטפורמה full-stack בעברית שמחברת בין מחפשים ומטפלים בפרדס חנה. התאמה חכמה, הרשמה ב-4 צעדים, אימות אדמין. נבנה עם Claude ו-Lovable, עוד בעבודה.

תפקיד יזמת + מנהלת עיצוב + מעצבת מוצר
שנה 2026
טכנולוגיה React · Supabase · Lovable · Claude
סטטוס בפיתוח, עדיין לא פתוח לציבור
10+
עמודים נבנו
4
צעדי הרשמה
1
פונקציית AI edge
אפס
קוד קודם

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

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

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

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

"רצינו מקום שמישהו יוכל להקליד 'אני עוברת גירושים וצריכה תמיכה' ובאמת יותאם לאדם אמיתי שיכול לעזור, לא לרשימה של צ'קבוקסים."

מהברייף של הלקוח, ינואר 2026

קודם design system, ואז ארכיטקטורה

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

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

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

RTL זה לא דגל CSS. זאת תפיסת עולם.

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

החלתי dir="rtl" בשורש העמוד והשתמשתי ב-RTL utilities של Tailwind לכל אורך הדרך. ניווט התהפך. תוויות טפסים יושרו לימין. כרטיסי שירותים נערמו טבעי. מה שהרגיש למשתמשים בעברית מובן מאליו, היה החלטה ארכיטקטונית מודעת בשורה הראשונה.

עקרון עיצובי

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

שלוש מערכות שגורמות לזה לעבוד

התאמה חכמה ב-AI
המשתמשים מקלידים תיאור בשפה טבעית של מה הם צריכים. פונקציית edge של Supabase שולחת את הבקשה למודל AI שמחזיר התאמות מדורגות, עם נימוק לכל המלצה. בלי פילטרים. בלי קטגוריות. רק שפה.
🤵
הרשמת מטפלים ב-4 צעדים
מטפלים ומנחים עוברים onboarding מובנה: אימות, פרופיל ציבורי, התמחויות מקצועיות, והעלאת תעודות. כל צעד מאומת עם Zod. ההתקדמות נשמרת בין סשנים.
🔒
פאנל אימות אדמין
נתיב אדמין מוגן מאפשר לבעלי הפלטפורמה לסקור מטפלים בהמתנה, לצפות בתעודות שהועלו, להרחיב פרופילים inline, ולאמת או לדחות בלחיצה. עדכוני סטטוס דרך edge function של Supabase עם אכיפת RLS.
📋
פרופילים עשירים
לכל מטפל יש פרופיל מלא עם ביוגרפיה, תגיות התמחות, רשימת שירותים לפי סוג (1:1, סדנה, קבוצה, ריטריט), מחירים, משך, ו-CTA ישיר ל-WhatsApp. תג מאומת מוצג בולט.
הרשמת מטפלים: 4 צעדים
1
אימות
הרשמה במייל או social login דרך Supabase Auth
2
פרופיל ציבורי
שם, תפקיד, מיקום, זמינות אונליין, העלאת תמונת פרופיל
3
פרטים מקצועיים
ביוגרפיה (500 תווים), תגיות התמחות, טווח מחיר, WhatsApp, Instagram
4
תעודות
העלאת קבצי הסמכה ל-Supabase Storage. ממתין לסקירת אדמין.

Full stack, אפס תפעול תשתיות

React 18 + Vite 5
פריימוורק frontend עם dev server מהיר ו-HMR מיידי.
🎨
Tailwind CSS
סטיילינג utility-first עם מערכת צבעי healing מותאמת ו-utilities ל-RTL.
🗃
Supabase
Postgres DB, Auth, Storage, ו-Edge Functions. כל ה-backend במקום אחד.
🤖
פונקציית AI Matching Edge
Edge function של Supabase ששולחת שאילתות למודל AI ומחזירה התאמות מובנות.
🧰
Lovable
סביבת dev AI-native. תרגמה החלטות עיצוב ל-React עובד באופן מיידי.
🔒
TypeScript 5 + Zod
סכימות type-safe לכל אורך הדרך. סוגי DB שנוצרו על ידי Supabase, Zod לאימות טפסים.

לעצב ולבנות בו-זמנית

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

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

פונקציית ה-AI matching edge הייתה החלק הכי מורכב. היא דרשה לחשוב מה זאת המלצה איכותית, איך לפרמט את הפרומפט כך שה-AI יחזיר JSON מובנה, ואיך לטפל במקרים שאין התאמה חזקה מספיק. שיקול הדעת היה שלי. המימוש היה של Claude.

"לא כתבתי את הקוד. קיבלתי כל החלטה על מה הקוד צריך לעשות, איך הוא צריך להרגיש, ולמה. זאת סוג חדש של מחברוּת."

מירב שקד

מוצר אמיתי, שהוגש מאפס

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

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

RTL בעברית התאמה ב-AI מוצר Full-Stack טפסים רב-שלביים פאנל אדמין Supabase + RLS מערכת עיצוב Healing פלטפורמת קהילה Lovable + Claude
הפרויקט הבא
בניית meravish.com עם AI