דלג לתוכן העיקרי
WebsiteFactory

מקרה בוחן

MassGarage Boston: דיוק מינימליסטי לדלתות גראז' בבוסטון

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

ראו את האתר החי ←בקשת בדיקה חינם ←

מה הם היו צריכים

ל-MassGarage הייתה חזון אסתטי ברור: הריסון והביטחון של Linear, Apple ו-Stripe מיושמים על עסק דלתות גראז' מקומי. ללא צללים, ללא עומס, ללא צבעים צועקים — Geist Sans, משטחים לבנים ואקצנט כחול עדין בלבד. לצד הברייף העיצובי, הם היו צריכים עומק SEO רציני לשוק בוסטון הגדול.

  • משפחת עיצוב editorial-minimal — אסתטיקת Apple/Linear/Stripe
  • גופן Geist Sans, משטחים לבנים, אקצנט כחול #2563eb
  • WCAG AA מהיום הראשון — מצב כהה ובהיר
  • תשתית פלטפורמה משותפת, אפס דליפת נתונים בין דיירים

מה בנינו

  1. משפחת עיצוב editorial-minimal

    קידדנו את הברייף Apple/Linear של המפעיל לתוך ערכת token ייעודית: גבולות חוט שיער, אפס צל, 8px rounded, כותרות Geist Sans, פלטה קרה-מט.

  2. מפרט דף בית 12 סקציות

    עיצבנו 12 סקציות לדף הבית (MassGarageHomepageSpec) מאפס — לא שימוש חוזר בתבנית. כל סקציה משקפת את המפרט המינימליסטי.

  3. ארכיטקטורת override לכל מסלול

    בנינו תיקיית _overrides/ המכסה כל מסלול: שירותים, מיקומים, יצירת קשר, תמחור, מימון, מסחרי, ביקורות, בלוג, FAQ ועוד.

  4. עמידה ב-LAWs מהיסוד

    בידוד טלפון לפי מיקום, דף בית נקי מגיאו, חבילת בטיחות צ'אט לדלתות גראז', ו-WCAG AA 100% — הכל נאכף תוך כדי הבנייה.

נקודות בולטות

דברים קונקרטיים שבנינו ל-MassGarage.

  • משפחת עיצוב editorial-minimal

    אסתטיקת Apple/Linear/Stripe מקודדת כ-token CSS לשימוש חוזר. גבולות חוט שיער, אפס צל, Geist Sans, פלטה קרה-מט.

  • מפרט דף בית בהזמנה אישית (12 סקציות)

    MassGarageHomepageSpec מותאמת — לא תבנית משותפת. כל סקציה נכתבה במיוחד למותג ולשוק.

  • כיסוי A-Z של כל מסלולי האתר

    לכל מסלול ציבורי יש קובץ override ייעודי. אף מסלול לא נופל לפריסה גנרית משותפת.

  • WCAG AA בבהיר ובכהה

    100% מעבר ניגודיות בכל סוגי העמוד — בידוד ב-22 המחזורים של ריצת ה-a11y.

  • צ'אט עם בטיחות LAW #18

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

איך זה בנוי

רץ על פלטפורמת WebsiteFactory המשותפת — Next.js 15 על Vercel, Sanity ל-CMS, Supabase לנתוני מיקום ולידים. משפחת editorial-minimal חיה כ-CSS custom properties.

Next.js 15VercelTailwind v4Sanity CMSSupabase + RLS

מה חי היום

MassGarage Boston חי ב-boston.websitefactory.space עם משפחת העיצוב editorial-minimal, דף הבית MassGarageHomepageSpec, וקבצי override לכל מסלול ציבורי. WCAG AA עובר 100% בכל סוגי העמוד. בנייה מחדש מלאה של הפייז 2 — 12-15 תמונות בוסטון, עמודי עוסק מורשה, ותוכן SEO עמוק — בתהליך.

ראו את העבודה בעצמכם

בקרו באתר החי של MassGarage Boston.

פתחו boston.websitefactory.space ←

עוד עבודות

ראו מה עוד שיגרנו.

רוצים אתר כזה לעסק שלכם?

בקשת בדיקה חינם תוך 48 שעות
MassGarage Boston — דלתות גראז' | מקרה בוחן — WebsiteFactory