
פרלה נעמן היבנר · אפקט פרלה
אתר לקורס ולמותג אישי · אפיון · UX/UI · Elementorפרלה היא מעסה מחדרה. אחרי 40 שנה כמנהלת חשבונות היא עשתה הסבה מקצועית, זכתה במדליית זהב באליפות ישראל בעיסוי שוודי (2024) ובמקום שישי בעולם (2022), ופיתחה שיטה משלה: "אפקט פרלה". היה לה דף נחיתה צבעוני אחד עם פרטים שכבר לא היו מעודכנים. בניתי לה את effect-perla.com: אתר של 6 עמודים שמוכר קורס השתלמות, בונה סמכות סביב הסיפור שלה, ונראה כמו שהיא, צבעוני וחם, ולא כמו תבנית ספא.

30 שניות, אם אתה ממהר.
למכור קורס השתלמות, ולא רק טיפול, ולבנות סמכות סביב מי שהגיעה למקצוע בגיל מבוגר. ללקוחה היה קשה לנסח מה היא רוצה, הקהל מבוגר, והחומרים היו מפוזרים בין ג'מבו מייל, וואטסאפ ופייסבוק.
במקום להסביר, הראיתי. ארבעה כיווני עיצוב מנוגדים, ואחריהם אתר מלא כתצוגה חיה. הסלוגן שלה הפך לרעיון המארגן של האתר: מסע של ארבע תחנות, מהלב לידיים, לשריר ולנשמה.
effect-perla.com חי באוויר מספטמבר 2026: עמוד קורס עם טאבים, טבלת השוואה, סילבוס וטופס, גלריה של צילומים אמיתיים, 11 סרטוני המלצה, 3 כתבות בעיתונות, ועמודי מנהלה. כל זה בשפת הצבעים של המותג שלה.
מ"שוקולד וזהב" לצבעים של פרלה.
גררו את הקו כדי להשוות. משמאל: דף הבית ביולי 2026, בפלטת שוקולד וזהב. מימין: דף הבית החי היום. פרלה אמרה שדף הנחיתה הישן שלה "יותר אני", ובספטמבר העברתי את כל האתר לגרדיאנט של הלוגו שלה ולרקע הבוקה הוורוד.
יולי 2026באוויר
גם ה-H1 השתנה בדרך: מ"קורס עיסוי שוודי" ל"קורס השתלמות בעיסוי", לבקשת פרלה.
סמכות, בלי לאבד את החום.
לפרלה יש שני מותגים: הקליניקה "פרלה כשגוף ונפש נפגשים", והשיטה "אפקט פרלה". יש לה מדליות, כתבות בעיתונות ומעל 1000 לקוחות חוזרים. מה שלא היה לה זה אתר שמספר את כל זה ומוכר את הקורס.
השתלמות, לא קורס לתעודה
הקורס לא מקנה תעודה מוכרת, רק תעודת השתתפות, ופרלה הקפידה שאף ניסוח באתר לא ירמוז אחרת. האתר היה צריך למכור את הקורס כהשתלמות מקצועית, בלי להבטיח מה שהוא לא נותן.
קורס אחד, ארבעה קהלים
פרונטלי או דיגיטלי, ובתוך כל אחד: מעסות מקצועיות או מי שרוצה לפנק את המשפחה. פרלה לא רצתה הפרדה חדה, כי זה אותו קורס, אותה כיתה ואותו מחיר.
לקוחה שלא מנסחת
את דף הבית הראשון היא דחתה לגמרי, ולא הצליחה לתת רפרנס. מסמך האפיון לא עזר לה, והיא ביקשה לראות משהו חי. היה צריך תהליך שבו היא מגיבה, ולא מתארת.
קהל מבוגר, במובייל
כמעט כל ההערות היו על גודל טקסט וקריאות במובייל, כי "אף אחד לא ניגש למחשב". בנוסף, מאות תמונות וסרטונים הגיעו מפוזרים, וחלקם דרשו טשטוש פנים לבקשת הבוגרות.
"העיסוי שלי בא מהלב לידיים, מהידיים לשריר ומהשריר לנשמה." זה הסלוגן של פרלה, בניסוח שהיא עצמה תיקנה. ממנו יצא הרעיון המארגן של כל האתר.
מסע של ארבע תחנות.
האפיון התחיל ממסמך אסטרטגי: מיפוי נכסים, מערכת עיצוב וארכיטקטורה. ההמרה הראשית היא לידים לקורס, המשנית היא פניות לטיפול בקליניקה, ומעליהן בניית אמון. הסלוגן הפך למוטיב: לב, ידיים, שריר, נשמה, עם קו זהב ו"פנינה" מהלוגו.
בית
- Hero ושלט "חומוס וטלנובלה"
- ארבע התחנות
- הישגים
- 3 דרכים ללמוד
- מי אני · המלצות
הקורס
- טאבים: פרונטלי / דיגיטליובתוכם: מעסות / משפחה
- טבלת השוואה
- סילבוס: 8 שיעורים
- שאלות · טופס · איך משלמים
אודות וגלריה
- הסיפור של פרלה
- גלריה: 25 צילומים אמיתייםתחרויות, שיעורים, תעודות, התנדבות
המלצות
- התלמידה הראשונהריאיון וידאו
- 11 סרטונים · 7 המלצות כתובות
- 3 כתבות בעיתונות
מנהלה
- תקנון
- מדיניות פרטיות
- תנאי שימוש
- הצהרת נגישות
שתי מטרות, שלוש דרכים להגיע.
כל החלטה, והסיבה שמאחוריה.
טאבים מקוננים, לא עמודים נפרדים
רמה ראשונה: פרונטלי או דיגיטלי. בתוך כל אחד: מעסות מקצועיות או פינוק המשפחה. כך כל קהל מוצא את עצמו, בלי לפצל קורס אחד לארבעה מוצרים.
תעודה, בלי להבטיח יותר מדי
בעמוד הקורס יש בלוק "חשוב לדעת לגבי תעודות" ושורה בטבלת ההשוואה שאומרת במפורש שהקורס לא מקנה תעודה מוכרת. אמון נבנה גם ממה שלא מבטיחים.
לתת להצביע, לא לנסח
אחרי שהתצוגה הראשונה נדחתה, הצגתי ארבעה כיוונים שונים לגמרי. "אוהבת 1, 3, 4, לא את 2" נתן לי יותר כיוון מכל בריף.
מובייל קודם, ובגדול
במובייל כל הטקסט ממורכז, ההדר ירד מ-91px ל-69px בלי להישבר ב-360px, וכפתור הוואטסאפ עבר מההדר לבועה צפה.
שלט שאי אפשר לפספס
"תלמדו מה הקשר בין אפקט פרלה לחומוס ולטלנובלה" עבר שלושה סבבים, מכרטיס עדין למדבקה בולטת עם אימוג'י ואנימציה. הלקח: עם פרלה, להתחיל ישר מהגרסה הבולטת.
"איך משלמים", בלי סליקה
אין סליקה באתר. בלוק אחד מסביר את דרכי התשלום ואת המקדמה שמבטיחה מקום, והוא מוצע רק למסלול הפרונטלי. המסלולים האחרים מסומנים "בקרוב" עד שהם ייפתחו.
מתצוגה שנדחתה לאתר שהוא "יותר אני".
הפרויקט עבר כמה שינויי כיוון, וכל אחד מהם היה תגובה למשהו שפרלה ראתה. היו לפחות שמונה סבבי הערות מתועדים, ושניים מהם הגיעו כקובצי אקסל מסודרים.
תצוגה שנדחתה, וארבעה כיוונים
התצוגה הראשונה של דף הבית, ב-rose-gold על קרם, נדחתה לגמרי. למחרת הצגתי ארבעה כיוונים מנוגדים: אלופה (כהה ונועז), מגזין, צבע נועז ומינימל לבן. פרלה אהבה את 1, 3 ו-4, ואת 3 הכי הרבה, אבל בלי הרקע הירוק. ב-21.7 כבר היה אתר מלא של 6 עמודים כתצוגה חיה, שמשלב את שלושתם.




