ตัวอย่างหน้า 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:" 
1. คู่มือผู้ซื้อบ้านครั้งแรก
ผู้มีแนวโน้มจะเป็นลูกค้าในหน้านี้โดยคลิกส่วนขยายไซต์ลิงก์แรก "ผู้ซื้อบ้านครั้งแรก:" 
สิ่งที่เพจทำได้ดี:
- “คู่มือการเป็นเจ้าของบ้าน” ที่ด้านบนของหน้าช่วยให้ผู้เยี่ยมชมทราบว่าข้อเสนอคืออะไรทันทีที่มาถึง
- การห่อหุ้มแบบฟอร์ม ด้วยพื้นหลังสีขาวช่วยให้ดูโดดเด่นกว่าภาพด้านหลัง
- หมายเลขโทรศัพท์แบบคลิกเพื่อโทร ช่วยให้ผู้มีแนวโน้มจะเป็นลูกค้าสะดวกในการติดต่อฝ่ายบริการลูกค้าหากจำเป็น
สิ่งที่สามารถเปลี่ยนแปลงได้และทดสอบ A/B:
- ลิงก์ทางออกมากมาย — โลโก้ Wells Fargo การนำทางส่วนหัวและส่วนท้าย และสำเนาไฮเปอร์ลิงก์บนและใต้แบบฟอร์ม — ทำให้ผู้เยี่ยมชมออกจากหน้าได้ง่ายโดยไม่ต้องทำการแปลง
- ภาพลักษณ์ของผู้คน ดูไม่สมจริงและไม่ได้กล่าวถึงข้อเสนอหรือประโยชน์ต่อผู้อื่นมากนัก
- การเพิ่มภาพหน้าปกหรือประเด็นสำคัญ น่าจะช่วยชักชวนให้ผู้เยี่ยมชมดาวน์โหลดคู่มือนี้ ปัจจุบัน หน้าดังกล่าวไม่มีข้อมูลที่ให้ข้อมูลที่มีค่าเกี่ยวกับคู่มือนี้
- ช่องแบบฟอร์ม 9 ช่อง ยาวเกินความจำเป็นสำหรับข้อเสนอคู่มือในขั้นตอนการพิจารณาของช่องทางการตลาด
- สำเนาเหนือปุ่ม CTA อาจขัดขวางไม่ให้ผู้คนคลิก การนำออกและรวมไว้ในส่วนความเป็นส่วนตัว คุกกี้ ความปลอดภัยและกฎหมายอาจให้ผลลัพธ์การแปลงที่ดีขึ้น
- ตัวเลือกในการยกเลิกซึ่ง อยู่ติดกับปุ่ม CTA หลักนั้นเหมือนกับการบอกให้ผู้มีโอกาสเป็นลูกค้าคาดเดาการตัดสินใจดาวน์โหลดคู่มือ
- “ส่ง” บนปุ่ม CTA นั้นคลุมเครือและไม่บังคับให้ผู้มีแนวโน้มจะเป็นลูกค้าคลิก
2. คำขอรีไฟแนนซ์สินเชื่อที่อยู่อาศัย
การคลิกที่ส่วนขยาย "รีไฟแนนซ์" จะนำผู้มีโอกาสเป็นลูกค้ามาที่หน้านี้: 
สิ่งที่เพจทำได้ดี:
- ภาพ มีความสมจริงและน่าดึงดูด อีกทั้งครอบครัวยังทำหน้าที่เป็นตัวชี้นำภาพ เนื่องจากพวกเขากำลังมองไปทางปุ่ม CTA สีฟ้า (แม้ว่าจะยังไม่ได้บอกอะไรมากเกี่ยวกับข้อเสนอนี้ก็ตาม)
- แบบฟอร์มสีขาว "โผล่" กับพื้นหลังที่วุ่นวาย
- สามารถ ติดต่อได้ง่ายและรวดเร็ว ด้วยหมายเลขโทรศัพท์คลิกเพื่อโทร
- ตัวเลือกการเปลี่ยนภาษาสเปน ทำให้ผู้คนสามารถเรียนรู้เกี่ยวกับข้อเสนอและขอคำปรึกษาได้มากขึ้น
สิ่งที่สามารถเปลี่ยนแปลงได้และทดสอบ A/B:
- ไม่มีทางบอกได้ว่าหน้านำเสนออะไร โดยไม่ต้องอ่านตัวพิมพ์เล็กที่ด้านบนสุดของแบบฟอร์ม ทั้งส่วนหัวหรือปุ่ม CTA ไม่ได้พูดอะไรเกี่ยวกับการขอติดต่อกับที่ปรึกษาด้านการจำนอง
- ลิงก์ทางออกทั่วทั้งหน้า ทำหน้าที่เป็นเส้นทางหลบหนีสำหรับผู้เยี่ยมชมที่จะออกโดยไม่ต้องขอคำปรึกษา
- ช่องแบบฟอร์ม 8 ช่อง ในขั้นตอนการพิจารณาของช่องทางการตลาดอาจขัดขวางผู้ที่มีแนวโน้มจะเป็นลูกค้าจากการกรอกแบบฟอร์ม การเลิกใช้แบบฟอร์มหลายขั้นตอนอาจทำให้มี Conversion เพิ่มขึ้น
- การแทนที่สำเนาเหนือปุ่ม CTA ด้วยประโยชน์ของการรีไฟแนนซ์สินเชื่อที่อยู่อาศัยน่าจะให้ผลลัพธ์การแปลงที่ดีขึ้น
- ปุ่ม "ยกเลิก" ช่วยให้ผู้มีแนวโน้มจะเป็นลูกค้าออกได้ทันทีก่อนที่จะส่งข้อมูล
- การเปลี่ยนสีปุ่ม CTA เป็นสี ที่ตัดกันมากขึ้น (เช่น สีม่วง) อาจกระตุ้นให้ผู้คนคลิกมากขึ้น
- การปรับเปลี่ยนสำเนาปุ่ม CTA ให้เป็นแบบส่วนตัว ด้วยบางอย่างเช่น "ฉันต้องการคำปรึกษาด้านการรีไฟแนนซ์สินเชื่อที่อยู่อาศัย" น่าจะชักชวนให้ผู้เข้าชมทำ Conversion มากขึ้น
3. คุณสมบัติจำนอง
เมื่อคลิกส่วนขยาย "รับคุณสมบัติเบื้องต้น" ผู้ใช้จะเห็นหน้า Landing Page หลังจากคลิก: 

