FLUID STUDIO

สตูดิโอออกแบบสมมติที่ดำเนินงานมาตั้งแต่ปี 2019; เมื่อวางเมาส์บนผลงาน ตัวอย่างจะเคลื่อนไหว และคลิกเปิดดูโจทย์ แนวทาง วิดีโอผลงาน และตัวเลขผลลัพธ์ได้

Loading preview...
เริ่มด้วยพรอมต์นี้

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

เพิ่ม motion lab

เพิ่มพื้นที่ motion lab ที่เล่นได้ถัดจากกริดกรณีศึกษา เปลี่ยนการทดลองด้านการเคลื่อนไหวของสตูดิโอจากงานจัดแสดงให้เป็นชิ้นงานอินเทอร์แอกทีฟที่ผู้เข้าชมเลือกและเล่นได้

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

ทั้งเว็บไซต์เปลี่ยนเป็นสไตล์แกลเลอรีโทนมืดโดยคงการเคลื่อนไหวอย่างพอดีไว้เช่นเดิม ปกยังคงเคลื่อนไหวเมื่อวางเมาส์ โดยจัดแสดงบนพื้นหลังโถงนิทรรศการสลัว

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

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

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