אתרי תבנית לא מצליחים להציג את המומחיות של משרד אדריכלות
משרד אדריכלות מוכר מומחיות, והאתר חייב להעביר זאת. לקוח פוטנציאלי—יזם, משקיע או רשות מקומית—בוחן את תיק העבודות, את כשירות הצוות ואת היקף הפרויקטים. אתר תבנית עם שלוש שקופיות וטופס יצירת קשר לא ממיר. אנו בונים אתרים על 1C-Bitrix שבהם מסד נתונים מובנה של פרויקטים עם סינון, סיורי תלת-ממד אינטראקטיביים והצגה ויזואלית נקייה הם הסטנדרט. הצוות שלנו משתמש ב-infoblocks v2.0 עם הקלדה, מטמון מתויג ו-REST API לשילוב חלק עם CRM ו-1C. אנו מעריכים את הפרויקט ביומיים ומספקים תוצאה סופית. צרו קשר לייעוץ על מבנה תיק העבודות ובחירת פתרון תלת-ממד.
בעיות טכניות אופייניות
מבנה תיק עבודות חלש. infoblock "פרויקטים" ללא מערכת סינון פירושו שהלקוח לא ימצא את המקרה המתאים. אנו מיישמים מסנן חכם עם אינדוקס פאקטי: חיפוש לפי סוג אובייקט, סטטוס, שנה ואדריכל לוקח 0.3 שניות על 200 פרויקטים.
טעינה איטית של פנורמות תלת-ממד. פנורמה אקווירקטנגולרית סטנדרטית שוקלת 15–30 MB. ללא אופטימיזציה, הדף נטען ב-10+ שניות. הפתרון הוא ריבוי רזולוציות (פירמידת אריחים) באמצעות Pannellum.js: רק האזור הנראה נטען, ומצמצם את הזמן ל-2 שניות. Pannellum.js מהיר פי 8 מפנורמות סטנדרטיות.
קושי בעדכון תוכן. אדריכלים צריכים להוסיף פרויקטים ופרסים חדשים לעתים קרובות. אנו מתאימים אישית את ממשק הניהול עם עורך ויזואלי לסיורי תלת-ממד, המאפשר למנהל להעלות פנורמות ולמקם מעברי hotspot ללא מתכנת.
איך לארגן תיק עבודות שמוכר
תיק העבודות הוא כלי המכירה העיקרי. אנו בונים אותו דרך infoblock "פרויקטים" עם 12+ מאפיינים: סוג אובייקט (מתחם מגורים, בית פרטי, משרד), סטטוס (קונספט/הושלם), שטח, שנה, מיקום, אדריכל (מקושר לסעיף "צוות"), שירותים (מקושרים ל"שירותים"), גלריית תמונות, סיור תלת-ממד, וידאו ותיאור עם בלוקים של "משימה", "פתרון" ו"חומרים". בצד הקדמי—מסנן פאקטי וכרטיסים עם אנימציית hover.
דף פרטי הפרויקט כולל בלוק hero, גלריית תמונות בסגנון masonry, iframe עם הסיור, טבלת מפרט, צוות הפרויקט ורשימת פרסים. כל זה נוצר באמצעות רכיב 2.0 עם מטמון מתויג.
איך לשלב סיורי תלת-ממד ב-Bitrix
אנו משתמשים בשתי גישות עם ארכיטקטורות שונות:
- Matterport, Kuula — שירותי ענן. שילוב דרך iframe. טכנית פשוט: מאפיין של רכיב infoblock מאחסן את ה-URL, והתבנית מציגה
<iframe>עםallow="fullscreen; vr"ו-loading="lazy". מגבלה: מנוי בתשלום (החל מ-$99 לחודש) ותלות בתשתית הספק. - Pannellum.js Pannellum.js — ספריית קוד פתוח באירוח עצמי. שליטה מלאה, ללא מנויים. אנו יוצרים infoblock "סיורי תלת-ממד" עם מאפיינים: פנורמות (קובץ מרובה), תצורה (JSON). המנהל מעלה פנורמות ומגדיר hotspots דרך עורך ויזואלי.
לאופטימיזציה, אנו משתמשים בריבוי רזולוציות (כלי generate.py מהספרייה) ו-JPEG פרוגרסיבי. דוגמה: הפנורמה הממוצעת לאחר פילוח נטענת ב-1.8 שניות במקום 20 שניות. פתרון באירוח עצמי מפחית עלויות חודשיות פי 10 בהשוואה לשירותי ענן: במקום $99 משלמים $0 עבור רישיון, רק אחסון.
שלב אחר שלב לשילוב Pannellum.js:
- צרו infoblock "סיורי תלת-ממד" עם שדות: פנורמות (קובץ מרובה), תצורה (JSON), תמונת תצוגה מקדימה.
- צרו אריחי ריבוי רזולוציות באמצעות generate.py מהספרייה.
- העלו את האריחים והגדירו hotspots דרך העורך הוויזואלי בלוח הניהול.
- הטמיעו את הסיור בדף פרטי הפרויקט באמצעות רכיב מותאם אישית שמציג את נגן Pannellum עם התצורה.
פרטים טכניים להגדרת Pannellum.js
לריבוי רזולוציות אנו משתמשים בכלי generate.py; האריחים נשמרים בפורמט JPEG עם טעינה פרוגרסיבית. קבצי התצורה מאוחסנים ב-infoblock כשדה JSON. נקודות hotspot מוגדרות בפורמט YAML ומומרות ל-JSON בזמן העיבוד.השוואה בין פתרונות תלת-ממד בענן ובאירוח עצמי
| פרמטר | Matterport (ענן) | Pannellum.js (אירוח עצמי) |
|---|---|---|
| עלות | מנוי החל מ-$99 לחודש | חינם (קוד פתוח) |
| שליטה בנתונים | נתונים על שרתי הספק | שליטה מלאה, שרתים משלכם |
| התאמה אישית | מוגבלת | מלאה (CSS, JS, hotspots) |
| שילוב Bitrix | iframe | ישיר דרך REST API, infoblocks |
| ביצועים | תלוי ב-CDN של הספק | ניתן להגדרה, פירמידת אריחים |
Pannellum.js חסכוני פי 10 מ-Matterport עבור פרויקטים רגישים לנתונים, וחוסך לכם עד $10,000 בשנה.
תהליך העבודה
| שלב | מה אנחנו עושים | לוח זמנים |
|---|---|---|
| אנליטיקה | ביקורת תוכן, בחירת פלטפורמת תלת-ממד, מבנה תיק עבודות | 1.5 שבועות |
| עיצוב | קונספט, עיצובי עמודים מרכזיים, אב טיפוס לגלריה | שבועיים |
| עיצוב ופיתוח פרונטאנד | עיצוב רספונסיבי, Pannellum/Matterport, סינון, מסכי שלד | 3 שבועות |
| בקאנד | Infoblocks, רכיבים, ממשק ניהול לסיורים | שבועיים |
| תוכן | העלאת פרויקטים, המרת פנורמות, הגדרת סיורים | 1.5 שבועות |
| בדיקות והשקה | בדיקות דסקטופ/מובייל, ביצועים, פריסה | שבוע |
סה"כ: 10–12 שבועות. אם משתמשים ב-Matterport—פחות 1.5 שבועות, אם Pannellum מותאם אישית—עוד שבוע.
מה כלול בעבודה (תוצרים)
- אתר מוגדר במלואו על 1C-Bitrix
- Infoblocks לתיק עבודות, צוות, שירותים, עיתונות, פרסים
- מערכת סינון פרויקטים
- שילוב סיורי תלת-ממד (Matterport או Pannellum)
- ממשק ניהול לניהול פנורמות
- תיעוד למילוי תוכן
- הדרכת עורכים (שעתיים)
- תמיכה באחריות ל-6 חודשים
עלות ממוצעת סופית: החל מ-$8,000. החבילה הבסיסית שלנו עולה $5,000, ואתר עם כל הפיצ'רים וסיורי תלת-ממד מותאמים אישית מתחיל ב-$12,000, וחוסך לכם עד $10,000 בשנה בהשוואה לדמי מנוי בענן.
טעויות אופייניות במהלך הפיתוח
- יותר מדי סוגי אובייקטים—הגבילו ל-6–8 קטגוריות, אחרת המסנן הופך לחסר תועלת.
- פנורמות ללא ריבוי רזולוציות—הדף ייטען ב-30 שניות; השתמשו תמיד בפירמידות אריחים.
- התעלמות ממובייל—בטלפונים, יש להחליף את הסיור התלת-ממדי בפנורמה סטטית וכפתור הפעלה.
צרו קשר להערכת פרויקט. קבלו ייעוץ על מבנה תיק העבודות ובחירת פתרון תלת-ממד.