สิ่งที่เพจทำได้ดี:
- พาดหัว "รับคุณสมบัติเบื้องต้น" ช่วยให้ผู้เยี่ยมชมทราบว่าพวกเขากำลังทำอะไรในหน้านี้ในทันที
- การห่อหุ้มแบบฟอร์ม ช่วยให้ดูโดดเด่นกว่าภาพพื้นหลัง
- หมายเลขโทรศัพท์แบบคลิกเพื่อโทร ช่วยให้ผู้เข้าชมสามารถติดต่อได้อย่างรวดเร็วและง่ายดายหากต้องการ
สิ่งที่สามารถเปลี่ยนแปลงได้และทดสอบ A/B:
- ภาพสต็อก ทำให้หน้าเพจมีความเฉพาะตัวและมีความเกี่ยวข้องน้อยลง
- การเพิ่มคำรับรองจากลูกค้า จะทำให้ผู้เข้าชมทราบว่าผู้อื่นได้รับประโยชน์จากเงินกู้จำนอง Wells Fargo
- แบบฟอร์มนี้น่ากลัว (8 ช่อง) และอาจข่มขู่ผู้มุ่งหวังจากการกรอก แบบฟอร์ม
- ปุ่ม CTA สองปุ่ม ปฏิเสธซึ่งกันและกัน “ส่ง” อนุญาตให้ผู้เข้าชมทำ Conversion แต่ “ยกเลิก” ช่วยให้พวกเขาเลือกไม่รับได้ในนาทีสุดท้าย
- การทำให้ปุ่ม CTA มีสีที่ตัดกันมากขึ้น (เช่น สีม่วง) และสำเนา เป็นแบบเฉพาะบุคคลมากขึ้น ("ดูว่าฉันมีคุณสมบัติก่อนหรือไม่!") อาจสร้างผลลัพธ์การแปลงที่ดีขึ้น
- การรวมลิงก์ทางออกหลายลิงก์ ก็เหมือนกับการเชิญผู้เยี่ยมชมออกจากหน้าก่อนเวลาอันควร
4. หน้า Landing Page ของบัญชีตรวจสอบใหม่หลังการคลิก
ตัวอย่างหน้า Landing Page หลังการคลิกของ Wells Fargo ต่อไปนี้มาจากโฆษณา Bing นี้: 
การคลิกพาดหัวโฆษณาหลักจะนำผู้ใช้การค้นหามาที่หน้านี้: 
สิ่งที่เพจทำได้ดี:
- พาดหัว ใช้สำเนาส่วนบุคคล ("คุณ" และ "ของคุณ") เพื่อให้ผู้เข้าชมทราบว่า 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 วันนี้
