4 ตัวอย่างหน้า Landing Page ของ Wells Fargo เพื่อสร้างแรงบันดาลใจในการออกแบบหน้าถัดไปของคุณ

เผยแพร่แล้ว: 2018-09-14

การเลือกใช้บริการทางการเงิน ไม่ว่าจะเป็นการรีไฟแนนซ์เงินกู้ การขอสินเชื่อเพื่อธุรกิจ การเปิดบัญชีเงินฝากใหม่ มักไม่ใช่เพียงการตัดสินใจด้วยแรงกระตุ้น เนื่องจากโดยปกติแล้วจะต้องมีการค้นคว้าและพิจารณาเล็กน้อยก่อนจะก้าวกระโดด จึงไม่สามารถมองข้ามหน้า Landing Page ทางการเงินหลังการคลิกที่เป็นส่วนตัว น่าสนใจ และโน้มน้าวใจได้

โชคดีที่ Wells Fargo เข้าใจสิ่งนี้ ซึ่งเป็นสาเหตุที่บริษัทขับเคลื่อนการดำเนินการ สร้างลีด และหาลูกค้าใหม่ด้วยความช่วยเหลือจากหน้า Landing Page หลังการคลิกของ Wells Fargo เราจะวิเคราะห์บางส่วนที่นี่ แต่ก่อนอื่นทบทวนสั้น ๆ ...

หน้า Landing Page หลังคลิกคืออะไร

หน้า Landing Page หลังการคลิกคือหน้าเว็บแบบสแตนด์อโลนที่ใช้องค์ประกอบที่โน้มน้าวใจ — พาดหัวที่น่าสนใจ สื่อที่มีส่วนร่วม หลักฐานทางสังคมที่มีค่า และปุ่ม CTA ที่ดึงดูดความสนใจ — เพื่อโน้มน้าวให้ผู้เข้าชมดำเนินการกับข้อเสนอเฉพาะ การกระทำนั้นอาจเป็นการลงทะเบียนเพื่อทดลองใช้งานฟรี สร้างบัญชี ดาวน์โหลดคู่มือ ลงทะเบียนสัมมนาออนไลน์ กำหนดเวลาการสาธิต และอื่นๆ

สำหรับบริษัท หน้าเฉพาะเหล่านี้อาจเรียกว่าหน้าขายของ Wells Fargo หากเป้าหมายหลักคือการรักษายอดขายของผลิตภัณฑ์ ในกรณีนี้ เป้าหมายการแปลงจะโน้มน้าวผู้เข้าชมให้เปลี่ยนมาเป็นลูกค้า

4 ตัวอย่างหน้า Landing Page ของ Wells Fargo หลังการคลิก

(สำหรับหน้า Landing Page หลังคลิกสั้นกว่า เราได้แสดงทั้งหน้า แต่สำหรับหน้าที่ยาวกว่า เราจะแสดงเฉพาะครึ่งหน้าบน คุณอาจต้องคลิกผ่านไปยังหน้านั้นเพื่อดูบางประเด็นที่เราพูดถึง นอกจากนี้ โปรดทราบว่าหน้าบางหน้าอาจอยู่ระหว่างการทดสอบ A/B ด้วยเวอร์ชันอื่นที่แสดงด้านล่าง)

ตัวอย่างหน้า Landing Page สามตัวอย่างแรกนั้นคล้ายกันมากในการออกแบบ และมาจากผลการค้นหาของ Google สำหรับ "สินเชื่อบ้าน Wells Fargo:"
โฆษณาบนการค้นหาหน้า Landing Page ของ Wells Fargo หลังการคลิก

1. คู่มือผู้ซื้อบ้านครั้งแรก

ผู้มีโอกาสเป็นลูกค้ามาถึงหน้านี้โดยคลิกส่วนขยายไซต์ลิงก์แรก "ผู้ซื้อบ้านครั้งแรก:"
คู่มือผู้ซื้อบ้านหน้า Landing Page ของ Wells Fargo โพสต์คลิก

สิ่งที่เพจทำได้ดี:

  • “คำแนะนำสำหรับเจ้าของบ้าน” ที่ด้านบนของหน้าช่วยให้ผู้เยี่ยมชมทราบว่าข้อเสนอพิเศษคืออะไรทันทีที่มาถึง
  • การห่อหุ้มฟอร์ม ด้วยพื้นหลังสีขาวช่วยให้โดดเด่นเหนือภาพที่อยู่เบื้องหลัง
  • หมายเลขโทรศัพท์แบบคลิกเพื่อโทร ช่วยให้ผู้มีโอกาสเป็นลูกค้าสามารถติดต่อฝ่ายบริการลูกค้าได้สะดวก หากจำเป็น

