การออกแบบที่ยอดเยี่ยมช่วยขับเคลื่อนการเดินทางของผู้ซื้อได้อย่างไร

เผยแพร่แล้ว: 2021-07-19

m3-blog-HowGreatDesignPowersTheBuyersJourney-1

ทำไมการออกแบบถึงมีความสำคัญ? ดูเหมือนว่าตัวเองจะเห็นได้ชัดว่ามันไม่ เราใช้เวลากับมันมาก พยายามทำให้ทุกอย่างที่เรากำลังทำอยู่ "ดูดี"

แต่คุณรู้ไหม ว่า มันสำคัญแค่ไหน? และมีอะไรให้ออกแบบมากกว่าแค่ “ดูดีไหม”

หน้าที่ของการออกแบบการตลาด

โดยไม่ต้องเดินออกไปในวัชพืชที่เราพูดถึงสาเหตุที่เครื่องปิ้งขนมปังดูเหมือนเครื่องปิ้งขนมปัง มาตอบคำถามนี้ง่ายๆ ในแง่การตลาด ทำไมการออกแบบจึงมีความสำคัญในการตลาด?

ฉันคิดว่าการออกแบบทำหน้าที่หลักสามประการในโลกการตลาด:

  • การออกแบบเป็นแนวทาง การออกแบบนำทางผู้ที่สนใจ หรืออาจเพียงแค่สนใจในบริษัทของคุณไปจนถึงเส้นทางสู่การเชื่อมต่อกับคุณ การออกแบบที่ยอดเยี่ยมทำให้ชัดเจนว่าข้อมูลสำคัญคืออะไร และแนะนำผู้ใช้ว่าคุณต้องการให้พวกเขาทำอะไร การออกแบบหน้าเว็บช่วยแสดงให้ผู้ใช้ทราบว่าต้องคลิกที่ไหนและจะนำทางอย่างไร การออกแบบปุ่มควรระบุว่า "ฉันเป็นปุ่ม คลิกฉัน"
  • การออกแบบเป็นทูต การออกแบบของคุณแสดงถึงบริษัทของคุณ โลโก้ เว็บไซต์ อีเมล... สิ่งเหล่านี้มักเป็นสิ่งแรกที่ผู้มีโอกาสเป็นลูกค้าเห็นเมื่อเรียนรู้เกี่ยวกับบริษัทของคุณเป็นครั้งแรก ในฐานะแอมบาสเดอร์ การออกแบบที่ยอดเยี่ยมจะทำให้คุณแตกต่างจากคู่แข่ง มันกำหนดสไตล์การมองเห็นของคุณ มันสื่อสารสิ่งที่ทำให้บริษัทของคุณมีเอกลักษณ์ ยังสร้างความไว้วางใจ ผู้คนเชื่อโดยสัญชาตญาณเว็บไซต์ที่ออกแบบมาอย่างดีและทันสมัย ​​มากกว่าเว็บไซต์ห่วยๆ ที่ได้รับการปรับปรุงล่าสุดในปี 2549
  • การออกแบบคือพนักงานขาย การออกแบบสามารถทำงานบางอย่างในการเคลื่อนย้ายผู้คนผ่านเส้นทางของผู้ซื้อได้ การออกแบบช่วยขับเคลื่อนผู้มีแนวโน้มจะเป็นลูกค้าไปข้างหน้า ตั้งแต่การรับรู้ไปจนถึงการพิจารณา การตัดสินใจ เป็นการเชื่อมต่อที่ขับเคลื่อนยอดขาย การออกแบบการตลาดขาเข้าที่ยอดเยี่ยมดึงดูดผู้ซื้อของคุณโดยตรง มันจุดประกายความสนใจและย้ายผู้มีโอกาสเป็นลูกค้าผ่านเส้นทางของผู้ซื้อโดยรักษาความสนใจนั้นและเน้นย้ำถึงความแตกต่างที่สำคัญของคุณ

สามซีของการออกแบบที่ยอดเยี่ยม

อะไรทำให้การออกแบบยอดเยี่ยม เราว่าก่อนว่าสวยกว่า คำตอบที่ง่ายที่สุดที่ฉันคิดได้คือ "อะไรทำให้การออกแบบยอดเยี่ยม" ประกอบด้วยคำสามคำ ซึ่งโดยบังเอิญวิเศษทั้งหมดขึ้นต้นด้วยตัวอักษร C

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

