עיצוב דף נחיתה: 12 כללים חשובים עם דוגמאות אמיתיות

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

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

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

1. שמור על השימושיות של דף הנחיתה שלך.

כשאתה נכנס לדף הנחיתה שלך, המבקר באתר צריך להבין מיד:

  • יעד דף
  • פעולה שהוא חייב לנקוט
  • את היתרונות המוצר יביא

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

הנה דוגמה לדף נחיתה מוצלח, שנלקח מהאתר FeedMyInbox, שאפילו תלמיד בית ספר יטפל בו:

2. אל תשתמש יותר מדי גרפיקה.

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

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

שקול את דף הנחיתה של אתר האינטרנט של Dialogix, המציע שירות אינטרנט לניטור רשתות חברתיות:

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

3. מזער את אפשרויות הניווט

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

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

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

4. השתמש בחלונות מודאלית

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

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

לדוגמה, בדף המכירה של התוכנית Capo שיוצר spectrograms של קבצי מוסיקה, חלון מודאלי משמש בצורה של צילום מסך של הממשק שלה:

5. הימנע מאדום בלחצן קריאה לפעולה.

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

.6 לחץ על לחצן הקריאה לפעולה.

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

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

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

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

7. ציין רק מידע על עניין המבקרים באתר.

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

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

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

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

8. אל תבקש מידע רב מדי.

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

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

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

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

9. אל תשאל C מבקרים באתר בבת אחת.

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

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

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

מפתחי הפלאגין של VaultPress שנועדו לתמוך באתרי WordPress יישמו בהצלחה את הכלל הזה:

10. מטרת עיצוב פשוט uncluttered.

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

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

שים לב לדף הנחיתה של היישום דברים 2 עבור iPhone:

כפי שאתה יכול לראות, זה נעשה פשוט עם טעם. עם זאת, הוא מכיל את כל האלמנטים הדרושים: תיאור היישום, צילומי המסך שלו וקריאה לפעולה ("עבור אל App Store").

11. הדגש עסקאות טובות יותר.

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

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

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

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

12. דווח על היתרונות של המוצר שלך.

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

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

אל תשכח לבדוק את דפי הנחיתה

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

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

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

צפה בסרטון: דפי נחיתה - דפי נחיתה ממירים. איך לבנות, לבדוק ולשפר דף נחיתה - הדרכת וידאו מלאה! (נוֹבֶמבֶּר 2019).

Loading...

עזוב את ההערה שלך