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

Contguard – אתר מוצר בינלאומי לפלטפורמת שרשרת אספקה

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

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

Contguard היא חברת טכנולוגיה המפתחת פלטפורמה מבוססת AI ו-IoT לניטור מטענים, ניהול סיכונים ושיפור הנראות לאורך שרשרת האספקה.

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

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

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

האתגר

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

הפתרון

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

התוצאה

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

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

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

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

המערכת כללה:

  • פתרונות
  • תעשיות
  • טכנולוגיות
  • משאבים
  • מאמרים
  • Case Studies
  • אנשי צוות
  • משרות ותוכן נוסף
תבניות דינמיות לכל סוג תוכן

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

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

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

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

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

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

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

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

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

בסיס שנשמר לאורך זמן

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

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

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

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

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

  • אפיון ארכיטקטורת המידע וסוגי התוכן
  • יצירת Custom Post Types
  • בניית שדות ומבני תוכן עם ACF
  • פיתוח תבניות דינמיות ב-Elementor
  • בניית קשרים בין פתרונות, תעשיות ומשאבים
  • כתיבת Queries להצגת תוכן מקושר
  • פיתוח PHP, JavaScript ו-CSS מותאמים
  • בניית רכיבים ותבניות לשימוש חוזר
  • יצירת ממשק ניהול לפתיחת פוסטים מסוגים שונים
  • בניית בסיס מודולרי להמשך ניהול והרחבה

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

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

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

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

צד לקוח

Elementor-based WordPress implementation with custom HTMLCSS and JavaScriptreusable components and dynamic templates for solutionsindustriesresources and case studies

צד שרת

WordPress CMS with Custom Post TypesAdvanced Custom Fieldsrelationship fieldscustom PHP queries and structured content models

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

האתר הציג מוצר המבוסס על AI ו-IoTאך לא נוספה לאתר עצמו אינטגרציית AI מאומתת במסגרת הפרויקט.

תשתיות ו-DevOps

WordPress CMSElementor template systemACF content architectureCustom Post Typesrelationship fieldsdynamic queries and reusable components
כל הפרויקטים צרו קשר