มาดูแต่ละส่วนให้ลึกซึ้งยิ่งขึ้นกัน และดูตัวอย่างของสิ่งที่เรากำลังพูดถึงสำหรับปุ่มทั้งสามนี้เพื่อการออกแบบที่ยอดเยี่ยม

{{cta('020a0931-6bf3-4f13-ab71-d8ec980446a9')}}

ตัวอย่างการออกแบบที่ไม่ชัดเจน

อาจเป็นการดีที่สุดที่จะกำหนดว่าการออกแบบที่ชัดเจนคืออะไรโดยดูตัวอย่างของการออกแบบที่ ไม่ชัดเจน เราเห็นได้ในชีวิตประจำวัน

ปุ่มลิฟต์

ปุ่มไหนจะลง? คุณสามารถเดาได้ และคุณมี 50/50 ช็อต แต่คุณไม่ควรเดา ผู้ออกแบบปุ่มเหล่านี้ไม่ได้คิดเกี่ยวกับ UI ตรวจสอบให้แน่ใจว่าการออกแบบทำให้สิ่งนี้ง่ายต่อการเข้าใจ ไม่ใช่ยากขึ้น

เว็บไซต์ตัวหนา 1

นี่คือเว็บไซต์สำหรับ บริษัท ที่ทำ บางอย่าง ฉันไม่สามารถบอกได้จากการดูสิ่งนี้ เคล็ดลับสำหรับเว็บไซต์นี้คือในการอ่านข้อความ คุณต้องวางเมาส์เหนือตัวกรองสีน้ำเงินที่ด้านซ้ายบน แล้วจะเห็นว่ามันเขียนว่า

ตัวหนาไซต์2

โอ้. ฮั่น .

ฉันหมายความว่ามันน่ารักใช่มั้ย? แต่พวกเขาได้เอาชนะตัวเองไปบ้างแล้วใช่ไหม? พวกเขาสร้างมันขึ้นมาโดยที่ผู้ใช้ต้องใช้เวลาสองสามวินาทีในการดูมันเพื่อค้นหาว่าพวกเขาควรจะสามารถอ่านมันได้ หรือไม่ หรือว่าพวกเขามีอาการไมเกรนที่ตาเกิดขึ้นหรือไม่ จากนั้นพวกเขาต้องคิดออกเพื่อวางเมาส์เหนือพื้นที่ใดพื้นที่หนึ่งเพื่อแสดงข้อความ

ทั้งหมดเพื่อให้พวกเขาสามารถพูดได้ว่า "โอ้ ฮั่น แน่”

นั่นคือผู้ใช้ทั้งหมดจะพูดใช่ไหม "โอ้. ฮั่นแน่” แต่ฉันรับประกันได้เลยว่านักออกแบบที่ Bolden ต่างก็ไฮไฟว์กันเมื่อพวกเขาคิดเรื่องนี้ขึ้นมา

อย่าให้นักออกแบบเว็บไซต์หรือนักออกแบบในตัวคุณ ฉลาดเกินไปสำหรับผลงานของคุณเอง ความฉลาดนั้นดี แต่พวกเขาควรจะคิดหาวิธีที่จะฉลาดในขณะที่สื่อสารข้อความของพวกเขาในทันทีและชัดเจน

ป้ายจอดรถ

ฉันดูรูปนี้และอ่านทั้งหมด แต่ก็ยังไม่เข้าใจ จอดรถ 1 ชม. ระหว่างวัน แต่จะเกิดอะไรขึ้นหลัง 6 โมงเย็น? ฉัน ไม่รู้ _

จากนั้นเราก็มีทิศทางเฉพาะสำหรับวันจันทร์และวันอาทิตย์ จากนั้นเราข้ามกลับไปที่วันศุกร์และวันเสาร์ แล้ววันอื่นๆ ล่ะ? ฉันเดาว่านั่นคือสิ่งที่ป้ายด้านบนมีไว้สำหรับ แต่ฉันไม่แน่ใจ

ฉันควรจะแน่ใจ และ มีคน แน่นอน ฉันรับประกันว่าเจ้าหน้าที่ขายตั๋วบนถนนสายนี้รู้ว่าพวกเขาสามารถออกตั๋วได้เมื่อใด จนถึงนาทีที่ คนที่รู้ว่ากฎเกณฑ์อะไรอยู่บนถนนสายนี้น่าจะใช้การออกแบบที่ชัดเจนกว่านี้ในการสื่อสารได้

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

