דלג לתוכן הראשי

OzCode – אתר מוצר בינלאומי לפלטפורמת Debugging

אתר המוצר הבינלאומי של OzCode, שנבנה כמערכת WordPress מודולרית עם Elementor, ACF וקוד מותאם. הפרויקט כלל סוגי תוכן נפרדים, תבניות מקושרות ואינטגרציות שחיברו בין עמודי המוצר, הבלוג, ה-Knowledge Base ותהליכי השימוש בתוכנה.

צפה בפרויקט
לקוחOzCode
שנה2021
סטטוסAcquired by Datadog
טכנולוגיות
Advanced Custom Fields CSS Custom PHP Elementor JavaScript WordPress

OzCode הייתה חברת DevTools ישראלית שפיתחה כלי Debugging מתקדמים עבור מפתחי ‎C#‎ ו־‎.NET‎, החל מהרחבת יכולות ה־Debugger של Visual Studio ועד לפתרונות Live Debugging בסביבות Production.

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

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

זמן קצר לאחר תקופת הפרויקט נרכשה OzCode על ידי Datadog, שהודיעה על השלמת הרכישה בנובמבר 2021 ושילבה את מומחיות החברה בתחום ה־Live Debugging וה־Code-Level Observability.

האתגר

OzCode נדרשה להציג לשוק הבינלאומי מספר מוצרי Developer Tools מורכבים, לצד בלוג טכני, Knowledge Base, תמחור, Demo, Trial, הורדות ותהליכי התחברות. מעבר לעיצוב ולמסרים, היה צורך במערכת תוכן שתאפשר לצוות לנהל סוגי פוסטים שונים, לקשר בין מוצר, תוכן ומסלולי המרה, ולהציג כל פריט אוטומטית בתבניות המתאימות.

הפתרון

פותח אתר WordPress בינלאומי באמצעות Elementor ו-Advanced Custom Fields ‏(ACF), לצד קוד מותאם ב-PHP, JavaScript ו-CSS. האתר נבנה כמערכת תבניות מקושרת עם סוגי תוכן נפרדים עבור מוצרים, פתרונות, מאמרים, קטגוריות, מחברים, Knowledge Base, תמחור ותוכן שיווקי. לכל סוג תוכן הוגדרו שדות ותבניות משלו. הקשרים בין האלמנטים אפשרו למאמרים להציג מוצרים ותוכן קשור, לעמודי מוצר להציג משאבים וקריאות פעולה רלוונטיות, ולעמודי קטגוריה ומחבר להתעדכן אוטומטית. צוות השיווק יכול היה לפתוח פוסטים מסוגים שונים, להזין מידע מובנה ולפרסם תוכן חדש בלי לבנות כל עמוד מחדש. קוד מותאם שימש ליצירת Queries דינמיים, קשרים בין סוגי תוכן, רכיבים אינטראקטיביים ואינטגרציות למסלולי הורדה, Trial, Demo, Sandbox והתחברות למוצר. כך האתר תפקד גם כמערכת תוכן וגם כחלק ממסע המשתמש לתוכנה.

התוצאה

התקבל אתר מוצר רחב ששימש כפנים הבינלאומיות של OzCode וחיבר בין מיתוג, הסבר טכני, תוכן מקצועי והפעלת המוצר. האתר אפשר למשתמשים ללמוד על פתרונות ה־Debugging, לבחור מסלול מתאים, לצפות בהדגמה, להוריד את תוסף Visual Studio, להתחיל להשתמש ב־Production Debugger או להתנסות ב־Sandbox. האתר פעל בתקופה שקדמה לרכישת OzCode על ידי Datadog, שהושלמה בנובמבר 2021.

מאפיינים מרכזיים

מערכת סוגי תוכן מותאמים

האתר נבנה סביב סוגי פוסטים נפרדים עבור אזורי המוצר, התוכן וההמרה.

המערכת כללה:

  • מוצרים ופתרונות
  • עמודי Cloud ו-On-premises
  • מאמרים וקטגוריות
  • מחברים
  • Knowledge Base
  • תמחור
  • משאבים ותוכן שיווקי
תבניות דינמיות לכל סוג תוכן

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

התבניות כללו:

  • שדות תוכן מותאמים
  • מבני עמודים לשימוש חוזר
  • רכיבי מוצר וקריאות פעולה
  • מטא-דאטה למאמרים
  • תוכן קשור
  • אזורים להורדה, Trial ו-Demo
