การออกแบบเว็บไซต์สำหรับเครือฟิตเนสคลับ

สำหรับเว็บไซต์ฟิตเนสคลับ โดยเฉพาะอย่างยิ่งฟิตเนสที่ใช้ชื่อเกี่ยวกับออกซิเจน เรามองว่าการเพิ่มแอนิเมชันที่น่าประทับใจจะช่วยให้เว็บไซต์ดูมีชีวิตชีวาและเต็มไปด้วยพลัง สอดคล้องกับดีไซน์เดิมที่เน้นสีสันสดใสแบบ Flashy Color Palette แอนิเมชันทั้งหมดถูกสร้างขึ้นด้วยการผสมผสานระหว่าง CSS Transitions, Transformations และโค้ด JavaScript

หน้าแรก (Homepage) ของเว็บไซต์ประกอบด้วยสไลด์ต่างๆ ที่สามารถเลื่อนเปลี่ยนได้ด้วยเมาส์ (Mouse Wheel) โดยแต่ละสไลด์จะมีแอนิเมชันบนองค์ประกอบต่างๆ ทั้งแบนเนอร์ หัวข้อ และปุ่ม

• เอฟเฟกต์ฟองออกซิเจน (Oxygen bubbles): เมื่อเปิดเว็บไซต์ คุณจะพบกับฟองออกซิเจนที่ลอยขึ้นมาจากด้านล่างของหน้าจอ ซึ่งถูกสุ่มสร้างขึ้นด้วย JavaScript และวาดด้วย CSS
• แอนิเมชันเมนูแบบวงกลม: องค์ประกอบหลักของเมนูจะปรากฏขึ้นในรูปแบบแอนิเมชันวงกลม เพื่อดึงดูดสายตาและเชิญชวนผู้เข้าชม
• เอฟเฟกต์ Parallax บนแบนเนอร์
• หัวข้อแบบวงกลมเด้งขึ้นมา (Popping round titles)
• ปุ่มและป๊อปอัปแบบเด้ง (Popping buttons and popups)
• แอนิเมชันเมนูแบบลิ้นชัก (Drawer menu): เมนูจะเลื่อนเข้ามาจากทางขวาเมื่อคลิกที่ไอคอน "Hamburger Menu" ซึ่งเป็นเทคนิคที่มักใช้ในการออกแบบสำหรับมือถือ แต่ปัจจุบันก็ได้รับความนิยมบนเวอร์ชันเดสก์ท็อปเช่นกัน