แกลเลอรี Procedural Shader

สร้างเว็บไซต์โชว์รูมสไตล์ภาพยนตร์สำหรับแบรนด์ EV สมมติชื่อ Nexus Automotive ส่วนฮีโร่เป็น fragment shader แบบ procedural เต็มหน้าจอ — แสงที่ไหลเคลื่อนไหวแบบเรียลไทม์ — อยู่ด้านหลังตัวอักษร serif ขนาดใหญ่สองบรรทัดและแท็กไลน์สั้น ๆ จากนั้นเมื่อเลื่อนหน้าจอให้ตามด้วยส่วนแถลงการณ์ของแบรนด์ แก่นหลักคือดัชนีรุ่นรถ: รถ 4 รุ่น (ซีดานรุ่นเรือธง, SUV สำหรับการเดินทาง, ซูเปอร์คาร์สมรรถนะสูง และรถเมืองขนาดกะทัดรัด) แสดงเป็นแถวตัวอักษรขนาดใหญ่ เมื่อวางเมาส์เหนือแถว ให้แสดงภาพรถคันนั้นข้างรายการและลดความเด่นของรายการอื่น การคลิกต้องเปิดหน้ารายละเอียดเฉพาะ พร้อมบทนำบอกตำแหน่งทางการตลาดและเนื้อหา 3 บท (รูปทรง, ห้องโดยสาร, สมรรถนะ) รวมถึงทางกลับไปยังรายการ เพิ่มส่วนวิดีโอประสบการณ์แบรนด์และฟุตเตอร์สำหรับติดต่อที่มีที่อยู่ศูนย์ประสบการณ์และเวลาเปิดทำการ ใช้พาเล็ตสีเกือบโมโนโครม จับคู่ฟอนต์ serif สำหรับแสดงผลกับฟอนต์ mono สำหรับป้ายกำกับ และใช้การเลื่อนอย่างลื่นไหลร่วมกับพารัลแลกซ์แบบนุ่มนวลและการเปลี่ยนผ่านแบบเฟด ส่งมอบเป็นเว็บไซต์แบบสแตติกที่เปิดใช้งานได้โดยตรงในเบราว์เซอร์ — การเลื่อน การเผยเมื่อวางเมาส์ และการนำทางระหว่างหน้าต้องใช้งานได้จริงทั้งหมด เปลี่ยนเนื้อหาที่นำเสนอเป็นแบรนด์กาแฟสเปเชียลตี: จากไลน์ผลิตภัณฑ์ 5 ไลน์เป็นเมล็ดกาแฟแหล่งปลูกเดียว 5 รายการ ปรับ Shader ในส่วนฮีโร่เป็นไอน้ำสีน้ำตาลอบอุ่นและอนุภาคเมล็ดกาแฟ และเพิ่มข้อมูลแหล่งปลูก กระบวนการผลิต โน้ตรสชาติ และเคล็ดลับการชงในแต่ละหน้ารายละเอียด 

สร้างเว็บไซต์โชว์รูมสไตล์ภาพยนตร์สำหรับแบรนด์ EV สมมติชื่อ Nexus Automotive ส่วนฮีโร่เป็น fragment shader แบบ procedural เต็มหน้าจอ — แสงที่ไหลเคลื่อนไหวแบบเรียลไทม์ — อยู่ด้านหลังตัวอักษร serif ขนาดใหญ่สองบรรทัดและแท็กไลน์สั้น ๆ จากนั้นเมื่อเลื่อนหน้าจอให้ตามด้วยส่วนแถลงการณ์ของแบรนด์ แก่นหลักคือดัชนีรุ่นรถ: รถ 4 รุ่น (ซีดานรุ่นเรือธง, SUV สำหรับการเดินทาง, ซูเปอร์คาร์สมรรถนะสูง และรถเมืองขนาดกะทัดรัด) แสดงเป็นแถวตัวอักษรขนาดใหญ่ เมื่อวางเมาส์เหนือแถว ให้แสดงภาพรถคันนั้นข้างรายการและลดความเด่นของรายการอื่น การคลิกต้องเปิดหน้ารายละเอียดเฉพาะ พร้อมบทนำบอกตำแหน่งทางการตลาดและเนื้อหา 3 บท (รูปทรง, ห้องโดยสาร, สมรรถนะ) รวมถึงทางกลับไปยังรายการ เพิ่มส่วนวิดีโอประสบการณ์แบรนด์และฟุตเตอร์สำหรับติดต่อที่มีที่อยู่ศูนย์ประสบการณ์และเวลาเปิดทำการ ใช้พาเล็ตสีเกือบโมโนโครม จับคู่ฟอนต์ serif สำหรับแสดงผลกับฟอนต์ mono สำหรับป้ายกำกับ และใช้การเลื่อนอย่างลื่นไหลร่วมกับพารัลแลกซ์แบบนุ่มนวลและการเปลี่ยนผ่านแบบเฟด ส่งมอบเป็นเว็บไซต์แบบสแตติกที่เปิดใช้งานได้โดยตรงในเบราว์เซอร์ — การเลื่อน การเผยเมื่อวางเมาส์ และการนำทางระหว่างหน้าต้องใช้งานได้จริงทั้งหมด เปลี่ยนข้อความทั้งหมดบนเว็บไซต์เป็นภาษาอังกฤษ รวมถึงดัชนีขนาดใหญ่ เนื้อหาหน้ารายละเอียด และการนำทาง ปรับขนาดฟอนต์และความสูงบรรทัดให้เหมาะกับภาษาอังกฤษ โดยคงภาพ Shader และการโต้ตอบเมื่อวางเมาส์ไว้เหมือนเดิม