קשרים בין כל האלמנטים

נבנו קשרים בין מוצרים, מאמרים, קטגוריות, Knowledge Base ומשאבים, כך שהתוכן הרלוונטי הוצג אוטומטית במקומות המתאימים.

המערכת אפשרה:

  • שיוך מאמרים למוצרים ולנושאים
  • הצגת תוכן קשור בעמודי מוצר ומאמר
  • Queries דינמיים לפי קטגוריה, מחבר או מוצר
  • עדכון מרכזי שמשתקף במספר אזורים
  • צמצום כפילויות ועריכה ידנית
ניהול עצמאי מתוך WordPress

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

אינטגרציות למסלולי המוצר

התבניות והקריאות לפעולה חוברו לתהליכי הורדה, Trial, Demo, Sandbox, התחברות ו-Onboarding.

פיתוח מותאם מעבר לכלי המדף

קוד PHP, JavaScript ו-CSS מותאם שימש ליצירת הקשרים, השאילתות, הרכיבים הדינמיים וההתנהגויות הייעודיות.

מערכת בלוג וידע מקצועי

האתר כלל ארכיון בלוג, עמודי מאמר, מחברים, קטגוריות, זמן קריאה, תוכן קשור ו-Knowledge Base שנוהלו באמצעות אותה ארכיטקטורת תבניות.

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

  • ארכיטקטורת WordPress מבוססת Custom Post Types, תבניות Elementor ו-Advanced Custom Fields ‏(ACF)
  • שדות מובנים למוצרים, מאמרים, מחברים, קטגוריות, Knowledge Base ותמחור
  • Relationship Fields וקשרים בין מוצר לתוכן
  • Queries דינמיים להצגת תוכן לפי מוצר, קטגוריה או מחבר
  • תבניות לשימוש חוזר לעמודי מוצר, בלוג, מאמרים, מחברים ו-Knowledge Base
  • קוד PHP מותאם ללוגיקה, שאילתות ואינטגרציות
  • JavaScript ו-CSS מותאמים לרכיבים, אנימציות והתנהגויות
  • אינטגרציות להורדות, Trial, Demo, Sandbox, התחברות ו-Onboarding
  • הפרדה בין נתונים, תבניות ועיצוב.

התפקיד שלי בפרויקט

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

  • אפיון ארכיטקטורת המידע וסוגי התוכן
  • יצירת Custom Post Types
  • בניית שדות ומבני תוכן עם ACF
  • פיתוח תבניות דינמיות ב-Elementor
  • בניית קשרים בין מוצרים, מאמרים ומשאבים
  • כתיבת Queries להצגת תוכן מקושר
  • פיתוח PHP, JavaScript ו-CSS מותאמים
  • בניית תבניות למוצרים, בלוג, מחברים ו-Knowledge Base
  • יישום מסלולי Download, Trial, Demo ו-Sandbox
  • אינטגרציות להתחברות ול-Onboarding
  • בניית ממשק ניהול לפתיחת פוסטים מסוגים שונים
  • התאמה לקהל בינלאומי ולתוכן טכני

מה מייחד את הפרויקט

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

השילוב בין Elementor ו-ACF לניהול נוח לבין קוד מותאם לשליטה בלוגיקה, באינטגרציות וב-Queries אפשר לצוות לנהל אתר מוצר בינלאומי מורכב, ולחבר בצורה עקבית בין תוכן מקצועי לבין שימוש בפועל בתוכנה.

טכנולוגיות בפרויקט

צד לקוח

Elementor-based WordPress implementation with custom HTMLCSS and JavaScriptreusable components and dynamic templates for productsarticlesauthorscategories and knowledge-base content

צד שרת

WordPress CMS with Custom Post TypesAdvanced Custom Fieldsrelationship fieldscustom PHP queriesstructured content models and integrations for downloadstrialsdemoslogin and onboarding

בינה מלאכותית

לא רלוונטי — הפרויקט קדם לגל כלי ה־Generative AI והתמקד ב־DebuggingDeveloper Tools ואינטגרציות מוצר.

תשתיות ו-DevOps

WordPress CMSElementor template systemACF content architectureCustom Post Typesrelationship fieldsdynamic queriesproduct login linkssoftware download deliverytrial and sandbox entry points
כל הפרויקטים צרו קשר