กลับสู่หน้าหลัก

คอนเสิร์ตไทยในเยอรมนี (TCG)

ภาพรวม

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

ความท้าทาย

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

การดำเนินการ

  • •ใช้เทคนิค Glassmorphism CSS และปรับแต่งวิดีโอ/ภาพพื้นหลังเพื่อให้ดูพรีเมียม แต่โหลดเร็ว
  • •เชื่อมต่อกับไลบรารี next-intl เพื่อการแปลภาษาทั้งบน Server-side และ Client-side อย่างราบรื่น
  • •ใช้งาน GSAP และ Framer Motion ในการจัดการแอนิเมชันที่ตอบสนองเมื่อเลื่อนหน้าจอ (Scroll-triggered)

ผลลัพธ์

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

เทคโนโลยีที่ใช้

Next.jsGlassmorphismi18nGSAP/Framer