ฟองความพึงพอใจของลูกค้าในฮีโร่
พื้นที่ภาพฮีโร่ต้องการแท็กเมตริกธุรกิจแบบเรียลไทม์เพื่อเสริมข้อมูลมูลค่าลูกค้า
ฟองเมตริกความพึงพอใจ ROI และอื่น ๆ โผล่วนซ้ำพร้อมแอนิเมชันออกเอกสารตรวจรับ
01คงสไตล์ภาพรวมให้สว่างและสะอาด
02ปุ่มหลักต้องมีสถานะที่คลิกได้ชัดเจน
03หน้าแรกคงองค์ประกอบภาพที่เน้นเทคโนโลยี
04โมดูลเนื้อหาถูกบรรจุด้วยการ์ด
05ข้อความหลักต้องครอบคลุมความสามารถ สถานการณ์ และมูลค่า
06ตัวเลขสำคัญใช้เพื่อเน้นจังหวะของหน้า
07หน้าหลักคงจุดเรียกสู่การกระทำที่ชัดเจน
08ข้อความเนื้อหาไม่เล็กกว่า 14px
09แถบนำทางตรึงไว้ด้านบนของหน้า
10ทุกภาพต้องมีคำบรรยายด้านล่าง
11Line-height รวมศูนย์ที่ 1.6
12Favicon ครอบคลุมทุกขนาดทั่วไป
01ภาพฮีโร่ต้องนำเสนอทีม อินเทอร์เฟซผลิตภัณฑ์ และโดเมนแบรนด์พร้อมกัน
02สไตล์ปุ่มคงเป็นเอกภาพทั่วทั้งไซต์ ด้วยรัศมีมุม 12px
03ใช้โมชันเพื่อเสริมลำดับชั้นโดยไม่กระทบการอ่านพื้นฐาน
04ส่วนเรื่องราวลูกค้าคงช่องแสดงผลลัพธ์ไว้
05เลย์เอาต์มือถือจัดลำดับความสำคัญความสามารถในการอ่านข้อความ 14px
06แถบนำทางใช้ position: sticky และตรึงไว้ขณะเลื่อน
07แอตทริบิวต์ alt ของภาพและคำบรรยายด้านล่างภาพต้องไม่ถูกละเว้น
บันทึกการออกแบบ
พื้นที่ภาพฮีโร่ต้องการแท็กเมตริกธุรกิจแบบเรียลไทม์เพื่อเสริมข้อมูลมูลค่าลูกค้า
ฟองเมตริกความพึงพอใจ ROI และอื่น ๆ โผล่วนซ้ำพร้อมแอนิเมชันออกหัวข้อและลิงก์ต้องการฟีดแบ็กภาพที่ชัดเจนในสถานะ hover
แกรเดียนต์สายรุ้ง + ไฮไลต์กวาด + การหมุน hue + เรืองแสงปุ่มต้องการฟีดแบ็กไดนามิกที่แข็งแกร่งขึ้นเมื่อ hover/คลิก ขณะคงพื้นที่คลิกให้เสถียร
ชั้นภาพเคลื่อนไหวด้วย translateY ขณะพื้นที่คลิกอยู่กับที่การนำทางด้านบนต้องการความรู้สึกวัสดุโปร่งแสงพร้อมความลึกแบบชั้น
พื้นหลังกระจก backdrop-filter + ไฮไลต์กวาด + แอนิเมชันลอยเบา ๆมอบโหมดการอ่านที่มุ่งเน้นซึ่งลดสิ่งรบกวนทางสายตา
หน้ากากเต็มจอ + รัศมีสปอตไลต์ตามเคอร์เซอร์ควบคุมพื้นที่ที่มองเห็นขยายการรับรู้แบรนด์เพื่อให้การเคลื่อนไหวของเคอร์เซอร์สอดคล้องกับสไตล์ภาพของหน้า
เคอร์เซอร์ SVG แบรนด์ + เอฟเฟกต์อนุภาคตามหลังหน้าเรื่องราวลูกค้าต้องการพื้นที่แสดงผล 3D แบบดื่มด่ำ
เมทริกซ์อนุภาค WebGL + การโต้ตอบด้วยเมาส์ + แผงไดนามิกด้านล่างของหน้าต้องการพื้นที่ปิดท้ายแบรนด์ที่มองเห็นได้อย่างต่อเนื่อง
เพชรหมุน 3D + มาร์คีแบรนด์ + สีไดนามิกภาพฮีโร่ต้องนำเสนอฉากทีมและแบรนด์ richify.net พร้อมกัน
เครื่องหมายแบรนด์ richify.net ถูกฝังในพื้นที่หน้าจอแล็ปท็อป