การออกแบบที่ชัดเจนมักจะสื่อสารด้วยวิธีที่ง่ายที่สุด

และนั่นนำไปสู่ ​​C: Clean ตัวต่อไปของเรา ลองนิยามมันอีกครั้งโดยดูตัวอย่างที่ตรงกันข้ามกัน

จดหมาย

เราทุกคนได้รับสิ่งนี้ทางไปรษณีย์ทุกวัน ไม่มีใครมองพวกเขาจริงๆ? ฉันเดาว่ามีคนทำหรือไม่ทำ เช่นเดียวกับที่ฉันเดาว่ามีคนซื้อของจากอีเมลขยะ และ robocall ใครก็ตามที่ทำเช่นนั้นกำลังทำลายชีวิตของคนอื่น แต่ฉันพูดเพ้อเจ้อ ...

นี่เราไม่รู้จะดูอะไรจริงๆ เหรอ? ตาของฉันไม่สามารถจับจ้องไปที่สิ่งใดสิ่งหนึ่งได้ ดังนั้นมันจึงเคลือบทับลงไป นี่เป็นตัวอย่างที่รุนแรง แต่ก็เป็นหลุมพรางที่อาจเกิดขึ้นในทุกสิ่งที่เราออกแบบ ต้มลงไปหนึ่งข้อความ สื่อสารข้อความนั้นอย่างมีประสิทธิภาพ นั่นคือการออกแบบที่สะอาดตา

หน้าแรกของเว็บไซต์ r และ co

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

อีเมลกิจกรรม

ที่นี่เรามีพื้นหลังลายหินอ่อนที่ไม่ถูกต้องโดยสิ้นเชิง โลโก้แปลก ๆ – หนึ่งในนั้น 3 ครั้ง! – และทุกแบบอักษรและสีหลักที่สดใสที่นักออกแบบสามารถใช้ได้ ลองใส่คำพูดที่น่ากลัว “ดีไซเนอร์”

ดังนั้นฉันไม่ต้องบอกคุณว่ามีอะไรผิดปกติที่นี่ มันดูแย่มาก ต้องใช้ความพยายามอย่างจริงจังเพื่อค้นหาว่าสิ่งนี้มี ไว้เพื่ออะไร ส่วนหนึ่งของการออกแบบที่สะอาดตาคือการสร้างลำดับชั้นของข้อความของคุณ

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

จากนั้นผู้ชมก็ถามว่า “ตกลง นั่นอะไร” นั่นควรเป็นอันดับสองตามลำดับความโดดเด่น แต่ฉันคิดว่าคำตอบนั้นซ่อนอยู่ที่นี่ที่มุม: "Ham Radio Swapmeet " ก่อนที่ทุกคนจะตื่นเต้น ฉันขอโทษ ที่คุณพลาดไป เมื่อหลายปีก่อน

ข้อมูลเช่นนั้น เวลาและสถานที่ – ควรมีความโดดเด่นระดับที่สาม และอื่นๆ.

คุณสามารถใช้การออกแบบเพื่อนำทางผู้ชมของคุณผ่านสิ่งที่พวกเขาต้องการทราบ: “The Pennington Hamfest เป็นงานแลกเปลี่ยนวิทยุแบบแฮมและจะจัดขึ้นในวันที่ 2 มิถุนายน 2012” การออกแบบที่สะอาดตาไม่ได้ขัดขวางการทำงานนั้น มันทำให้เร็วและง่ายขึ้น

สิ่งนี้ไม่ได้ออกแบบมาอย่างหมดจด แต่ยังให้ภาคต่อที่ดีใน “C” ตัวต่อไปของเราเพราะมันไม่ใช่เลย...

สม่ำเสมอ. นี่คือ “C” ตัวสุดท้ายที่เราจะพูดถึง จากนั้นเราจะพูดถึงวิธีการใช้ตัว “C” ทั้งสามนี้ของการออกแบบที่ยอดเยี่ยมกับการเดินทางของผู้ซื้อ

ลองดูภาพด้านบนจากมุมที่สม่ำเสมอกัน

