Meridian Strategy הוא משרד אסטרטגיה בוטיק ישראלי שבניתי כפרויקט פורטפוליו end-to-end — כולל backend מלא ב-FastAPI, 6 טבלאות PostgreSQL, ו-12 endpoints חיים שמזינים את העמוד.
8 יכולות במערכת אחת
- דף נחיתה רב-שכבתי — Hero אטמוספרי עם codex image, סטיקי-נאב, 9 sections נפרדים.
- Stats band חי — 4 KPI cards שמשתמשים ב-API /stats (case studies, industries, avg growth, revenue uplift), עם sparklines + progress ring + bar chart SVG.
- 6 Case Studies מלאים — סינון לפי ענף, hover lift, KPI mini-cards, 4 KPIs לכל פרויקט, מספור צמיחה אמיתי. לחיצה פותחת deep dive.
- Deep-dive case study panel — 3 tabs (אתגר/גישה/תוצאה), SVG dual-line chart עם gradient fills, KPI panel נפרד.
- Pipeline board חי — kanban-style 5 phases עם 12 engagements פעילים, health indicators (ירוק/כתום/אדום), progress bars, pulsing animation על "critical".
- 5 שותפים — Team grid עם monogram avatars, expertise tags, שנות ניסיון, languages.
- 6 Insights articles — סינון 4 קטגוריות (אסטרטגיה/מותג/צמיחה/מנהיגות), זמני קריאה, ammeta.
- Multi-step inquiry form — 11 שדות, step progress bar שמתעדכן לפי מילוי, scope grid radio cards, validation + POST live ל-API, response notice מובלט.
- Newsletter — POST /newsletter בfooter, dedupe על email.
- Admin endpoints — GET admin/inquiries + POST status update (token-protected).
ניתן לקנפג
- ניהול case studies, team, insights, engagements דרך SQL ישיר (CMS-light)
- Admin token:
meridian_ofir_2026לעדכון inquiries ו-engagement progress - Filters לפי industry (SaaS / Retail / Fintech / Healthcare / Manufacturing / Advisory)
- Filters לפי category לתובנות
תוצאות אמיתיות (E2E בדוק)
- POST /api/meridian/inquiries → נשמר ב-DB (id=1, status=new)
- GET /api/meridian/admin/inquiries → מחזיר עם token, 401 בלי
- POST status update → status הוסב מ-new ל-contacted, contacted_at נכתב
- /stats מחשב agg על KPI fields ב-case_studies בזמן אמת (avg_growth_pct=87.4)
- 12 active engagements עם health distribution (8 green / 3 amber / 1 red — pulsing)
ארכיטקטורה
- Backend: FastAPI router (12 endpoints) + SQLAlchemy services
- DB: 6 PostgreSQL tables — case_studies, inquiries, newsletter, insights, team, engagements
- Frontend: Vanilla JS, 4 typeface system (Frank Ruhl Libre + Heebo + IBM Plex Mono + Instrument Serif), Glassmorphic nav, RTL Hebrew
- Visuals: 4 codex gpt-image-2 generations (hero, logo, case illustration, empty state) + 5 hand-drawn SVG charts
- Hosting: Nginx → static frontend + reverse proxy ל-FastAPI behind Docker
