פלטפורמת HR-Tech מקיפה לחברה ישראלית מובילה
HR+ היא חברת HR-Tech מובילה בישראל, המספקת לארגונים פתרונות מקצה לקצה לפיתוח כוח אדם: e-learning ייעודי, חוויות VR/AR להדרכה, אפליקציות מותאמות, סדנאות מומחים, ופלטפורמת AI ל-HR. הם פנו אלינו עם אתר שנבנה בקוד PHP נקי, מקצועי מאוד מבחינה טכנית, אבל שלא ניתן לעריכה עצמאית. כל עדכון תוכן, הוספת קורס או החלפת תמונה דרשו פנייה למפתח, מה שהפך את האתר ל-bottleneck תפעולי.
בנינו את HR+ מחדש על Elementor עם CSS ו-JavaScript, כך שהבעלים יכולים לערוך הכל בעצמם.
האתגר
HR+ מציעה מגוון רחב של שירותים תחת מותג אחד: HR+ Catalog, HR+ School, HR+ Apps, HR+ Skills, HR+ AI, HR+ Video, HR+ LAD. כל אחד מהם הוא קו שירות עצמאי שצריך להציג בנפרד, אבל גם להשתלב למסר אחד מאוחד.
האתר הקודם נבנה בקוד PHP נקי, וזה היה מקצועי מבחינה טכנית, אבל יצר בעיה ברורה: הצוות של HR+ לא יכול היה לעדכן אותו לבד. הוספת קורס חדש, החלפת תמונה, פרסום מאמר, כל פעולה דרשה מפתח. בעולם של HR-Tech שמשתנה במהירות, זה גזר על האתר להישאר סטטי בזמן שהחברה התקדמה.
המטרה שלנו: לתת לבעלים את השליטה. אתר שמשקף את כל הרוחב של HR+, נראה מודרני ועדכני, ושצוות החברה יכול לתחזק עצמאית בלי לתלות בנו בכל שינוי קטן.
Elementor + CSS + JavaScript לעצמאות מלאה
המעבר מ-PHP נקי ל-Elementor הוא ויתור מודע: אנחנו מאבדים שליטה מוחלטת ברמת הקוד, אבל מקבלים יכולת ניהול עצמאי לבעלים. בשבילם זה ההחלפה הנכונה, הם צריכים גמישות וזריזות, לא קוד נקי שדורש פיתוח בכל שינוי.
כדי שהאתר לא ייראה גנרי כמו כל אתר Elementor אחר, כתבנו שכבת CSS מותאמת אישית מעל התבנית: טיפוגרפיה מותאמת, מערכת צבעים אחידה (ורוד-טורקיז-שחור), אנימציות hover עדינות, gradient overlays, ועיצוב כפתורים ייחודי שלא קיים ב-Elementor הסטנדרטי.
הוספנו גם JavaScript מותאם לאלמנטים אינטראקטיביים שלא קיימים בבילדר: smooth scroll מותאם, hover effects על כרטיסי שירותים, ו-fade-in transitions בין סקשנים. התוצאה: אתר שנראה מותאם אישית, אבל מתחת למכסה עובד על Elementor שהצוות יכול לערוך.
ארכיטקטורת אתר עם 7 קווי שירות
בנינו ארכיטקטורת אתר שמטפלת ב-7 קווי השירות של HR+: HR+ Catalog (קטלוג מוצרי הדרכה), HR+ School (e-learning), HR+ Apps (אפליקציות), HR+ Skills (סדנאות), HR+ AI (פתרונות AI ל-HR), HR+ Video (תוכן ויזואלי), ו-HR+ LAD. כל אחד עם עמוד מותאם, אבל כולם תחת חוויית מותג אחת.
הוספנו סקציות לחיזוק האמון: וידאו testimonials מלקוחות, גלריית פרויקטים שהושלמו, רשימת לקוחות מרשימה (Interbeg, IKEA, INA, Diplomat, Checkmark, IBM, AMD ועוד), ופורטל שמציג את כל הסרטונים והתכנים של החברה.
ניהול עצמאי לבעלים
ההישג המרכזי: HR+ הפכו לעצמאיים. אחרי המסירה, הצוות שלהם יכול לערוך כל מילה, להוסיף עמוד חדש, להחליף תמונה, או להוסיף וידאו, בלי שורת קוד אחת ובלי לפנות אלינו, מה שהיה בלתי אפשרי באתר הקודם.
הדרכנו את הצוות שלהם על הפלטפורמה, הצגנו את ה-template library שיצרנו עבורם (תבניות מוכנות לעמודי שירות, מאמרים, וקייסים), ונתנו להם documentation מסודר.
Redesign מקצה לקצה
- —ניתוח האתר הקיים ומיפוי כל הבעיות
- —תכנון מחדש של מבנה ה-IA והניווט הראשי
- —עיצוב visual identity מרענן שמשלב HR-Tech מודרני עם המיתוג הקיים
- —מערכת עיצוב עקבית (תפריטים, כפתורים, גריד, טיפוגרפיה)
- —תאימות מלאה למובייל ולכל המכשירים
פיתוח Elementor + CSS מותאם
- —WordPress עם Elementor Pro כפלטפורמת ניהול
- —שכבת CSS מותאמת אישית של 800+ שורות לעיצוב ייחודי מעל התבנית
- —JavaScript מותאם לאינטראקטיביות (smooth scroll, hover effects, fade transitions)
- —Templates מוכנים לכל סוג עמוד (שירות, מאמר, קייס)
- —אופטימיזציית ביצועים, lazy loading, caching, Core Web Vitals מעולים
- —תיעוד ניהול עצמאי לבעלים
תוכן ואינטגרציה
- —הטמעת וידאו portal עם עשרות סרטונים של החברה
- —גלריית פרויקטים מסווגת לפי תחום
- —אינטגרציה לטפסי יצירת קשר ולCRM קיים
- —הצגת לקוחות מובילים (Interbeg, IKEA, Diplomat, Checkmark, ועוד)
הצוות של HR+ הפך עצמאי לחלוטין בניהול האתר. הם מעדכנים תוכן, מוסיפים סרטונים וקורסים חדשים, ומפרסמים מאמרים בעצמם, מה שהיה בלתי אפשרי באתר ה-PHP הקודם. האתר משקף עכשיו פלטפורמת HR-Tech מקצועית ועדכנית, ומשמש כלי שיווקי מרכזי שמייצר פניות מארגונים גדולים.