עיצוב דף הבית (או דף הבית) הוא העיצוב החזותי והמבני של העמוד הראשון של אתר אינטרנט שהמבקרים רואים כשהם מבקרים לראשונה באתר. דף הבית ממלא תפקיד מפתח ביצירת הרושם הראשוני של האתר ומסייע למבקרים למצוא את המידע שהם צריכים או לנווט הלאה דרך המשאב.
1. עיצוב דף הבית של Shopify
כמו רבים מדפי הנחיתה האחרים בפוסט זה, דף הנחיתה לדוגמה Shopify עושה את זה פשוט. לדוגמה, הכותרת ממוקדת המשתמש היא רק כמה מילים, והדף מסתמך על תבליטים פשוטים ולא על פסקאות כדי להעביר את הפרטים והיתרונות של הניסיון. יש רק כמה שדות שצריך למלא לפני שתתחיל. כל זה מקל עליך למכור באינטרנט באמצעות הכלי שלך.
2. לוע עיצוב דף הבית
דפי נחיתה עוזרים למשתמשים להחליט אם המוצר או השירות שלכם שווים את הזמן והאנרגיה היקרים שלהם. איזו דרך טובה יותר לתקשר את הצעת הערך שלך בצורה ברורה וישירה מאשר התאמת המבקרים שלך לבעיה עצמה שהאפליקציה שלך פותרת?
לועאפליקציית Mac שמשתיקה התראות על המסך מכסה זאת לחלוטין להראות בלי לספר מנטליות בדף הנחיתה המינימלי שלהם. את פני המבקרים בדף זה מקבלת אש מהירה של התראות מביכות בפינה השמאלית העליונה של המסך. האנימציה לא רק מהנה, אלא גם מעבירה בצורה משכנעת את התועלת של האפליקציה ללא תיאורים ארוכים.
3. עיצוב עמוד הבית של TransferWise
TransferWise מאפשר לשלוח ולקבל כסף במספר מטבעות, ודף הנחיתה שלו, המוצג להלן, מפרק כל פעולה בודדת כך שלא תוסח דעתך על ידי אפשרויות שאינן חלות עליך.
אם ברצונך לשלוח כסף, תוכל למלא את טופס ההעברה. כדי לקבל כסף, פשוט עבור ללשונית האמצעית וכדי להירשם ל-TransferWise באמצעות כרטיס החיוב שלך, עבור ללשונית הימנית הקיצונית.
כל כרטיסייה בדף נחיתה זה יוצרת משלה קריאה לפעולה תלוי למה אתה נרשם - כל אחד עם מסגרת ירוקה בוהקת כדי להדגיש את הצעד הבא שלך לאחר שלוש נקודות התחלה אפשריות.
4. עיצוב עמוד הבית של Airbnb
כדי לעזור להמיר מבקרים למארחים, Airbnb מציע התאמה אישית מפתה: הערכה גסה של הרווחים הממוצעים על סמך המיקום שלך. תוכל להזין מידע נוסף על המיקום הפוטנציאלי שלך בשדות כדי לקבל הערכה מותאמת אישית אף יותר.
אם כבר ביקרתם בדף שהשתכנעתם בו, קריאה ברורה לפעולה בראש העמוד מקלה על ההמרה במקום.
5.Teambit
מוזר היא בדרך כלל לא המילה הראשונה שעולה בראש כשאתה חושב על תוכנת משאבי אנוש, אבל דף הנחיתה הוויזואלי של Teambit הוא בדיוק זה. טופס פשוט עם שדה אחד מלווה במשרד מקסים מלא בדמויות של חיות - כולן מאוד שמח עם Teambit, אם אתה מעוניין. חיה מצוירת מופיעה ליד כל קטע מידע בדף הנחיתה, ומפתה את המבקרים לגלול למטה כדי ללמוד עוד. עיצוב עמוד הבית
דף נחיתה Teambit היא הוכחה מצוינת לכך שלא צריך מוצר או שירות "מהנה" כדי ליצור דף נחיתה מצחיק.
6. עיצוב עמוד הבית של Wistia
קודם כל, זה דף הנחיתה Wistia עבור חשבון Wistia החינמי שלהם. מיד אתה מבחין בטופס עם שדה אחד ליצירת חשבון - הרקע הכחול עם עיצוב מינימלי מנוגד יפה לשדה הטופס הלבן הבוהק.
אורך שדה הטופס בשילוב עם מיקום בולט מבטל כמעט כל חיכוך בעת יצירת חשבון... אך אם יש לך ספק, תמיד תוכל לגלול למטה כדי לקרוא את השאלות הנפוצות. על ידי הפרדת השניים עם ניגודיות צבע חזקה, Wistia עושה את תהליך ההמרה הרבה יותר קל.
7. זרימת אינטרנט. עיצוב עמוד הבית
זרימת אינטרנט, כלי עיצוב למפתחי אתרים, אורז מידע רב ב-GIF ושלושה שדות טופס. זה יהיה נחמד לקבל את כל טופס ההרשמה בשורה אחת - לא רק שזה מקצר את העמוד, אלא שמילוי כל שדה משמאל לימין מראה למשתמשים עד כמה הם קרובים ללחוץ על הכפתור הכחול הרביעי ולהתחיל בחינם.
ה-GIF המונפש מתחת לטופס מוצג באותה מסגרת באתר כך שמשתמשים יכולים לראות כיצד המוצר עובד. и הירשם מבלי לגלול או לעבור לדף חדש.
עיצוב דף הבית של ספר אלקטרוני
8. עיצוב עמוד הבית של Nauto
נאוטו, פלטפורמת נתונים לרכב לנהיגה עצמית, עוזרת להפוך את הנהיגה האוטונומית לבטוחה יותר עבור חברות המנהלות ציי רכב. באופן טבעי, הלקוחות שלו יצטרכו את כל המידע כדי למכור בפלטפורמה זו. ל-Nauto יש את זה סופר פשוט ספר אלקטרוני, שדף הנחיתה שלו נותן לך טופס יצירת קשר קצר ותצוגה מקדימה של סטטיסטיקות כדי להוכיח מדוע המשאב הזה כל כך חשוב.
הכפתור הירוק "הורד עכשיו" אולי אפילו היה בכוונה (ירוק פירושו בכל זאת "לך").
גלול למטה ותראה עוד "קבל ספר אלקטרוני" CTA כדי להזכיר למשתמשים מה יש בחנות. תראה גם שלוש נתונים סטטיסטיים צורמים של תאונות דרכים כדי לעודד משתמשים ללמוד עוד. בדוק את זה למטה.
9. עיצוב דף הבית של שיווק חזק תעשייתי
דף הנחיתה הזה מושך אותי מיד עם הכותרת המחמירה שאין לעמוד בפניה: "אל תעשה לי זום". זה מדבר ישירות על החוויה הכללית שלרובנו כשאנחנו גוללים דרך הטלפונים או הטאבלטים שלנו - וזה גם קצת חוצפן.
אבל זה לא הדבר היחיד שגרם לי להתעניין בדף הנחיתה הזה. שימו לב כיצד הצבע האדום ממוקם אסטרטגית בחלק העליון והתחתון של הטופס, ומקרב אתכם עוד יותר לאירוע ההמרה.
כמו כן, העיצוב הזה הוא מטא לאתחול: הוא נראה ועובד מצוין מכשירים ניידים. זכור שמבקרים רבים ייגשו לדפי הנחיתה שלך בסמארטפונים או בטאבלטים שלהם, ואם עיצוב האתר שלך לא מתאים להם, הם עלולים לוותר ולעזוב את הדף שלך.
מומחי שיווק חוזק תעשייתי עשו את התחום גופנים וצורות גדולות מספיק כדי שהמבקרים לא יצטרכו, למשל, לבצע זום כדי לקרוא ולקיים אינטראקציה עם התוכן.
10. Velaro Live Chat
לפעמים הפרטים הקטנים ביותר עושים את ההבדל הגדול ביותר. למשל, הם אלו שיוצרים את דף הנחיתה Velaro צ'אט חי מדהים.
סמל PDF הקטן הזה מעל תמונת הפריט עוזר לקבוע באיזה פורמט תהיה ההורדה. חץ לפני כותרת המשנה עוזר להדגיש עוד יותר את העותק החשוב שמבקרים רוצים לקרוא. כמו IMPACT, יש להם גם תיבת סימון אוטומטית עבור מנויים לניוזלטר בטופס שלהם - שאם הופך לתיבת סימון נוספת, היא דרך מצוינת להגדיל את ספירת המנויים שלך. כל הפרטים הקטנים האלה, חסרי משמעות לכאורה, עוזרים להוסיף לעיצוב דף נחיתה מוצק ומדהים. עיצוב עמוד הבית
11. מיתוג ועיצוב אימפקט / עיצוב עמוד הבית
בית פְּגִיעָה זה זמן רב מהווים מקור השראה למעצבים. אני אוהב את פריסת העמוד הפשוטה, מהעותק הגדול של הכותרת והתמונה המפורטת, דרך קווי המתאר המקיפים את הצורה, ועד הצבעים והגופנים שמאוד נעימים לעין.
המדריך החינמי של IMPACT מציע להורדה כאן גם אינו מדגיש את ההורדה עצמה בכפתור הכחול המאפשר לך לשלוח את הטופס המלא. במקום זאת, IMPACT מזמינה אותך "ליצור המרות נוספות" על ידי התמקדות במה שאתה יכול להרוויח מקריאת המדריך.
דפי נחיתה למידע נוסף
12. התנתק
לא פלא שזה Unbounce נמצא בראש הרשימה הזו - הם באמת כתבו את הספר על יצירת דפי נחיתה בעלי המרות גבוהות. אמנם יש הרבה דברים מדהימים בדף הנחיתה הזה, אבל שניים שאני מאוד אוהב הם: 1) השימוש בתיבת צ'אט במקום טופס קלאסי, ו-2) המידע המפורט - אך ארוז היטב - מתחת לטופס/דף הבית עיצוב עמודים
הראשון עוזר להפנות את תשומת הלב למטרה של הדף - למלא טופס - בצורה לא פולשנית ולא מרגישה כמו מטלה. השני נותן לאותו דף דחיפה של SEO (למנועי חיפוש יהיה יותר תוכן לסרוק) ומסיר חרדה מאנשים שצריכים לדעת יותר על פיסת תוכן לפני שליחת המידע שלהם, מבלי להסיח את דעתם של אנשים מחלון הצ'אט.
13. Bills.com. עיצוב עמוד הבית
לעתים קרובות אנשים חושבים על דפי נחיתה כעל דפים סטטיים באתר שלך. אבל עם הכלים הנכונים, אתה יכול להפוך אותם לאינטראקטיביים ומותאמים אישית.
קח את הדוגמה למטה עם Bills.com. כדי לברר אם תפיק תועלת מהייעוץ שלהם, ענה על שלוש שאלות לפני שיוצג לך הטופס. זה מתחיל בזה:
לאחר מכן תענה על שתי שאלות נוספות כמו זו להלן:
והנה טופס דף הנחיתה האחרון שבו אתה ממלא את המידע שלך:
אני לא בטוח איך האלגוריתם עובד (או אם יש כזה בכלל), אבל בזמן שמילאתי אותו היה לי קצת חשש לגבי לא כישורים. ברגע שגיליתי מה עשיתי, התרגשתי למלא את הטופס, מה שאני בטוח שרוב האנשים שיש להם חוב ומשתמשים בכלי הזה עושים. על ידי הפיכת הצעה זו ליותר בלעדית לפני שהטופס יופיע בדף הנחיתה, אני מהמר ש-Bills.com יעשה זאת באופן משמעותי המרה מוגברת.
14. עיצוב דף הבית של Trulia
Trulia עשה משהו מאוד דומה ל-Bills.com עם דף הנחיתה שלו. זה מתחיל בטופס פשוט שמבקש "כתובת" (שנשמע פחות מפחיד מ"הכתובת שלך", למרות שלזה הם מתכוונים). מתחת לשדה הטופס הפשוט הזה נמצא כפתור כתום בוהק שעומד בניגוד היטב לתמונת הדמות שמאחורי הטופס ומדגיש שההערכה תהיה מותאמת אישית לביתכם.
כמובן שהכתובת עצמה אינה מספיקה להערכת שווי הבית. זה פשוט מציין את סביבת הבית. לכן העמוד הבא כולל שאלות נוספות על הנכס עצמו, כמו מספר המיטות והאמבטיות. להלן ניתן לראות עותק של "אמור לנו לאן לשלוח את הדוח" - עם כתב הוויתור כי בהזנת מידע זה אתה מסכים לפנות לסוכן הנדל"ן. זוהי דוגמה מצוינת לאופן שבו חברה מעריכה את המבקרים שלה כבר מההתחלה, ובו זמנית מגדירה את הציפיות של המבקרים ממה שיקרה כתוצאה מכך.
15. עיצוב דף הבית של לנדבוט
לנדבוט, שירות שיוצר דפי נחיתה מבוססי צ'טבוט, מציב את המוצר שלו במרכז דף הנחיתה מבוסס הצ'אט שלו. את פני המבקרים מקבל בוט ידידותי - שלם עם אימוג'ים וקובצי GIF - שמעודד אותם לספק מידע בפורמט שיחה ולא בצורה המסורתית.
16. רווחי אינטרנט
לקצת ניגוד... מה לגבי דפי נחיתה ארוכים? עם כמה טריקים, אתה יכול לגרום אפילו לדף הנחיתה הארוך ביותר להיראות קצר. דף הנחיתה של Webprofits למטה מראה כיצד לעשות זאת. עיצוב עמוד הבית
יש כפתור CTA בולט בפינה השמאלית העליונה כדי ללמוד עוד - עם ניגודיות טובה על הרקע כדי להבליט אותו, וחץ למטה כדי לעודד גלילה. על ידי אי הצבת שדה הטופס מלפנים, הם עוזרים להפחית את החיכוך ומעניקים למבקרים את ההזדמנות ללמוד עוד לפני שתוצג בפניהם אפשרות המרה.
הם גם מאפשרים לך להבין מה זה באמת делает רווחי אינטרנט . שאר העמוד מספק פרטים על מה תקבל כשתשלח את המידע שלך. בנוסף, הוא כולל CTAs אסטרטגיים שיעזרו לך לנווט חזרה לראש כדי למלא את הטופס, כגון "בואו נדבר".
17. H.BLOOM
לפעמים אתה פשוט צריך לעצור ולהתפעל מדף נחיתה על כמה שהוא יפה. כאשר משתמשים בתמונה ברזולוציה גבוהה והרבה שטח לבן בדף הנחיתה H.BLOOM נחמד להסתכל על.
מעבר ליופי שלו, לדף יש כמה אלמנטים המרה מעולים: טופס תקורה, תיאור ברור ותמציתי של מה יקרה כשתמלאו את הטופס ואפילו כפתור "שלח" בצבע כתום בוהק. הדבר היחיד שנשנה? העתק על כפתור הגשה - זה עשוי להיות ספציפי יותר להצעה המוצעת. עיצוב עמוד הבית
18. Conversionlab
אמנם לא אכלול פוסט טופס לדוגמה בפוסט על דפי נחיתה, אבל האתר הזה מיוחד. דף הבית הוא האתר כולו - קישורי הניווט פשוט יובילו אותך למידע למטה. עיצוב עמוד הבית
כאשר אתה לוחץ על "קבל עזרה בדפי נחיתה", האתר כולו זז כדי לפנות מקום לטופס. כך זה נראה לפני שאתה לוחץ:
וכאשר תלחץ על הקריאה לפעולה הזו, בדוק כיצד נראה הטופס:
אני אוהב שאתה לא צריך לצאת מהדף כדי למלא את הטופס, אבל הטופס לא יפריע למבקרים מזדמנים באתר.
רעיונות/עיצוב דף הבית
דף בית מותאם היטב יכול להפוך לקוחות ללידים על ידי לכידת מידע שיעזור לך להבין טוב יותר, לשווק ולשמח את המבקרים שלך. מאחר שדפי נחיתה הם קריטיים להמרות, חשוב לוודא שהם מתוכננים היטב, מעוצבים ומבוצעים היטב. הנה כמה דברים שכדאי לקחת בחשבון בעת יצירה ממוקד דפים:אסתטיקה אטרקטיבית: רק הצבע של דף הנחיתה שלך וממשק משתמש נקי יכולים לעזור. המבקרים ירצו ללמוד עוד על המוצרים שלך ולראות עדויות לערך שאתה מציע. תסתכל על מספר 10 ברשימה שלנו, Inbound Emotion, עבור דוגמה מצוינת של דף אינטרנט מדהים.
פחות זה יותר: תן למשפט או לתמונות לעשות את רוב הדברים, אך הקפד לכלול כל כותרות תיאוריות וטקסט תומך כדי להפוך את דף הנחיתה שלך לברור ומשכנע. זה חל כמעט על כל רכיב בדף: שטח לבן, עותק פשוט וטפסים קצרים יותר.
עיצוב עמוד הבית
שמור מבקרים בדף: על ידי הסרת הניווט הראשי או כל קישורים נכנסים המסיחים את הדעת, סביר להניח שזה יהיה סוג של חיכוך ליצירת לידים שעלול להוביל מבקרים לנטוש את הדף שלך.
שיתוף ברשתות חברתיות. דרך קלה למשוך מבקרים לדף הנחיתה שלך היא באמצעות כפתורי שיתוףרשתות חברתיות, כדי שיוכלו להפיץ את התוכן שלך לעוקבי המדיה החברתית שלהם. אחרי הכל, הלקוחות הם מרכז גלגל התנופה השיווקי שלך.
בדיקת A/B: דפי נחיתה חשובים לביצוע נכון, ומכיוון שפסיכולוגיה צרכנית יכולה לפעמים להפתיע, תמיד עדיף להתנסות עם גרסאות שונות של הדפים שלך כדי לראות לאילו יש את שיעור ההמרה (CVR) הגבוה ביותר. בדוק את מיקום ההצעה, את סוגי ה-CTAs, או אפילו את ערכת הצבעים.
קריאה לפעולה: CTA, שבו הבשר נמצא בדף הנחיתה, או נקודת המפנה, שבה הסיכוי להפוך לאנשי קשר. CTAs יכולים לבקש מבקרים להירשם, להוריד, למלא טופס, לשתף הלאה רשתות חברתיות וכו', אבל באופן כללי, CTAs נחוצים כדי למשוך את הקהל שלך בצורה פעילה יותר עם ההצעה שלך. כדי לייצר לידים, CTAs חייבים להיות נועזים ומושכים, אבל הכי חשוב, הם חייבים להעביר ערך ביעילות.
השאירו תגובה