Michal Akerman · School

אקדמיה דיגיטלית.
מכונת מכירות.

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

Next.js 15 TypeScript Tailwind v4 Neon Postgres Clerk Auth Stripe Resend Vercel

One-Pager · Marketing

דף הבית — מסך מכירה אחד

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

Hero

וידאו פורטרט

כותרת מובילה ו־CTA כפול
סטטיסטיקות אקדמיה

ForWhom

למי זה מתאים

פרסונות יעד
הסרת התנגדויות

Courses

3 מסלולים

השוואה ויזואלית
מעבר ישיר לסליקה

Syllabus

11 שבועות

Timeline אופקי
תוכן שבועי לפי נושא

ROI

מחשבון רווח

אינטראקטיבי
החזר השקעה צפוי

Proof

הוכחות

טסטימוניאלים ועדויות וידאו

Lead

טופס הרשמה

ולידציה + הסכמה
נשמר ל־Neon

Footer

פרטי קשר

טלפון, מייל, רשתות

Courses · 3 Tracks

מסלולי לימוד

QUICK

אפילציה מקצועית · נקודת כניסה

₪10,500

7 מפגשים · 28 שעות

FIX ★

אפילציה + גבות + שעוות

₪13,500

11 מפגשים · 44 שעות

PERFECT

המסלול המלא + ליווי 1:1 עם מיכל

₪15,500

13 מפגשים · 48 שעות

תשלום

Stripe Payment Links

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

תצוגה

הדגשת המסלול המומלץ

FIX מוגדר כ־highlight ומוצג ככרטיס המודגש להגדלת אחוזי המרה.

Leads Pipeline

איסוף לידים ואחסון

Form → API

POST /api/leads

ולידציה בצד שרת, חילוץ user-agent ו-IP, ושמירה ל-Postgres. אם אין DB — מתקבל אך לא נשמר (לא נופל).

Database

Neon Postgres (Marketplace)

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

שדות נאספים

שם · טלפון · מייל · תאריך לידה · תחום עניין · הסכמה

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

סטטוסים

מ"חדש" עד "נרשמה"

כל ליד עובר מסע ניהולי במערכת — חדש, יצרנו קשר, מתעניינת, נרשמה, נסגרה.

Admin Console

לוח בקרה

ממשק ניהול פנימי (Clerk allowlist לפי מייל) — תמונת מצב מלאה של הפייפליין והתלמידות.

KPIs

נתוני מפתח בזמן אמת

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

Inbox

קופסת לידים

טבלה ניתנת לסינון, עדכון סטטוס והערות מהירות מתוך השורה עצמה.

התקדמות

מעקב פר־תלמידה

אחוז ההשלמה של כל תלמידה (לפי clerk_user_id) מוצג ישירות בטבלת הלידים.

עורך תכנים

/admin/weeks

עריכת תוכן שבועי שמופיע בסילבוס ובאזור האישי — בלי לגעת בקוד.

Student Area

האזור האישי

לאחר ההרשמה (Clerk) — לכל תלמידה דשבורד פרטי עם תכני הקורס וההתקדמות שלה.

/my

דשבורד תלמידה

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

API

/api/my/progress

שמירה ושליפה של ההתקדמות לכל clerk_user_id מול טבלת student_progress.

Auth

Clerk · Sign-in / Sign-up

זרימת הרשמה והתחברות מובנית, middleware מגן על האזורים הפרטיים.

הרשאות

allowlist אדמיניסטרטיבי

NEXT_PUBLIC_ADMIN_EMAILS קובע מי רואה /admin ומי /my.

Engagement · Email Automation

תזכורות יומיות ב־RTL

Resend

שליחת מיילים טרנזקציוניים

אינטגרציה מלאה עם Resend — תבניות HTML מעוצבות בעברית, dir=rtl על כל בלוק (תיקון Gmail).

Vercel Cron

תזמון יומי

cron יומי שמזהה לאיזו תלמידה צריך לשלוח את תוכן השבוע הרלוונטי ושולח אוטומטית.

Trigger ידני

"שלחי תזכורת עכשיו"

כפתור ייעודי לכל ליד רשום בלוח האדמין — לשליחה מיידית של תזכורת בקליק.

Observability

שגיאות Resend חשופות

שגיאות שליחה מוצגות מפורשות באדמין במקום להישאר שקטות.

Architecture

שכבות המערכת

Frontend

Next.js 15

App Router · Server Components
Tailwind v4 + עיצוב מותג
Reveal · CountUp · אנימציות

Backend

Routes · Fluid Compute

/api/leads · /api/my/progress
/api/admin/* · /api/cron/reminders
middleware · Clerk + RBAC

Data & Services

Neon · Stripe · Resend

Neon Postgres דרך Marketplace
Stripe Payment Links
Resend + Vercel Cron · Clerk

Vercel Deploy vercel env pull preview → prod env-driven feature flags

סיכום

אתר אחד.
מערכת אחת. צמיחה.

מהלידה הראשונה ועד סיום הקורס — כל המסע של התלמידה חי במערכת אחת: שיווק, הרשמה, סליקה, ניהול לידים, למידה, תזכורות וניתוח ביצועים.

תודה

אקדמיה דיגיטלית. מכונת מכירות.