פרלה נעמן היבנר · אפקט פרלה

Ram's Designs
פרויקטים אפקט פרלה

פרלה נעמן היבנר · אפקט פרלה

אתר לקורס ולמותג אישי · אפיון · UX/UI · Elementor

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

תפקידאפיון · עיצוב · פיתוח
תעשייהעיסוי · הדרכה
שנה2026
פלטפורמהWordPress · Elementor Pro
היקף6 עמודים · 4 עמודי מנהלה
סטטוסחי באוויר
effect-perla.com
דף הבית של אפקט פרלה: קורס השתלמות בעיסוי מאלופת הארץ
6
עמודי תוכן
ועוד 4 עמודי מנהלה ועמוד ריכוז
4
כיווני עיצוב מנוגדים
כדי שפרלה תוכל להצביע ולא לנסח
66
הערות בשני סבבים מסודרים
9 מהן הצביעו על אותו רכיב
11
סרטוני המלצה באתר
מתוך כ-120 פריטי מדיה
~2MB
לכל סרטון המלצה
במקום 34–63MB, אחרי קידוד מחדש
~11
שבועות מאפיון לאתר חי
יולי עד ספטמבר 2026
סקירת הפרויקט

30 שניות, אם אתה ממהר.

האתגר

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

הגישה

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

התוצאה

effect-perla.com חי באוויר מספטמבר 2026: עמוד קורס עם טאבים, טבלת השוואה, סילבוס וטופס, גלריה של צילומים אמיתיים, 11 סרטוני המלצה, 3 כתבות בעיתונות, ועמודי מנהלה. כל זה בשפת הצבעים של המותג שלה.

לפני / אחרי

מ"שוקולד וזהב" לצבעים של פרלה.

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

דף הבית בפלטת שוקולד וזהב, יולי 2026 דף הבית החי בגרדיאנט כתום-ורוד
יולי 2026באוויר

גם ה-H1 השתנה בדרך: מ"קורס עיסוי שוודי" ל"קורס השתלמות בעיסוי", לבקשת פרלה.

האתגר

סמכות, בלי לאבד את החום.

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

01

השתלמות, לא קורס לתעודה

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

02

קורס אחד, ארבעה קהלים

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

03

לקוחה שלא מנסחת

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

04

קהל מבוגר, במובייל

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

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

אפיון

מסע של ארבע תחנות.

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

effect-perla.com
בית
  • Hero ושלט "חומוס וטלנובלה"
  • ארבע התחנות
  • הישגים
  • 3 דרכים ללמוד
  • מי אני · המלצות
הקורס
  • טאבים: פרונטלי / דיגיטליובתוכם: מעסות / משפחה
  • טבלת השוואה
  • סילבוס: 8 שיעורים
  • שאלות · טופס · איך משלמים
אודות וגלריה
  • הסיפור של פרלה
  • גלריה: 25 צילומים אמיתייםתחרויות, שיעורים, תעודות, התנדבות
המלצות
  • התלמידה הראשונהריאיון וידאו
  • 11 סרטונים · 7 המלצות כתובות
  • 3 כתבות בעיתונות
מנהלה
  • תקנון
  • מדיניות פרטיות
  • תנאי שימוש
  • הצהרת נגישות
זרימות משתמש

שתי מטרות, שלוש דרכים להגיע.

מתעניינת בקורסהמרה ראשית
דף הבית←"גלי את הקורס"←טאב פרונטלי / דיגיטלי←טבלת השוואה וסילבוס←טופס "רוצה פרטים" / וואטסאפ
צריכה לשמוע עודבניית אמון
הישגים←המלצות←סרטוני הבוגרות←כתבות בעיתונות←חזרה לקורס
רוצה טיפולהמרה משנית
מי אני←הקליניקה בחדרה←כפתור וואטסאפ צף
החלטות UX

כל החלטה, והסיבה שמאחוריה.

טאבים מקוננים, לא עמודים נפרדים

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

תעודה, בלי להבטיח יותר מדי

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

לתת להצביע, לא לנסח

אחרי שהתצוגה הראשונה נדחתה, הצגתי ארבעה כיוונים שונים לגמרי. "אוהבת 1, 3, 4, לא את 2" נתן לי יותר כיוון מכל בריף.

מובייל קודם, ובגדול

במובייל כל הטקסט ממורכז, ההדר ירד מ-91px ל-69px בלי להישבר ב-360px, וכפתור הוואטסאפ עבר מההדר לבועה צפה.

שלט שאי אפשר לפספס

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

"איך משלמים", בלי סליקה

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

תהליך

מתצוגה שנדחתה לאתר שהוא "יותר אני".

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

1
20–21.7 · כיוון

תצוגה שנדחתה, וארבעה כיוונים

