Haliviq
กลับไปหน้าผลงานFitness & Wellness

เว็บไซต์สตูดิโอฟิตเนส BASE

เราออกแบบและพัฒนาเว็บไซต์ให้ BASE สตูดิโอฟิตเนสและเวลเนส มีระบบจองคลาสออนไลน์และหน้าแนะนำเทรนเนอร์ ให้คนที่สนใจดูตารางคลาส รู้จักเทรนเนอร์ แล้วตัดสินใจลองหรือสมัครได้ง่ายขึ้น

BASE2025 · 2 เดือน

เกี่ยวกับโปรเจกต์

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

บริการที่เราทำ

ออกแบบเว็บไซต์ (UX/UI)พัฒนาเว็บไซต์ระบบจองคลาสออนไลน์ดูแลทิศทางภาพถ่ายและคอนเทนต์
BASE

โจทย์และแนวทาง

สิ่งที่ลูกค้าต้องการ และวิธีที่เราลงมือแก้

โจทย์ของโปรเจกต์

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

แนวทางที่เราทำ

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

ขั้นตอนการทำงาน

01

ทำความเข้าใจแบรนด์

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

02

ออกแบบ UX/UI

เราจัดหน้าเว็บให้ดูคลาสและเทรนเนอร์ได้ง่าย และเว้นพื้นที่ไว้สำหรับภาพเคลื่อนไหวที่ทำให้เว็บดูมีพลัง

03

พัฒนาและเชื่อมระบบจอง

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

04

วางแผนคอนเทนต์

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

โซลูชัน UI 01

แบรนด์ที่สื่อผ่านเว็บไซต์

  • ดีไซน์โทนมืดทันสมัย เข้ากับภาพลักษณ์ฟิตเนส
  • แกลเลอรีภาพเทรนเนอร์และอุปกรณ์
  • โปรไฟล์เทรนเนอร์แต่ละคน

ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง

โซลูชัน UI 02

จองคลาสที่ใช้งานง่าย

  • จองคลาสออนไลน์ได้จากเว็บไซต์โดยตรง
  • แสดงตารางคลาสและความพร้อมของเทรนเนอร์
  • ใช้งานบนมือถือได้ครบทุกขั้นตอน
9:0011:3014:00
จองเลย

ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง

โซลูชัน UI 03

ช่วยด้านการตลาด

  • วางแนวทางคอนเทนต์สำหรับโซเชียลมีเดีย
  • จัดภาพถ่ายให้พร้อมใช้ในงานโฆษณา
  • โครงสร้างเว็บไซต์ที่เหมาะกับการทำ SEO ต่อในระยะยาว

ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง

ผังขั้นตอนโครงการ

เส้นทางของโปรเจกต์ ตั้งแต่โจทย์แรกจนส่งมอบงาน

ทำความเข้าใจแบรนด์
ออกแบบ UX/UI
พัฒนาและเชื่อมระบบจอง
วางแผนคอนเทนต์

สิ่งที่เราพัฒนา

ออกแบบเว็บไซต์ (UX/UI)
พัฒนาเว็บไซต์
ระบบจองคลาสออนไลน์
ดูแลทิศทางภาพถ่ายและคอนเทนต์

ภาษาและเทคโนโลยีที่ใช้

เท่าที่เปิดเผยได้ ส่วนที่เป็นความลับของลูกค้าไม่ได้ระบุไว้

ภาษา

HTMLCSSJavaScript

เฟรมเวิร์กและระบบ

ReactNext.jsCMS

โฮสติ้งและการส่งมอบ

Cloud hostingCDN

ฟีเจอร์เด่น

01

แบรนด์ที่สื่อผ่านเว็บไซต์

  • ดีไซน์โทนมืดทันสมัย เข้ากับภาพลักษณ์ฟิตเนส
  • แกลเลอรีภาพเทรนเนอร์และอุปกรณ์
  • โปรไฟล์เทรนเนอร์แต่ละคน
02

จองคลาสที่ใช้งานง่าย

  • จองคลาสออนไลน์ได้จากเว็บไซต์โดยตรง
  • แสดงตารางคลาสและความพร้อมของเทรนเนอร์
  • ใช้งานบนมือถือได้ครบทุกขั้นตอน
03

ช่วยด้านการตลาด

  • วางแนวทางคอนเทนต์สำหรับโซเชียลมีเดีย
  • จัดภาพถ่ายให้พร้อมใช้ในงานโฆษณา
  • โครงสร้างเว็บไซต์ที่เหมาะกับการทำ SEO ต่อในระยะยาว

มีโปรเจกต์ในใจไหม?

มาทำโปรเจกต์ถัดไปด้วยกัน

คุยกับเรา