อย่างที่ฉันพูดไปมีแบบอักษรมากมายเกิดขึ้นที่นั่น ตุ้มน้ำหนักต่างกันทั้งหมด สีต่างกันทั้งหมด บางส่วนเป็นตัวเอียงและบางส่วนไม่ได้ บางส่วนมีโครงร่าง บางส่วนมีเงาตกกระทบ ไม่มีความสอดคล้องอย่างแน่นอนที่นี่ เหมือนกับว่าข้อความทุกชิ้นได้รับ การ "ออกแบบ" อย่างเป็นอิสระจากสิ่งอื่นทั้งหมด จากนั้นจึงนำข้อความทั้งหมดมารวมกันบนหน้า

ควรมีรูปลักษณ์ที่สอดคล้องกัน จากนั้นการออกแบบทั้งหมดควรเกิดจากรูปแบบเล็กน้อยของรูปลักษณ์นั้น

กฎของการออกแบบที่ดี

ในโครงการใดๆ ควรมีความสอดคล้องกันสองระดับ ระดับสูงสุดที่ครอบคลุมคือความสอดคล้องของแบรนด์ที่ใช้กับทุกสิ่งที่บริษัททำ การสร้างความสม่ำเสมอนั้นสำคัญกับการสร้างกฎเกณฑ์ ความสอดคล้องของแบรนด์ขั้นพื้นฐานของคุณจะประกอบด้วยชุดของกฎเหล่านี้อย่างน้อยที่สุด:

  • โลโก้ ทุกบริษัทที่มีโลโก้ควรมีกฎเกณฑ์เกี่ยวกับการใช้โลโก้นั้น อย่ายืดออก อย่าทิ้งส่วนต่างๆ ของมันไว้ อย่าเอาแสงดาวที่น่าเกลียดขนาดใหญ่อยู่เบื้องหลัง อะไรทำนองนั้น
  • แบบอักษร ในการออกแบบสิ่งพิมพ์ ฉันมักจะบอกว่าคุณควรเลือกแบบอักษรเพียงสองแบบ สำหรับใบสมัครออนไลน์จำนวนมาก ทางที่ดีควรเลือกเพียงอันเดียว จากนั้นคุณสามารถใช้ขนาดและน้ำหนักที่แตกต่างกันของแบบอักษรเดียวได้ การเลือกกลุ่มแบบอักษรหนึ่งชุดช่วยในการสร้างรูปลักษณ์ที่สอดคล้องกันและทำให้มีความคิดสร้างสรรค์เพิ่มขึ้นอีกเล็กน้อยในที่อื่นๆ
  • จานสี. หากคุณยังไม่ได้สร้าง คุณควรกำหนดแนวทางสีสำหรับแบรนด์ของคุณ – ทำให้ เป็นส่วนหนึ่งของ แบรนด์ของคุณ มีแหล่งข้อมูลมากมายที่จะช่วยคุณเลือกจานสีที่เข้ากันได้ดี ขึ้นอยู่กับความรู้สึกที่คุณต้องการสื่อหรืออารมณ์ที่คุณต้องการสร้าง

จากนั้นสำหรับโครงการเฉพาะ เช่น ข้อเสนอการตลาดขาเข้า คุณจะสร้างความสอดคล้องภายในนั้นด้วย คำนึงถึงความสอดคล้องของแบรนด์ของคุณในทุกโครงการ คุณควร...

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

ตัวอย่างการออกแบบการตลาดที่ยอดเยี่ยม

ตอนนี้ มาดูตัวอย่างของทุกสิ่งที่เราพูดถึงในการดำเนินการ เราจะดูแคมเปญที่เราสร้างขึ้นสำหรับหนังสือการ์ตูนการตลาดขาเข้าที่เราสร้างขึ้นที่ madison/miles media (หน่วยงานออกแบบเว็บไซต์) เราใช้เวลาหลายปีในการทำงานกับหนังสือเล่มนี้ ดังนั้นเราจึงต้องการสร้างแคมเปญเกี่ยวกับหนังสือเล่มนี้ซึ่งได้ผลจริงๆ

ปกหนังสือการ์ตูน

เราสร้างแคมเปญข้อเสนอขาเข้าที่ใช้การออกแบบเพื่อขับเคลื่อนผู้ซื้อตลอดเส้นทางได้อย่างไร

เริ่มต้นด้วย ปุ่มเรียกร้องให้ดำเนินการของเรา:

หนังสือการ์ตูน CTA

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

