O2 Fitness

ออกแบบอนิเมชั่น Wordpress เว็บไซต์ให้กับ Fitness club

O2 Fitness

ฟิตเนสคลับแห่งใหม่ในกรุงเทพนี้ต้องการการออกแบบที่เป็นต้นฉบับพร้อมอนิเมชั่นที่สะท้อนความรู้สึกของการเคลื่อนไหวและการหายใจที่พวกเขาต้องการสร้างแรงบันดาลใจ เว็บไซต์ responsive อย่างเต็มรูปแบบ และแปลอย่างเต็มรูปแบบใน 2 ภาษา คืออังกฤษและไทย

Team
1 ผู้จัดการโครงการ
1 นักออกแบบเว็บไซต์
1 นักพัฒนาเว็บ
Methodology
Waterfall
Tools
InVision
Adobe Photoshop
TeamWork
Technologies
PHP, WordPress, HTML5, CSS
Timeframe
12 อาทิตย์

แอนิเมชั่นสดใหม่สำหรับเว็บไซต์แบบไดนามิก

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

หน้าแรกของเว็บไซต์ประกอบด้วยสไลด์ที่มีล้อเลื่อนของเมาส์โดยแต่ละภาพเคลื่อนไหวที่เคลื่อนไหวตามองค์ประกอบแบนเนอร์, ชื่อ, ปุ่ม

  • เอฟเฟกต์ฟองออกซิเจน: เมื่อเปิดเว็บไซต์คุณจะได้รับการต้อนรับด้วยฟองออกซิเจนที่มาจากด้านล่างของหน้าจอพวกเขาจะถูกสร้างแบบสุ่มด้วย Javascript และวาดด้วย CSS
  • เมนูด้านในภาพเคลื่อนไหวแบบวงกลม: องค์ประกอบหลักของเมนูปรากฏในภาพเคลื่อนไหวแบบวงกลมเพื่อดึงดูดสายตาของผู้เข้าชมและโน้มน้าวเขา
  • Parallax บนแบนเนอร์
  • Popping รอบชื่อเรื่อง
  • Popping ปุ่มและป๊อปอัป
  • เมนูเมนูเคลื่อนไหวแบบ Drawer : เมนูเลื่อนเข้ามาจากด้านขวาเมื่อคลิกที่เมนู “แฮมเบอร์เกอร์” ซึ่งเป็นเทคนิคที่ใช้สำหรับการออกแบบโทรศัพท์มือถือ แต่มักจะใช้กับรุ่นเดสก์ท็อปในปัจจุบัน
home
o2design

ภาพเคลื่อนไหวที่สร้างสรรค์สำหรับเว็บไซต์ใหม่ของคุณเป็นอย่างไรบ้าง?

ติดต่อกับทีม Outsourcify

บทความบล็อกที่เกี่ยวข้อง