מתצוגה חיה לאלמנטור
נוספו טבלת השוואה, סילבוס, טופס בעמוד הקורס וכפתור וואטסאפ צף, ואז בניתי את האתר ב-Elementor בקונטיינרים מקוריים. בסוף אוגוסט הגיע סבב של 34 הערות, ויושם כולו חוץ מהתמונות האמיתיות, שעוד לא הגיעו.
מאות קבצים, ותמונות אמיתיות
החומרים הגיעו בג'מבו מייל, בוואטסאפ ובקישורי פייסבוק ואינסטגרם. טשטשתי פנים בתמונות ובסרטון של 92 שניות, קודדתי מחדש את סרטוני ההמלצה, והחלפתי 3 המלצות דמה ב-7 המלצות כתובות אמיתיות. סבב שני של 32 הערות סגר את השלב.
מ"פורמלי" ל"חי"
פרלה ביקשה "טאצ' רוחני" ברקעים. המנדלה שבניתי לא נראתה, ואחר כך לא מצאה חן בעיניה. הפתרון היה ענף פרחוני שכבר היה בקריאייטיב שלה. ואז היא אמרה שדף הנחיתה הישן "יותר אני", והעברתי את כל האתר לגרדיאנט של הלוגו שלה. בהשוואה ביניהם, הישן היה חי ומשדר את האופי שלה, והאתר עוד היה רציני מדי.
דומיין, מנהלה וחידודים
העברתי את effect-perla.com לאתר החדש, ושמרתי את דף הנחיתה הישן כעותק. נבנו 4 עמודי מנהלה, ואחריהם סבבי חידוד: H1 חדש, שלט החומוס, מסלולים חדשים, "איך משלמים", תג הדירוג בגוגל, מרכוז במובייל, תוסף נגישות ובאנר עוגיות בעברית.
הגרדיאנט של הלוגו שלה.
"אני לא הרצינית הפורמלית", אמרה פרלה. לכן הפלטה לא נבחרה מספרייה, אלא נלקחה מהמותג שלה: הגרדיאנט הכתום-ורוד של הלוגו, ורקע בוקה ורוד-אפרסק. רק מקטע ההישגים והפוטר נשארו כהים, כעוגן.
פלטה
טיפוגרפיה
Rubik עם הצורות העגולות הגיע מכיוון 3, ו-Heebo 900 מכיוון 1. האתר כולו RTL מלא, ובמובייל כל הטקסט ממורכז.
ענף מהמותג, לא מנדלה גנרית
הענף הפרחוני בקו רוז-גולד חולץ מהקריאייטיב של פרלה ומשמש כמפריד בין מקטעים וכגפן בשוליים. ה-CSS של הקישוט ירד מ-53KB ל-5.7KB.
גרדיאנט שעובר ניגודיות
הגרדיאנט המקורי של דף הנחיתה נפל ב-AA. לכפתור יש גרדיאנט כהה יותר, ולכותרות גרדיאנט טקסט נפרד, כך שכל נקודה בו עוברת ניגודיות על הרקע הוורוד.
תנועה עדינה, שאפשר לכבות
גרדיאנט זז בכפתור הראשי, פעימה על כפתור ה-Hero, ריחוף על כרטיסים ופרלקסה על הקישוט. כל האפקטים כבויים כשהמשתמש ביקש להפחית תנועה.
הקו והפנינה
ארבע התחנות מחוברות בקו זהב, ועל כל תחנה יושבת "פנינה" מהלוגו. כך הסלוגן הפך לרכיב שמופיע בדף הבית, ולא רק לשורת טקסט.
אלמנטור אמיתי, וקוד רק איפה שחייבים.
האתר בנוי ב-WordPress עם Astra ו-Elementor Pro, בקונטיינרים ובווידג'טים מקוריים של אלמנטור ולא בווידג'ט HTML אחד, כדי שיהיה אפשר לערוך אותו. קוד נכתב רק לטבלת ההשוואה, למוטיבים ולמערכת העיצוב.
perla-design.phpmu-plugin שטוען את מערכת העיצוב והפונטים. הוא מוסיף class ל-body, וכל בורר נשען עליו כדי לגבור על אלמנטור בלי !important.
design.cssמערכת העיצוב: טוקנים, גרדיאנטים, טבלת ההשוואה והמוטיבים. נתיבים יחסיים בלבד, כדי שמעבר דומיין לא ישבור אותה.
push / pullמשיכה ודחיפה של נתוני אלמנטור, עם גיבוי לכל עמוד לפני כל דחיפה וסימני גבול סביב בלוקי CSS, כך שדחיפה חוזרת מחליפה ולא משכפלת.
Theme Builderהדר ופוטר משלהם. ההדר במובייל ירד ל-69px, והתפריט הנפתח נבדק לפי ה-display שלו ולא לפי מצב הכפתור.
gettextמסנן שמתרגם את באנר העוגיות לעברית. ארבעת הכפתורים הצפים סודרו בפינות כך שאין ביניהם חפיפה.
/lp/עותק של דף הנחיתה הישן, עם noindex. השרת הוריד את הנכסים ישירות מהאחסון הישן, בלי העלאה ידנית.
מה נבדק
- ניגודיות מחושבת לכל הטוקנים ולכל נקודה בגרדיאנטים, כולל תיקון כפתור שנפל ל-2.80.
- הכפתורים הצפים: 0 חפיפות, ב-4 מכשירים ו-3 מצבים.
- ההדר במובייל לא נשבר ב-360px.
מדיה
- סרטוני ההמלצה קודדו מחדש ל-854p: מ-34–63MB ל-1.4–2.2MB כל אחד.
- טשטוש פנים לבקשת שתי בוגרות, כולל בסרטון של 92 שניות.
- ספירת מלאי: 23 קבצים בשימוש מתוך 103 לפני הסבב, ו-36 אחריו.
מה עוד לא נמדד
- אין לי נתוני תנועה, פניות או נרשמות לקורס.
- לכן אני לא מציג כאן תוצאות עסקיות.
- מה שמוצג כאן נבדק טכנית, ולא הוערך.
כשהבעיה היא לא מה שנראה.
בפרויקט הזה רוב ההערות הגיעו כתחושה ("קטן", "פורמלי", "אין כלום"), והעבודה הייתה למצוא את הסיבה המדויקת. לחצו על כל אחת כדי לפתוח אותה.
01"אותיות קטנות", תשע פעמיםהערה אחת, תיקון אחד
+
בסבב של 32 הערות, פרלה כתבה "אותיות קטנות מדי" תשע פעמים, במקומות שונים באתר.
כל התשע הצביעו על אותו רכיב: תווית המקטע, ב-14.6px.
תיקון אחד במערכת העיצוב: 1.05rem וקו זהב מוביל. תשע הערות נסגרו בשורה אחת.
02"בשטחים הלבנים אין כלום"קישוט שאי אפשר לראות
+
הוספתי מנדלה ברקע, ופרלה לא ראתה אותה בכלל.
קו נחושת בשקיפות 7% על קרם נותן הפרש של כ-10 רמות בהירות. בעין, זה כלום.
חישבתי טווח שנראה (25–32%), ובסוף החלפתי את המנדלה בענף מהקריאייטיב של פרלה עצמה.
03האתר "פורמלי" מול דף הנחיתההרקע היה תמונה, לא CSS
+
פרלה העדיפה את דף הנחיתה הישן, כי הוא "חי". ניסיון לחקות את הרקע שלו בגרדיאנט CSS יצא חיוור.
הרקע שם הוא קובץ תמונה של בוקה ורוד (66KB), לא גרדיאנט.
השתמשתי באותה תמונה, ושיניתי את כל הצבעים שנבנו במקור לרקע כהה, כך שיעבדו על ורוד.
04תמונות ההישגים נראו מתוחות"לשנות יחס התמונה"
+
כל התמונות במקטע ההישגים נראו מעוותות.
הוגדר רק max-height, ו-object-fit היה בפועל fill. התוצאה: מתיחה של כ-19%.
object-fit:contain עם רוחב וגובה אוטומטיים.
05אחרי מעבר הדומיין, בלי רקעה-DB היה נקי
+
האתר עלה על הדומיין החדש, אבל בלי הרקע והקישוטים.
ההחלפה במסד הנתונים עבדה, אבל קובץ ה-CSS של מערכת העיצוב החזיק 5 כתובות מוחלטות לשם הישן.
נתיבים יחסיים לשורש, והמחולל של ה-CSS מוריד סכימה ומארח מכאן והלאה.
06הפנינה שסטתה ב-15pxמרכוז ב-RTL
+
הפנינה על קו המסע לא ישבה במרכז התחנה.
inset-inline-start:50% יחד עם translateX(-50%) פיזי לא ממרכז כשהכיוון הוא RTL.
calc(50% פחות חצי רוחב), בלי transform.
07לשונית שאי אפשר לקרואחום על זהב
+
הלשונית הפעילה בעמוד הקורס יצאה חום על זהב, ופרלה לא הצליחה לקרוא אותה.
אלמנטור קובע את הרקע דרך משתנה, בספציפיות שגוברת על בורר רגיל.
שיניתי את המשתנה עצמו לארגמן #BE123C, במקום להילחם בבורר.
08ארבעה כפתורים צפים, פינה אחתנגישות, עוגיות, וואטסאפ, למעלה
+
כפתור הנגישות ישב על באנר העוגיות, ואחר כך חץ "למעלה" ובועת העוגייה התנגשו.
ארבעה רכיבים צפים מתוספים שונים, כל אחד עם מיקום ברירת מחדל משלו.
מפת מיקומים: וואטסאפ מימין, נגישות משמאל, העוגייה והחץ מעליהם. 0 חפיפות, ב-4 מכשירים.
המוצר עצמו.
הצילומים נלקחו מהאתר החי ב-3.10.2026. העבירו את העכבר על דף הבית כדי לגלול אותו, ולחצו על כל תמונה כדי להגדיל.

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

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

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

"מ־40 שנה בהנהלת חשבונות, לאלופת ישראל בעיסוי", עם המספרים שפרלה מסרה.

רשימה קצרה שעוזרת לכל מבקרת לזהות את עצמה, וכפתור לפרטים ולהרשמה.

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

צילומים אמיתיים מהתחרויות, מהכיתה בחדרה ומסיומי מחזור, ביחסים מעורבים.

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

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






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