มันสะอาดไหม? เราได้จำกัดองค์ประกอบของเรา: เรามีตัวละครหลัก ข้อความที่เรียบง่ายและตรงไปตรงมา และภาพของหนังสือการ์ตูน ทั้งหมดนี้อยู่ด้านบนของพื้นหลังจากการ์ตูน มันทำให้ดูน่าสนใจ แต่ไม่รบกวนองค์ประกอบอื่นๆ เลย

มีความสม่ำเสมอหรือไม่? นี่เป็นงานชิ้นแรกที่คนส่วนใหญ่จะได้เห็น ดังนั้นเราจึงกำหนดรูปลักษณ์ที่นี่เพื่อให้สอดคล้องกันในภายหลัง แต่เรากำลังสร้างความสอดคล้องกับตัวหนังสือการ์ตูนอยู่แล้วโดยดึงสีทองจาก “WILD!” มาใช้ ในชื่อ แบบอักษรที่เราใช้สำหรับส่วน "ขับเคลื่อนลูกค้าของคุณ" ของชื่อและแบบอักษรดั้งเดิมจากหน้าปกที่เราใช้สำหรับคำบรรยาย นั่นคือ Benton Sans ซึ่งเป็นแบบอักษรแบรนด์สื่อ madison/miles หลักของเรา เราใช้ปุ่มนี้สำหรับปุ่ม "รับหนังสือการ์ตูนฟรี"

นอกจากนี้เรายังเป็นหน่วยงานออกแบบนิตยสารสิ่งพิมพ์ด้วย ดังนั้นคุณจะเห็นแบบอักษรแบรนด์ของเราแสดงในรูปแบบการตลาดที่หลากหลายของเรา สิ่งนี้สำคัญมากสำหรับการสร้างแบรนด์ของเรา บริษัทควรเป็นที่จดจำเสมอ ดังนั้นโปรดจำไว้ตลอดเส้นทางการออกแบบของคุณ

ใช่ เรามีความสอดคล้องกับรูปลักษณ์ของบริษัทของเราและข้อเสนอนั้นเอง และเรากำลังกำหนดหลักเกณฑ์อื่นๆ สำหรับวิธีที่เราจะใช้องค์ประกอบต่างๆ ผ่านส่วนอื่นๆ ในแคมเปญของเรา
นี่คือปุ่ม CTA อีกปุ่มหนึ่ง

หนังสือการ์ตูนอีเมลCTA

อันนี้ถูกออกแบบมาเพื่อใช้ในอีเมล อีกครั้งที่เราแน่ใจว่าการออกแบบนั้น...

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

นี่คือหน้า Landing Page

หน้าแลนดิ้งเพจ

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

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

มันสะอาดมาก เดิมทีเรามีพื้นหลังสีฟ้าอ่อนเกี่ยวกับเรื่องนี้ แค่ขาวสะอาดก็ทำงานได้ดีขึ้น ไม่มีอะไรแฟนซีที่นี่เลย แต่ก็ไม่จำเป็น เรามีองค์ประกอบภาพที่น่าสนใจมากมายเพียงแค่งานศิลปะหนังสือการ์ตูนของเรา

และสอดคล้องกับ CTA ภาพจากแหล่งเดียวกัน สิ่งเดียวคือเรากำลังให้พวกเขามองเข้าไปในหนังสือการ์ตูนตอนนี้ คุณอาจสังเกตเห็นว่าเราได้เปิดตัวแบบอักษรอื่นด้วย แต่นั่นเป็นแบบอักษรรองของ madison/miles จากเว็บไซต์ของเรา Playfair Display ดังนั้นเราจึงนำสิ่งนั้นเข้ามาเล็กน้อยในตอนนี้ แต่ให้ทุกอย่างสอดคล้องกับรูปลักษณ์ที่กำหนดไว้ นอกจากนี้เรายังมีแถบสีเขียวที่ด้านล่าง ซึ่งเป็นสีเขียวของสื่อ madison/miles ดังนั้น ขอย้ำอีกครั้งว่าเพียงแนะนำแบรนด์ของเราบางส่วนอย่างละเอียดถี่ถ้วน

และแล้วเราก็มาถึงหน้าขอบคุณ

ขอบคุณเพจ

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

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

หน้าทรัพยากร

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

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

madison/miles media ได้รับการยอมรับว่าเป็นบริษัทการตลาดเนื้อหาชั้นนำใน DesignRush{{cta('1395b35c-b222-49d6-8bdd-fb2e45b05459')}}