ד"ר רואי גוניק
רפואה משלימה · אפיון · בנייה · 3 שפותד"ר רואי גוניק הוא דוקטור לרפואה סינית (OMD) ולנטורופתיה (ND), ומנהל מרפאה לרפואה טבעית ומשלימה. לצד המרפאה יש לו עוד כמה קווי פעילות: בריאות האישה, תוכניות דיגיטליות, ספר, חנות ויטמינים והוראה. כולם ישבו באתר ישן אחד, בלי היררכיה ביניהם. בניתי אתר חדש על בסיס התוכן הקיים, בלי לאבד אף פוסט, עם מבנה שמוביל כל מבקר לנתיב שלו, ובשלוש שפות: עברית, אנגלית ויוונית. עשיתי את זה לבד, מהמיגרציה ועד התיקונים שאחרי העלייה לאוויר.
30 שניות, אם אתה ממהר.
שמונה קווי פעילות באתר אחד, בלי סדר ביניהם. הירו שקשה לקרוא, תפריט של 9 פריטים, "צוות" של תמונות סטוק, ואנגלית בתרגום חינמי שהחזיר חלקים בעברית. היה צריך להעביר את כל התוכן בלי לאבד דף, ולבנות אתר שמחזיק את כל הקווים, בשלוש שפות.
לכל קו פעילות בניתי דף hub עם כרטיסים, ולכל תחום טיפול דף שירות בתבנית אחידה. עיצבתי ובניתי ישר בסביבת בנייה, בסבבים קצרים מול הלקוח. את שלוש השפות בניתי על Polylang, כשלכל שפה יש דפים, תפריט ופוטר משלה, במקום תרגום מכונה שחוזר לעברית.
האתר עלה לאוויר בדומיין www.drgonik.com בתחילת יולי 2026, עם כ-87 דפים בכל שפה. כל 26 הפוסטים עברו, זיכרון התרגום מכוסה ב-100%, ובסריקת מובייל של כ-263 כתובות לא נמצאה אף בעיית גלילה אופקית. אחרי העלייה מצאתי ותיקנתי גם תקלות שעצרו לידים בדרך ללקוח.
אותו מסר. מבנה אחר לגמרי.
גררו את הקו כדי להשוות. משמאל: דף הבית של האתר הישן, עם תמונת יער עמוסה ופסקה לבנה ארוכה מעליה. מימין: דף הבית החדש. המסר "כשהמדע והטבע נפגשים" נשמר, אבל עכשיו הוא קריא, והתארים צמודים לשם כבר בכותרת הראשית.
לפניאחרי
צילום ה"לפני" נלקח מהאתר הישן לפני ההחלפה. צילום ה"אחרי" נלקח מהאתר החי באוקטובר 2026.
מה מצאתי כשפירקתי את האתר הישן.
הלקוח לא מוכר טיפול אחד. יש לו קליניקות עם 15 תחומי טיפול, תחום של בריאות האישה וההורמונים, תחום של כאב, תוכנית דיגיטלית, ספר, חנות ויטמינים, הוראה ובלוג. לפני שבניתי משהו, עברתי על האתר הקיים ועל כל הדפים שלו. זה מה שמצאתי.
הירו שקשה לקרוא
תמונת יער סתווי עמוסה בכתום, אדום וירוק, ומעליה פסקה ארוכה בטקסט לבן. המסר הכי חשוב של המותג נבלע ברקע.
תפריט בלי היררכיה
9 פריטים ברמה העליונה, לרובם תפריטים נפתחים. "Longevity", "כאב" ו"תחומי טיפול ושירותים" עמדו זה לצד זה, ולא היה ברור מה ראשי ומה משני.
"צוות" של תמונות סטוק
כל תמונות הצוות באתר הישן היו אנשים אקראיים מאתרי סטוק, ולא הצוות האמיתי של המרפאה. באתר שמבקש אמון רפואי, זו בעיה.
אייקוני סושיאל שלא מובילים לשום מקום
הווידג'ט הועתק בלי קישורים בכל הגרסאות של האתר. עד סוף מאי 2026 אף אחד מהאייקונים לא היה לחיץ.
שאריות וכפילויות
7 דפי קורסים, 9 דפי WooCommerce שנשארו מחנות ישנה (השוואה, מועדפים, עגלה, תשלום), פוסט כפול ודפי Longevity כפולים.
אנגלית שחוזרת לעברית
האנגלית רצה דרך הגרסה החינמית של TranslatePress. כל מחרוזת שלא תורגמה הוצגה בעברית בתוך הדף האנגלי, כך שחלקים שלמים נשארו בעברית.
ההחלטה הבסיסית: אתר חדש שבנוי על התוכן הקיים. לא כתבתי את התוכן מחדש. העברתי אותו למבנה חדש, בהשראת האתר של מרכז לרפואה תזונתית (rambam-medicine.org.il), שאת מבנה דפי ה-hub והשירות שלו ניתחתי לפני שהתחלתי. על האתר הישן לא עשיתי מדידות ביצועים או נגישות, ולכן אין כאן מספרי "לפני" כאלה.
כל פריט בתפריט הוא קו פעילות.
ב-25 במאי 2026 פירקתי את פריט התפריט "השירותים שלנו". את "כאב" ו-Longevity הכנסתי מתחת ל"קליניקות", ואת אודות, המאמרים והגלריה ריכזתי תחת "עוד אצל ד"ר גוניק". נשארו 8 פריטים ברמה העליונה, וכל אחד מהם מוביל לקו פעילות אחד.
קליניקות
- דף hub עם 15 כרטיסים/klinikot/
- 13 תחומי טיפול
- כאב: גב, פריצות דיסק, מפרקים, ראש, בטן
- Longevity
בריאות האישה
- דף hub
- איזון הורמונלי
- כאבי מחזור
- פוריות
- גיל המעבר
- BHRT
מוצרים
- תוכניות דיגיטליותמוביל ל-Kajabi
- הספר: 4 דפים, LTR/sefer/
- חנות הויטמיניםshop.drgonik.com
עוד אצל ד"ר גוניק
- אודות וצוות המרפאה
- מאמרים/maamarim/
- גלריה
קשר ושפות
- צור קשר
- מדיניות פרטיות · תנאי שימוש
- אנגלית/en/
- יוונית/el/
כל החלטה, והסיבה שמאחוריה.
התארים צמודים לשם
הכותרת הראשית היא "ד"ר רואי גוניק OMD · ND" בשורה אחת, כשהתארים בגודל של 0.65em מהשם. במקצוע שבו אמון הוא הכל, ההסמכה מופיעה כבר בשורה הראשונה ולא בפסקה בהמשך.
שישה כרטיסי נתיב מתחת להירו
קליניקות, תוכניות דיגיטליות, בריאות האישה, חנות הויטמינים, צוות המרפאה והספר. לכל כרטיס תמונה בגובה קבוע של 240px, כותרת, תיאור וקישור. כל מבקר מוצא את הנתיב שלו בלי לפתוח את התפריט.
"מתי נוח שנתקשר?" במקום "הודעה"
טופס החזרה "רוצים שנתקשר אליכם?" מבקש שם, טלפון ומייל, ובמקום שדה הודעה פתוח הוא שואל מתי נוח לדבר: בוקר, צהריים או ערב. קל יותר לבחור זמן מאשר לנסח בעיה רפואית בכתב.
תבנית hub אחת לכל קווי הפעילות
הירו ירוק כהה עם שכבה מעל תמונה, ומתחתיו גריד כרטיסים: תמונה, כותרת, תיאור קצר וכפתור "לפרטים נוספים" ברוחב מלא. מי שלמד לנווט ב"קליניקות" כבר יודע לנווט ב"כאב" וב"בריאות האישה".
4 עמודות רק מ-1700px
הגרסה הראשונה של הגריד נתנה 4 עמודות כבר מ-1367px, ובמסך לפטופ הכרטיסים יצאו צפופים. הלקוח העיר על זה, ותיקנתי באותו יום: 4/3/2/1 עמודות, כש-4 עמודות מופיעות רק מ-1700px.
עדויות וידאו, רק וידאו
רצועה אופקית של 5 סרטונים אנכיים (9:16) עם scroll-snap שעובד ב-RTL. הוספתי צילום מסך של הודעה ככרטיס שישי, והלקוח ביקש להשאיר ברצועה רק סרטונים. צילומי המסך עברו לסקשן נפרד.
ממאי עד אוגוסט, ישר על האתר.
בפרויקט הזה לא היה שלב של קבצי עיצוב. עיצבתי ובניתי ישירות בסביבת הבנייה, והלקוח ראה כל שינוי על אתר אמיתי שעובד, בדסקטופ ובטלפון. כל סבב התחיל בצילום מסך, ונגמר בהחלטה.
מבנה, תפריט וארכיון מאמרים
גרדתי את האתר הישן, ניתחתי את מבנה דפי ה-hub והשירות של אתר הרפרנס, והתחלתי לבנות דפים. ארכיון המאמרים עבר כמה גרסאות: מגריד של 4 עמודות לפריסה עם סיידבר של 6 קטגוריות ומונה פוסטים, וגריד של 3 עמודות לפוסטים. ב-15 במאי עלו גם 4 דפי הספר, ב-LTR כי הספר באנגלית.
סבבים קצרים, החלטה בכל סבב
בשבוע וחצי האלה נבנו העדויות, טופס החזרה, סקשן המספרים, הפוטר והירו חדש. בקריאוּת ההירו הצעתי שכבה ירוקה כהה עם טקסט לבן, שעומדת ב-WCAG AA. הלקוח העדיף הילה סביב הטקסט. הסברתי לו בכתב שהילה לא נספרת בבדיקת ניגודיות, והוא בחר בה בכל זאת. רקע ההירו הוחלף מתמונה ירוקה עמוסה לצמחי מרפא על שיש, עם שכבה לבנה של 0.5.
התמונה של כרטיס "קליניקות" עברה שש גרסאות. הקופסה בגובה קבוע של 240px וברוחב משתנה, כך שכל חיתוך הדוק חתך את הראש. בגרסה הסופית חתכתי את הצילום מול קיר התעודות רק מלמטה, כך שיש אוויר מעל הראש והכתפיים בתוך הפריים.
פוטר, צוות אמיתי ושלוש שפות
בניתי דפי מדיניות פרטיות ותנאי שימוש מקבצים שהלקוח שלח. את פריסת הפוטר, שהשאירה רווחים של כ-200px במסך רחב, החלפתי ב-4 עמודות שוות עם רווח קבוע. בדף אודות הצגתי את 5 אנשי הצוות האמיתיים של המרפאה, במקום תמונות הסטוק. דף הספר עוצב מחדש ב-25 ביוני. במקביל הושלם זיכרון התרגום (18.6), ובין 18 ל-20 ביוני בניתי את האתר מחדש על Polylang בשלוש שפות.
הדומיין עובר לאתר החדש
הדומיין www.drgonik.com הופנה לאתר החדש, בשלוש שפות. מיד אחרי זה סרקתי את כל הכתובות שבמפת האתר, כ-263 בשלוש השפות, ברוחב של 412px, וחיפשתי גלילה אופקית. בעיה אחת נמצאה, בדף צור קשר. תיקנתי אותה, ובסריקה החוזרת התקבלו 0 בעיות.
ניקוי השפות, והלידים שלא הגיעו
ב-11 באוגוסט ניקיתי את האתר האנגלי והיווני מקצה לקצה: עברית שנשארה בדפים, CSS שהוצג כטקסט, תפריטים שהצביעו לשפה הלא נכונה, קישורים שבורים ופונט ליוונית. בין 19 ל-23 באוגוסט מצאתי ותיקנתי שתי תקלות שעצרו פניות בדרך ללקוח: הגדרות המייל של הטופס, וולידציה של שדה הטלפון. הפירוט בסעיף האתגרים.
מה הוחלט, ומתי.
| תאריך | נושא | מה הוחלט |
|---|---|---|
| 12–13.5 | ארכיון מאמרים | אחרי כמה גרסאות: סיידבר קטגוריות מימין וגריד של 3 עמודות. |
| 25.5 | תפריט | פירוק "השירותים שלנו". נשארו 8 פריטים ברמה העליונה. |
| 27.5 | גריד hub | 4 עמודות רק מ-1700px, 3 בלפטופ, 2 בטאבלט ו-1 בנייד. |
| 28.5 | כרטיסי "קצת מספרים" | לבקשת הלקוח, בצבעי העמוד: ירוק #E6F0E9, לילך #ECECF6 ולבן. |
| 28.5 | שכבת הפוטר | שכבה ירקרקה #DCEFC8 ב-0.5 במקום שכבה בהירה שכיסתה את התמונה. אושר. |
| 28.5 | קריאוּת ההירו | הצעתי שכבה ירוקה כהה שעומדת ב-AA. הלקוח בחר הילה, אחרי הסבר בכתב. |
| 29.5 | צבע CTA | ירוק הלוגו #8CC63F, מול אדום. הוחל על כל הכפתורים באתר. |
| 29.5 | רקע ההירו | צמחי מרפא וסטטוסקופ על שיש, עם שכבה לבנה של 0.5. |
| 29.5 | עיצוב הפוטר | מתוך שתי גרסאות נבחרה זו עם רקע ההירו, שכבה לבנה ולוגו גדול. |
| 29.5 | לוגו בפוטר | בדסקטופ קטן ומיושר לצד, במובייל גדול וממורכז. |
| 29–31.5 | תמונת "קליניקות" | גרסה 6: חיתוך עדין מלמטה בלבד, הראש שלם ויש אוויר מעליו. |
| 3–4.6 | פריסת הפוטר | 4 עמודות שוות עם רווח קבוע, הלוגו מיושר לתחילת השורה בכל שפה. |
| 1.7 | עדויות וידאו | 5 סרטונים בלבד, בכרטיס של 250px. צילומי המסך בסקשן נפרד. |
| 11.8 | פונט ליוונית | Manrope, אחרי השוואה בין כמה פונטים. |
ירוק מהלוגו, לילך מהעמוד.
הלוגו של ד"ר גוניק הוא עיגול מכחול ירוק, ומשם יצא צבע הקריאה לפעולה. סביבו בניתי סולם של ירוקים עמוקים לכותרות ולדפי ה-hub, ולילך לסקשנים של המספרים והקהילה.
פלטה (מהקוד)
טיפוגרפיה
Heebo משמש לעברית ולאנגלית. ליוונית אין בו גליפים, ולכן היוונית מקבלת Manrope, רק בדפים של html[lang^="el"].
כרטיס hub
פינות של 20/20/15/15, צל רך, ריחוף שמרים את הכרטיס ב-6px, וכפתור ירוק ברוחב מלא שמודבק לתחתית. הכפתורים מיושרים בכל השורה, גם כשהתיאורים באורך שונה.
כרטיסי עדות
עדות טקסט: כרטיס לבן עם פינות של 20, מירכאה שקופה בגופן Georgia וכוכבים. עדות וידאו: יחס 9:16, תג וכיתוב בשתי שורות.
גל לבן ומחליף שפות צף
סקשנים צבעוניים נסגרים בגל לבן. בצד המסך יש מחליף שפות צף לעברית, אנגלית ויוונית, ולצידו כפתור וואטסאפ צף בכל עמוד.
הרופא האמיתי, לא דוגמן
הורדתי מהאתר הישן את הצילומים האמיתיים של ד"ר גוניק: מול קיר התעודות, ליד מיקרוסקופ, בחוץ ועם תוספים. כולם הועלו לאחסון המקומי. בתחומי הטיפול ובמאמרים יש גם צילומי סטוק, לצד תמונות שהלקוח שלח.
מערכת CSS אחת, כ-40 דפים.
הבסיס הוא WordPress עם Astra ו-Elementor Pro. את הדפים החדשים כתבתי כ-HTML ו-CSS מותאמים בתוך Elementor, על מערכת מחלקות משותפת, כך ש-4 דפי ה-hub וכ-25 דפי השירות נראים ומתנהגים אותו דבר.
gk-page · gk-hubמערכת ה-CSS המשותפת: תבנית דף שירות (הירו מפוצל, קופסאות, כותרות עם פס ימני, ציטוט ו-CTA) ותבנית hub עם גריד רספונסיבי.
REST pipelineעריכה בלי ממשק: סקריפטים ב-Python וב-Node מול WP REST, שמירה דרך Elementor שמרעננת את ה-CSS, וניקוי של שתי שכבות המטמון אחרי כל שינוי.
counter_animation.jsמונים בסקשן "קצת מספרים" שמתחילים לרוץ כשהם נכנסים למסך, עם easeOutCubic ועיכוב מדורג של 0, 120, 240 ו-360ms.
gk-vtestרצועת עדויות הווידאו: גלילה אופקית עם scroll-snap שעובדת נכון בכיוון מימין לשמאל.
pll-switcher.phpmu-plugin שכתבתי למחליף השפות הצף: עברית, אנגלית ויוונית, בכל עמוד.
Snippet #8מנקה את שדה הטלפון לפני הוולידציה של Elementor, כך שמספר עם רווחים או עם תו כיווניות נסתר עובר.
gk-i18nתבניות שמשרתות את שלוש השפות בבת אחת: span לכל שפה שמוצג לפי השפה של העמוד, וכפתור CTA משותף שפוצל לשלושה.
_el_which_source.pyבודק אם הטקסט שמוצג בדף נמצא ב-post_content או בנתונים של Elementor, ורק אז עורך את השדה הנכון.
מיגרציה
- דוח השוואה בין האתר הישן לחדש: כל 26 הפוסטים עברו, ועוד 9 חדשים.
- כ-32 דפים מופו ממזהה ישן למזהה חדש.
- 7 דפי הקורסים ו-9 דפי ה-WooCommerce לא הועברו, בכוונה או בהמתנה לאישור.
תמונות
- 15 תמונות חיצוניות, שנטענו מאתרים אחרים, הורדו והועלו לאחסון המקומי.
- סריקה של 37 דפים: לכולם יש תמונה ראשית, ואין אף כרטיס בלי תמונה.
- כרטיסי המאמרים קיבלו יחס קבוע של 3/2, כך שתמונה אנכית כבר לא יוצאת צרה.
כלל עבודה קבוע
- לקרוא את ה-CSS החי לפני כל שמירה, ולא קובץ מקומי.
- אחרי כל שינוי: שמירה דרך Elementor, ניקוי המטמון שלו וניקוי SpeedyCache.
- סקריפטים שאפשר להריץ שוב בלי נזק, עם בלוקים מסומנים ב-CSS.
שלוש שפות, ולכל אחת אתר שלם.
ללקוח יש מטופלים בישראל, קהל דובר אנגלית ונוכחות ביוון. במקום תרגום מכונה על דף עברי, כל דף ופוסט קיבל גרסה משלו בכל שפה, עם תפריט, פוטר ותבניות משלה. העברית בלי קידומת, האנגלית תחת /en/ והיוונית תחת /el/.
צילומי האנגלית והיוונית נלקחו ביוני 2026.
2,929 מחרוזות, 100%
זיכרון התרגום הגיע ל-2,929 מחרוזות, מכוסות במלואן בעברית, באנגלית וביוונית. מילון של 2,587 רשומות מעברית לשתי השפות שימש להעתקת הדפים.
180 גרסאות בלי כלי המוני
ל-Polylang אין כלי לתרגום המוני של דפי Elementor. כתבתי helper ב-PHP בצד השרת, שמחליף מחרוזות בתוך הנתונים של Elementor. כך נוצרו 180 גרסאות של 90 דפים ופוסטים, בין 18 ל-20 ביוני.
ניקוי מקצה לקצה
ב-11 באוגוסט עברתי על 87 דפים בכל שפה. 66 דפים באנגלית עם עברית גלויה ירדו ל-0, וכל 87 הדפים היווניים נמצאו נקיים. 17 פריטי תפריט ביוונית ו-17 באנגלית הצביעו לדפים העבריים, ותוקנו. מונח מקצועי ביוונית תוקן ב-66 מופעים.
הפונט שחסר ליוונית
ל-Heebo, ל-Assistant ול-Poppins אין גליפים יווניים, ולכן הטקסט היווני נפל לפונט ברירת המחדל של כל מכשיר, ונראה אחרת בכל טלפון. ניסיתי קודם להשלים את הגליפים דרך unicode-range, וזה לא עבד, כי Chrome העדיף פרצופים אחרים של Heebo שתופסים את אותם תווים. בסוף בחרתי Manrope, רק לדפים ביוונית. את הרינדור אימתתי לפי הפונט שהדפדפן באמת צייר, ולא לפי ה-CSS שהוגדר.
טקסט ביוונית באתר, עם המינוח המתוקן בכותרת המשנה.
רק מה שנספר בפועל.
כל המספרים כאן הם בדיקות שהרצתי על האתר, עם התאריך שבו נעשו. מספרי שיווק, כמו תנועה והמרות, לא נמדדו, ולכן הם לא מופיעים.
| תאריך | תוצאה | מה נבדק |
|---|---|---|
| 27.5.2026 | 26/26 | פוסטים שעברו מהאתר הישן, ועוד 9 פוסטים חדשים. |
| 27.5.2026 | 37/37 | דפים עם תמונה ראשית בסריקת תמונות. 0 כרטיסים ריקים. |
| 27.5.2026 | 15 | תמונות חיצוניות שהועברו לאחסון המקומי. |
| 18.6.2026 | 2,929 (100%) | מחרוזות בזיכרון התרגום, בשלוש השפות. |
| 20.6.2026 | 180 | גרסאות שפה שנוצרו מ-90 דפים ופוסטים. |
| 5.7.2026 | 0 | בעיות גלילה אופקית, בסריקה של כ-263 כתובות ב-412px (אחרי תיקון דף צור קשר). |
| 11.8.2026 | 66 ← 0 | דפים באנגלית עם עברית גלויה. |
| 11.8.2026 | 87/87 | דפים ביוונית בלי עברית גלויה, בבדיקה בדפדפן. |
| 11.8.2026 | 53 ← 0 | דפים שהציגו CSS כטקסט: 27 באנגלית ו-26 ביוונית. |
| 11.8.2026 | 25 ← 9 | קישורים פנימיים שבורים. ה-9 שנשארו מצביעים לקבצים שלא קיימים בשרת. |
| 11.8.2026 | 360 | קישורים פנימיים שהצביעו לשפה הלא נכונה והופנו לשפה של הדף. |
| 11.8.2026 | 99 | קישורים פנימיים עם פרמטרי utm מיותרים שנוקו, 33 בכל שפה. |
| 11.8.2026 | 7 | קטגוריות בלי שפה שהוגדרו בשלוש השפות. בלעדיהן, הארכיון שלהן החזיר 404. |
לא נמדדו: תנועה, המרות, מהירות טעינה, דירוגים בגוגל ומספר לידים לפני ואחרי. גם על האתר הישן לא נעשו מדידות ביצועים או נגישות. בהירו נבחרה הילה ולא שכבה שעומדת ב-AA, וטקסט לבן על ירוק הלוגו לא עומד בניגודיות AA. תיעדתי את שניהם בכתב ללקוח, והם נשארו כך לבקשתו.
טופס שעובד, ולידים שלא מגיעים.
אתר בשלוש שפות, עם תבניות משותפות ושתי שכבות מטמון, נשבר בדרכים שלא רואים מבחוץ. אלה התקלות שלימדו אותי הכי הרבה בפרויקט. לחצו על כל אחת כדי לפתוח אותה.
המוצר עצמו.
הצילומים נלקחו מהאתר החי. העבירו את העכבר על דף הקליניקות כדי לגלול אותו, ולחצו על כל תמונה כדי להגדיל.
דף ה-hub של הקליניקות: הירו ירוק כהה ו-15 כרטיסי תחומי טיפול, בגריד של 3 עמודות ברוחב הזה
השם והתארים בשורה אחת, המסר מתחת, ושישה כרטיסים שמובילים לכל קו פעילות: קליניקות, תוכניות דיגיטליות, בריאות האישה, חנות הויטמינים, צוות המרפאה והספר.
אותה תבנית hub: הירו ירוק כהה עם שכבה מעל תמונה, וכרטיסים לגב, לפריצות דיסק, למפרקים, לראש ולבטן.
Longevity עבר מהתפריט הראשי אל מתחת ל"קליניקות", וקיבל את אותה תבנית בדיוק.
תבנית דף השירות: הירו מפוצל לטקסט ותמונה, כותרת בירוק עמוק ב-Heebo 800 וכפתור לקביעת תור.
תפריט נפרד לכל שפה, פריסה משמאל לימין, ומחליף השפות הצף בצד המסך.
אותו מבנה, בעמודה אחת.
יש לכם עסק עם כמה קווי פעילות?
אפשר לבנות אתר שמחזיק את כולם, גם בכמה שפות, בלי לאבד את התוכן שכבר יש לכם.
בואו נדבר →