สิ่งที่สามารถเปลี่ยนแปลงได้และการทดสอบ A/B:

  • ลิงค์ทางออกมากมาย — โลโก้ Wells Fargo การนำทางส่วนหัวและส่วนท้าย และสำเนาไฮเปอร์ลิงก์บนและด้านล่างแบบฟอร์ม — ช่วยให้ผู้เยี่ยมชมสามารถออกจากหน้าได้อย่างง่ายดายโดยไม่ต้องแปลง
  • ภาพลักษณ์ของผู้คน ดูไม่สมจริงและไม่ได้พูดอะไรมากเกี่ยวกับข้อเสนอหรือประโยชน์ต่อผู้อื่น
  • การเพิ่มภาพหน้าปกหรือประเด็นสำคัญ น่าจะช่วยโน้มน้าวให้ผู้เข้าชมดาวน์โหลดคู่มือนี้ได้ ขณะนี้ ไม่มีสิ่งใดในหน้าเว็บที่ให้ข้อมูลที่เป็นประโยชน์เกี่ยวกับคู่มือนี้
  • ช่องแบบฟอร์ม 9 ช่อง ยาวเกินความจำเป็นสำหรับข้อเสนอแนะนำในขั้นตอนการพิจารณาของช่องทางการตลาด
  • สำเนาที่อยู่เหนือปุ่ม CTA อาจขัดขวางไม่ให้ผู้คนคลิก การลบออกและรวมไว้ในส่วนความเป็นส่วนตัว คุกกี้ ความปลอดภัย & กฎหมายอาจให้ผลลัพธ์การแปลงที่ดีกว่า
  • ตัวเลือกในการยกเลิกซึ่ง อยู่ติดกับปุ่ม CTA หลัก เปรียบเสมือนการบอกให้ผู้มีโอกาสเป็นลูกค้าตัดสินใจอีกครั้งเพื่อตัดสินใจดาวน์โหลดคู่มือ
  • “ส่ง” บนปุ่ม CTA นั้นคลุมเครือและไม่ได้บังคับให้ผู้มีโอกาสเป็นลูกค้าคลิก

2. คำขอรีไฟแนนซ์สินเชื่อที่อยู่อาศัย

การคลิกที่ส่วนขยาย "รีไฟแนนซ์" จะนำผู้มีโอกาสเป็นลูกค้ามายังหน้านี้:
Wells Fargo การรีไฟแนนซ์หน้า Landing Page หลังคลิก

สิ่งที่เพจทำได้ดี:

  • ภาพ มีความสมจริงและมีส่วนร่วม อีกทั้งครอบครัวยังทำหน้าที่เป็นสัญลักษณ์ทางภาพเนื่องจากพวกเขามองไปที่ปุ่ม CTA สีน้ำเงิน (แม้ว่าจะยังไม่ได้พูดอะไรมากเกี่ยวกับข้อเสนอ)
  • แบบฟอร์มสีขาว "ปรากฏขึ้น" กับพื้นหลังที่วุ่นวาย
  • ติดต่อได้ง่ายและรวดเร็ว ด้วยหมายเลขโทรศัพท์คลิกเพื่อโทร
  • ตัวเลือกการเปลี่ยนภาษาสเปน ช่วยให้ผู้คนสามารถเรียนรู้เกี่ยวกับข้อเสนอและขอคำปรึกษาได้มากขึ้น

