OB
אופיר ברנס
Builder · TLV
חזרה לכל הפרויקטים
Web · 2026 · Personal Project

Halocraft — Brand & Motion Studio

A premium editorial landing page for a boutique brand & motion design studio

Halocraft — Brand & Motion Studio

Halocraft הוא אתר פרימיום של סטודיו עיצוב מותגים ומושן, חי ופעיל ב-zbang-api.

מערכת רב-יכולתית עם 7 יכולות נפרדות:

  1. 🎯 Work showcase — 6 case studies עם palette dynamic, region, duration & team size — גלריה אדיטוריאלית עם asymmetric grid
  2. 🛠 Services catalog — 6 service disciplines (Brand identity, Motion, Editorial web, Packaging, Studio residency, Art direction) עם deliverables list ו-starting price
  3. 🎬 Process timeline — 5-act process (Listen / Frame / Make / Ship / Tend) עם 2-week rhythms
  4. Voices — 5 testimonials עם ratings ומקושרים ל-project slugs
  5. 📨 Newsletter signup — POST /newsletter עם duplicate detection ו-3 interest categories
  6. ✉️ Inquiry form — 9-field brief form עם persistence + scoring engine (0-100) שמעריך budget/timeline/content
  7. ⚙️ Settings + stats — availability, slots open, response window, visit tracking, 14-day inquiry timeline

ניתן לקנפג: studio name, tagline, next availability, slots open, response window, studio email, studio location, accent color

תוצאות אמיתיות בסקרין (live data):

  • 6 featured projects בקטלוג: Northbase, Perigee Cloud, Halo Spa, Lunatide, Quantloop, Veneer
  • 6 service disciplines החל מ-$35k (Art direction) עד $125k (Studio residency)
  • 5.0/5 avg client rating מתוך 5 testimonials
  • 6 inquiries (כולל 2 e2e ב-runtime), scoring engine מנפיק 40-94 לפי budget+timeline
  • 7 newsletter subscribers
  • e2e אומת end-to-end: form POST → DB row persist → score computed correctly (small budget → 40, full launch + 500k+ → 94)

ארכיטקטורה:

  • Backend: FastAPI עם 14 endpoints חשופים ב-/api/halocraft/* (projects list/get/view-track, services list, testimonials list, inquiries POST + admin list, newsletter POST + list, stats, settings, track-visit, seed-demo, health)
  • Database: 6 טבלאות PostgreSQL: halocraft_projects, halocraft_services, halocraft_testimonials, halocraft_inquiries, halocraft_subscribers, halocraft_settings
  • Scoring engine: heuristic 0-100 על כל inquiry (budget/timeline/role/company/message length)
  • Frontend: Long-scroll landing page וניל JS עם 7 sections (Hero, Strip, Work, Services, Process, Voices, Studio, Journal, Inquire) — editorial typography (Fraunces serif + Inter sans + Instrument Serif accent), case-study drawer modal, real form submissions, smooth scroll nav, responsive (1100/720/540 breakpoints)
  • 4 codex images: glassmorphic halo logo, cinematic studio hero, case study montage flat-lay, process illustration of designers around a project board
· TECHNOLOGY ·
Python FastAPI PostgreSQL SQLAlchemy Pydantic Vanilla JS SVG Fraunces Editorial Typography Glassmorphic UI

פרויקטים קשורים.

· YOUR PROJECT NEXT ·

הפרויקט הבא שלך?

בוא נדבר