התצוגה הראשונה של דף הבית, ב-rose-gold על קרם, נדחתה לגמרי. למחרת הצגתי ארבעה כיוונים מנוגדים: אלופה (כהה ונועז), מגזין, צבע נועז ומינימל לבן. פרלה אהבה את 1, 3 ו-4, ואת 3 הכי הרבה, אבל בלי הרקע הירוק. ב-21.7 כבר היה אתר מלא של 6 עמודים כתצוגה חיה, שמשלב את שלושתם.

התצוגה הראשונה של דף הבית
התצוגה הראשונה, 20.7: נדחתה
כיוון 02: מגזין
כיוון 02, מגזין: "לא את 2"
כיוון 03: צבע נועז
כיוון 03, צבע נועז: הכי אהוב, בלי הירוק
כיוון 04: מינימל לבן
כיוון 04, מינימל לבן: ממנו נלקחו המקטעים האווריריים
2
26.7–26.8 · בנייה

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

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

3
31.8–8.9 · חומרים

מאות קבצים, ותמונות אמיתיות

החומרים הגיעו בג'מבו מייל, בוואטסאפ ובקישורי פייסבוק ואינסטגרם. טשטשתי פנים בתמונות ובסרטון של 92 שניות, קודדתי מחדש את סרטוני ההמלצה, והחלפתי 3 המלצות דמה ב-7 המלצות כתובות אמיתיות. סבב שני של 32 הערות סגר את השלב.

4
9–15.9 · שפה

מ"פורמלי" ל"חי"

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

5
17.9–1.10 · עלייה

דומיין, מנהלה וחידודים

העברתי את effect-perla.com לאתר החדש, ושמרתי את דף הנחיתה הישן כעותק. נבנו 4 עמודי מנהלה, ואחריהם סבבי חידוד: H1 חדש, שלט החומוס, מסלולים חדשים, "איך משלמים", תג הדירוג בגוגל, מרכוז במובייל, תוסף נגישות ובאנר עוגיות בעברית.

שפה עיצובית

הגרדיאנט של הלוגו שלה.

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

פלטה

כתום#EA580Cתחילת הגרדיאנט
ורוד-קורל#F43F5Eסוף הגרדיאנט
ארגמן#BE123Cטקסט מודגש, לשונית פעילה
דיו#2B1008טקסט כהה על גרדיאנט
אפרסק#FFF3EAרקע
ורוד#FFE1EAרקע

טיפוגרפיה

מסע אחד של מגעHeebo 900 · כותרות
מהלב לידיים, מהידיים לשריר ומהשריר לנשמה.Rubik · גוף ותוויות

Rubik עם הצורות העגולות הגיע מכיוון 3, ו-Heebo 900 מכיוון 1. האתר כולו RTL מלא, ובמובייל כל הטקסט ממורכז.

ענף מהמותג, לא מנדלה גנרית

הענף הפרחוני בקו רוז-גולד חולץ מהקריאייטיב של פרלה ומשמש כמפריד בין מקטעים וכגפן בשוליים. ה-CSS של הקישוט ירד מ-53KB ל-5.7KB.

גרדיאנט שעובר ניגודיות

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

תנועה עדינה, שאפשר לכבות

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

הקו והפנינה

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

פיתוח

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

האתר בנוי ב-WordPress עם Astra ו-Elementor Pro, בקונטיינרים ובווידג'טים מקוריים של אלמנטור ולא בווידג'ט HTML אחד, כדי שיהיה אפשר לערוך אותו. קוד נכתב רק לטבלת ההשוואה, למוטיבים ולמערכת העיצוב.

WordPressElementor ProAstramu-pluginPythonPlaywrightSiteSEOCookieAdminתוסף נגישות
perla-design.php

mu-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. העבירו את העכבר על דף הבית כדי לגלול אותו, ולחצו על כל תמונה כדי להגדיל.

effect-perla.com
דף הבית המלא של אפקט פרלה

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

effect-perla.com
ארבע התחנות, מסע אחד של מגע
ארבע התחנות

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

effect-perla.com
מקטע ההישגים
הישגים

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

effect-perla.com/about
עמוד האודות
אודות

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

effect-perla.com/course
למי הקורס מתאים
הקורס: למי זה מתאים

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

effect-perla.com/course
מה תלמדי בקורס
הקורס: מה תלמדי

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

effect-perla.com/gallery
הגלריה
גלריה

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

effect-perla.com/press
סרטוני ההמלצה
בוגרות ומטופלות מספרות

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

effect-perla.com/takanon
תקנון האתר
עמודי מנהלה

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

מובייל

ממורכז, גדול וקריא.

דף הבית במובייל
בית
אודות במובייל
אודות
הקורס במובייל
הקורס
גלריה במובייל
גלריה
המלצות במובייל
המלצות
תקנון במובייל
תקנון

יש לכם סיפור שעוד לא קיבל אתר?

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

בואו נדבר →
פרויקטים נוספים

עוד עבודות שלנו

Scroll to Top
קבעו שיחת אסטרטגיה ←