ตัวอย่างหน้า Landing Page 4 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

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

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

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 ให้เป็นแบบส่วนตัว ด้วยบางอย่างเช่น "ฉันต้องการคำปรึกษาด้านการรีไฟแนนซ์สินเชื่อที่อยู่อาศัย" น่าจะชักชวนให้ผู้เข้าชมทำ Conversion มากขึ้น

3. คุณสมบัติจำนอง

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

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

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

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

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