สิ่งที่สามารถเปลี่ยนแปลงได้และการทดสอบ A/B:

  • ไม่มีทางที่จะบอกว่าหน้านั้นเสนออะไร โดยไม่อ่านตัวพิมพ์เล็กที่ด้านบนของแบบฟอร์ม ส่วนหัวหรือปุ่ม CTA ไม่ได้พูดอะไรเกี่ยวกับการขอติดต่อกับที่ปรึกษาด้านการจำนอง
  • ลิงค์ทางออกทั่วทั้งหน้า ทำหน้าที่เป็นเส้นทางหลบหนีสำหรับผู้เยี่ยมชมที่จะออกไปโดยไม่ต้องขอคำปรึกษา
  • ช่องแบบฟอร์ม 8 ช่อง ในขั้นตอนการพิจารณาช่องทางการตลาดอาจขัดขวางผู้มีโอกาสเป็นลูกค้าจากการกรอกแบบฟอร์ม การแยกข้อมูลออกเป็นหลายขั้นตอนอาจสร้าง Conversion ได้มากขึ้น
  • การแทนที่สำเนาเหนือปุ่ม CTA ด้วยประโยชน์ของการรีไฟแนนซ์เงินกู้น่าจะให้ผลลัพธ์การแปลงที่ดีกว่า
  • ปุ่ม "ยกเลิก" ให้ผู้มีโอกาสเป็นลูกค้าออกไปก่อนส่งข้อมูล
  • การเปลี่ยนสีปุ่ม CTA เป็นสี ที่ตัดกันมากขึ้น (เช่น สีม่วง) สามารถกระตุ้นให้ผู้คนคลิกมากขึ้น
  • การปรับเปลี่ยนสำเนาปุ่ม CTA ให้เป็นส่วนตัว ด้วยข้อความเช่น “ฉันต้องการคำปรึกษาด้านการรีไฟแนนซ์สินเชื่อที่อยู่อาศัย” น่าจะโน้มน้าวให้ผู้เข้าชมเปลี่ยนใจเลื่อมใสมากขึ้น

3. คุณสมบัติเบื้องต้นของสินเชื่อที่อยู่อาศัย

เมื่อคลิกส่วนขยาย "รับคุณสมบัติเบื้องต้น" ผู้ใช้จะเห็นหน้า Landing Page หลังการคลิกนี้:
คุณสมบัติเบื้องต้นของการจำนองหน้า Landing Page ของ Wells Fargo โพสต์คลิก

สิ่งที่เพจทำได้ดี:

  • พาดหัว " รับคุณสมบัติเบื้องต้น" ช่วยให้ผู้เข้าชมทราบทันทีว่ากำลังทำอะไรในหน้านี้
  • การห่อหุ้มฟอร์ม ช่วยให้โดดเด่นเหนือภาพพื้นหลัง
  • หมายเลขโทรศัพท์แบบคลิกเพื่อโทร ช่วยให้ผู้เข้าชมสามารถติดต่อได้อย่างรวดเร็วและง่ายดายหากจำเป็น

สิ่งที่สามารถเปลี่ยนแปลงได้และการทดสอบ A/B:

  • ภาพสต็อก ทำให้หน้าและนำเสนอความเป็นส่วนตัวและสัมพันธ์กันน้อยลง
  • การเพิ่มคำรับรองจากลูกค้า จะทำให้ผู้เยี่ยมชมทราบว่าผู้อื่นได้รับประโยชน์จากสินเชื่อจำนอง Wells Fargo
  • แบบฟอร์มนี้น่ากลัว (8 ช่อง) และอาจทำให้ผู้มีโอกาสเป็นลูกค้าไม่กล้ากรอก
  • ปุ่ม CTA สองปุ่มจะ ลบล้างซึ่งกันและกัน “ส่ง” อนุญาตให้ผู้เยี่ยมชมแปลง แต่ “ยกเลิก” ช่วยให้พวกเขาเลือกไม่รับในนาทีสุดท้าย
  • การทำให้ปุ่ม CTA มีสีที่ตัดกันมากขึ้น (เช่น สีม่วง) และสำเนา ให้เป็นส่วนตัวมากขึ้น (“ดูว่าฉันมีคุณสมบัติครบถ้วนหรือไม่!”) อาจสร้างผลลัพธ์การแปลงที่ดีขึ้น
  • การรวมลิงค์ออกหลายลิงค์ ก็เหมือนกับการเชิญชวนให้ผู้เข้าชมออกจากหน้าก่อนเวลาอันควร

4. ใหม่หน้า Landing Page หลังคลิกบัญชีตรวจสอบ

ตัวอย่างหน้า Landing Page ของ Wells Fargo ต่อไปนี้มาจากโฆษณา Bing นี้:
Wells Fargo หน้า Landing Page หลังคลิกโฆษณา Bing
การคลิกที่บรรทัดแรกของโฆษณาหลักจะนำผู้ใช้ค้นหาไปยังหน้านี้:
Wells Fargo โพสต์คลิกหน้า Landing Page บัญชีใหม่

