ตัวอย่างภาพหน้า Landing Page ระดับพรีเมียมที่มาพร้อมการ์ดฟีเจอร์ SaaS 3 ใบแบบซ้อนทับกัน สำหรับฟังก์ชันการเก็บข้อมูล การให้คะแนนความเหมาะสม และการนัดหมายอัตโนมัติ
เป้าหมาย: สร้างภาพวิชวลสำหรับหน้า Landing Page ที่ดูสะอาดตา โดยแสดงการ์ดฟีเจอร์ SaaS สีขาว 3 ใบแบบซ้อนทับกัน สำหรับผลิตภัณฑ์ด้านระบบอัจฉริยะเพื่อการขาย / การติดตามกลุ่มเป้าหมาย ในรูปแบบม็อกอัปสไตล์ Figma ที่มีความมินิมอลและดูพรีเมียม
ผืนผ้าใบ: องค์ประกอบภาพแบบสี่เหลี่ยมจัตุรัส 1:1 พื้นหลังสีขาวนวล (off-white) พร้อมไล่เฉดสีเบจที่นุ่มนวลมาก มีขอบมืด (vignette) จางๆ และเงาที่นุ่มนวลสมจริงใต้การ์ด การ์ดเป็นรูปทรงสี่เหลี่ยมมุมมนแนวตั้งที่มีการเอียงมุมเล็กน้อยเพื่อสร้างมิติ ลอยอยู่ตรงกลาง ใช้ตัวอักษรแบบมีหัว (serif) ที่ดูหรูหราสำหรับหัวข้อหลัก และตัวอักษรแบบไม่มีหัว (sans-serif) ขนาดเล็กสำหรับป้ายกำกับ
เลย์เอาต์: จัดวางการ์ดแนวตั้งจำนวน 3 ใบแบบซ้อนทับกันในแนวนอน การ์ดใบซ้ายอยู่ด้านหน้าและเอียงทวนเข็มนาฬิกาเล็กน้อย การ์ดใบกลางอยู่ตรงกลางและตั้งตรงเกือบสนิท การ์ดใบขวาอยู่ด้านหลังและเอียงตามเข็มนาฬิกาเล็กน้อย เว้นระยะห่าง (whitespace) ให้เพียงพอและใช้มุมมน
การ์ดใบที่ 1 (ใบซ้าย) — แหล่งข้อมูลที่จับภาพ: ที่มุมซ้ายบนให้วางไอคอนโลโก้วงกลมสีส้มขนาดเล็กที่มีสัญลักษณ์นามธรรมสีขาว ใกล้กับกึ่งกลางด้านบนให้วางป้ายกำกับรูปทรงแคปซูลสีพีชอ่อนที่เขียนว่า “CAPTURA” หัวข้อข่าวขนาดใหญ่ในภาษาโปรตุเกส: “12+ fontes escutando seu mercado 24h” ด้านล่างแสดงช่องแหล่งข้อมูลขนาดเล็กแบบมุมมนจำนวน 12 ช่องในรูปแบบตาราง 3 คอลัมน์ 4 แถว โดยแต่ละช่องมีไอคอนและป้ายกำกับ ป้ายกำกับทั้ง 12 รายการคือ: “Notícias”, “LinkedIn”, “Reddit”, “Google”, “Podcasts”, “X (Twitter)”, “YouTube”, “Trustpilot”, “Blogs”, “Wikipédia”, “Comunidades”, และ “e mais” ใช้ไอคอนแบบเรียบง่ายที่จดจำได้ง่าย: โลก, โลโก้ LinkedIn, ตัว Reddit alien, ตัว G ของ Google, สัญลักษณ์พอดแคสต์, โลโก้ X, ปุ่มเล่น YouTube, ดาวสีเขียว, ไอคอนเอกสาร/บล็อก, ตัว W, จุดสัญลักษณ์กลุ่ม/ชุมชน และเครื่องหมายบวก
การ์ดใบที่ 2 (ใบกลาง) — คะแนนความเหมาะสม: วางป้ายกำกับรูปทรงแคปซูลสีเขียวอ่อนที่เขียนว่า “ENTENDE” ข้อความหัวข้อหลัก: “ICP Match 94%” จัดวางวงแหวนความคืบหน้าแบบโดนัทหนาไว้ตรงกลางด้วยสีส้มสดใส เกือบเต็มวง โดยมีส่วนที่เหลือเป็นสีพีชอ่อน ภายในวงแหวนให้แสดง “94%” ด้วยตัวอักษรแบบมีหัวขนาดใหญ่ และคำบรรยายย่อยขนาดเล็ก “de compatibilidade” ด้านล่างวงแหวนให้วางแถวรายการตรวจสอบแบบบางมุมมนจำนวน 3 แถว พร้อมไอคอนเครื่องหมายถูกสีเขียวขนาดเล็กและป้ายกำกับ: “Perfil ideal identificado”, “Sinais alinhados”, “Alta intenção detectada”
การ์ดใบที่ 3 (ใบขวา) — การนัดหมาย: วางป้ายกำกับรูปทรงแคปซูลสีเขียวเข้มที่เขียนว่า “AGE” หัวข้อข่าวขนาดใหญ่ในภาษาโปรตุเกส: “Reunião agendada automaticamente” ด้านล่างให้รวมวิดเจ็ตปฏิทินขนาดกะทัดรัดที่มีหัวข้อว่า “Maio 2025” พร้อมป้ายกำกับวันในสัปดาห์เป็นภาษาโปรตุเกส: “SEG”, “TER”, “QUA”, “QUI”, “SEX”, “SÁB”, “DOM” แสดงตารางวันที่รายเดือนโดยมีวันที่ 15 ไฮไลต์ด้วยวงกลมสีส้ม เพิ่มลูกศรซ้ายและขวาขนาดเล็กใกล้กับส่วนหัวของปฏิทิน ที่ด้านล่างให้รวมบล็อกยืนยันพร้อมไอคอนปฏิทินสีส้มและข้อความ “Reunião confirmada”, “15 de maio, 10:00” และจุดสีเขียวตามด้วย “Google Meet”
สไตล์ภาพ: สุนทรียภาพของหน้า Landing Page ระดับไฮเอนด์สำหรับ SaaS, การ์ดกระดาษ 3D ที่นุ่มนวล, พื้นผิวสีขาวนวล, เส้นแบ่งสีเทาอ่อน, สีเน้นโทนเขียวและส้มที่ดูนุ่มนวล, เงาที่ละเอียดอ่อน, ไอคอน UI แบบเวกเตอร์ที่คมชัด, การจัดวางตัวอักษรที่ประณีต, ม็อกอัปผลิตภัณฑ์ที่ดูสมจริงแต่สะอาดตา
ข้อจำกัด: ใช้การ์ดจำนวน 3 ใบพอดี, ช่องแหล่งข้อมูล 12 ช่องบนการ์ดใบซ้าย, แถวรายการตรวจสอบ 3 แถวบนการ์ดใบกลาง และวิดเจ็ตปฏิทิน 1 รายการบนการ์ดใบขวา ข้อความทั้งหมดต้องอ่านง่าย, ไม่มีรูปคน, ไม่มีโลโก้อื่นนอกเหนือจากไอคอนแหล่งข้อมูลที่ระบุ, ไม่มีลายน้ำ, และไม่มีส่วนประกอบของเบราว์เซอร์