สิ่งที่เพจทำได้ดี:

  • พาดหัว ใช้สำเนาส่วนบุคคล (“คุณ” และ “ของคุณ”) เพื่อให้ผู้เยี่ยมชมทราบว่า Wells Fargo มุ่งมั่นที่จะช่วยเหลือพวกเขา
  • หัวข้อย่อยเสริม บอกผู้เข้าชม ว่า Wells Fargo สามารถช่วยได้อย่างไร
  • “เปิดออนไลน์” บนปุ่ม CTA น่าดึงดูดใจเพราะช่วยให้ผู้มีโอกาสเป็นลูกค้ารู้ว่าพวกเขาไม่จำเป็นต้องไปที่สาขาเพื่อเปิดบัญชี
  • การออกแบบการคลิกผ่าน จะลบแบบฟอร์มออกจากหน้า ซึ่งช่วยลดความฝืดของหน้า Landing Page หลังการคลิก
  • ส่วนที่ขยายได้ ("การเปิดเผยข้อมูล" และ "แสดงรายละเอียดบัญชี") ช่วยให้ผู้มีโอกาสเป็นลูกค้าสามารถดูข้อมูลเพิ่มเติมได้โดยไม่ทำให้หน้าเว็บยุ่งเหยิงตั้งแต่เริ่มต้น
  • การใช้เพเกิน เพื่อช่วยระบุประโยชน์หลักของธนาคาร Wells Fargo น่าจะดึงดูดความสนใจของผู้เยี่ยมชมได้มากกว่าข้อความเพียงอย่างเดียว

สิ่งที่สามารถเปลี่ยนแปลงได้และการทดสอบ A/B:

  • ลิงก์ออก — รวมถึงโลโก้ Wells Fargo การนำทางส่วนหัว “คลิกที่นี่เพื่อดูบัญชีตรวจสอบทั้งหมดของเรา” “ค้นหาสาขา” “สำรวจตัวเลือกการตรวจสอบธุรกิจขนาดเล็ก” และลิงก์ส่วนท้าย — ทำให้ผู้เยี่ยมชมมีโอกาสมากมายที่จะออกจากหน้าโดยไม่ต้อง การแปลง
  • ภาพของผู้หญิง ไม่เกี่ยวข้องกับข้อเสนอเลย
  • ข้อเสนอที่สอง (เพื่อเรียนรู้เพิ่มเติมเกี่ยวกับพอร์ตโฟลิโอโดย Wells Fargo) ให้ความสำคัญกับเป้าหมายการแปลงหลักของการเปิดบัญชีเช็คออนไลน์
  • ข้อเสนอหลัก (เน้นด้วยสีแดง) ไม่โดดเด่นพอๆ กับข้อเสนอรอง (เน้นด้วยสีม่วง) เนื่องจากมีการใช้สีแดงอย่างมากมายในหน้า ส่วนสีม่วงไม่โดดเด่น
  • การเพิ่มช่องว่าง ระหว่างและรอบๆ องค์ประกอบจะทำให้ไปยังส่วนต่างๆ ของหน้าได้ง่ายขึ้น
  • การพิมพ์ที่ดีมากเกินไป อาจทำให้ผู้เข้าชมรู้สึกหวาดกลัวและขัดขวางไม่ให้ลงชื่อสมัครใช้

รับสิ่งที่ดีและทิ้งสิ่งที่ไม่ดี

มีคุณสมบัติในเชิงบวกมากมายที่คุณสามารถใช้ได้จากหน้า Landing Page หลังการคลิกของ Wells Fargo เหล่านี้ แต่ยังมีบางส่วนที่ต้องปรับปรุง สิ่งสำคัญที่ต้องจำไว้คือการสร้างหน้า Landing Page หลังการคลิกแยกต่างหากสำหรับทุกข้อเสนอและรวมองค์ประกอบที่โน้มน้าวใจเสมอ

รับรองประสบการณ์ผู้เข้าชมที่ดีที่สุดทุกครั้ง และได้รับอัตราคอนเวอร์ชั่นที่สูงขึ้นด้วยการสร้างหน้า Landing Page หลังการคลิกที่ปรับแต่งได้ 100% ด้วย Instapage ลงทะเบียนสำหรับการสาธิต Instapage Enterprise วันนี้