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

โจทย์และแนวทาง
สิ่งที่ลูกค้าต้องการ และวิธีที่เราลงมือแก้
BASE เป็นสตูดิโอฟิตเนสที่ดูแลสุขภาพแบบองค์รวม มีทีมเทรนเนอร์และอุปกรณ์ทันสมัย แต่เว็บไซต์เดิมไม่ได้สะท้อนความเป็นมืออาชีพนี้ และคนที่สนใจก็จองคลาสทดลองได้ไม่สะดวก หลายคนจึงอาจเลิกสนใจก่อนจะได้เริ่มลอง
เราออกแบบเว็บไซต์โทนมืดที่ดูทันสมัย เน้นภาพเทรนเนอร์และบรรยากาศสตูดิโอ แล้วทำระบบจองคลาสออนไลน์ที่ใช้ง่าย ให้ลูกค้าใหม่เห็นตารางคลาส เลือกเทรนเนอร์ และจองได้ในที่เดียว ตัดสินใจสมัครได้เร็วกว่าเดิม
ขั้นตอนการทำงาน
ทำความเข้าใจแบรนด์
เราเก็บข้อมูลบรรยากาศสตูดิโอ ทีมเทรนเนอร์ และกลุ่มลูกค้าเป้าหมาย เพื่อรู้ว่าคนที่จะมาสมัครคาดหวังอะไรจากการเข้าเว็บ
ออกแบบ UX/UI
เราจัดหน้าเว็บให้ดูคลาสและเทรนเนอร์ได้ง่าย และเว้นพื้นที่ไว้สำหรับภาพเคลื่อนไหวที่ทำให้เว็บดูมีพลัง
พัฒนาและเชื่อมระบบจอง
เราพัฒนาเว็บไซต์ให้โหลดเร็ว และเชื่อมกับระบบจองคลาสออนไลน์ ให้ตารางคลาสบนเว็บตรงกับที่สตูดิโอใช้งานจริง
วางแผนคอนเทนต์
เราช่วยวางแนวทางภาพและข้อความสำหรับโซเชียลมีเดีย ให้ภาพเทรนเนอร์และคลาสออกมาเป็นสไตล์เดียวกับหน้าเว็บ
โซลูชัน UI 01
แบรนด์ที่สื่อผ่านเว็บไซต์
- ดีไซน์โทนมืดทันสมัย เข้ากับภาพลักษณ์ฟิตเนส
- แกลเลอรีภาพเทรนเนอร์และอุปกรณ์
- โปรไฟล์เทรนเนอร์แต่ละคน
ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง
ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง
โซลูชัน UI 02
จองคลาสที่ใช้งานง่าย
- จองคลาสออนไลน์ได้จากเว็บไซต์โดยตรง
- แสดงตารางคลาสและความพร้อมของเทรนเนอร์
- ใช้งานบนมือถือได้ครบทุกขั้นตอน
ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง
ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง
โซลูชัน UI 03
ช่วยด้านการตลาด
- วางแนวทางคอนเทนต์สำหรับโซเชียลมีเดีย
- จัดภาพถ่ายให้พร้อมใช้ในงานโฆษณา
- โครงสร้างเว็บไซต์ที่เหมาะกับการทำ SEO ต่อในระยะยาว
ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง
ภาพจำลองเพื่ออธิบายแนวคิด ไม่ใช่ภาพหน้าจอจริง
ผังขั้นตอนโครงการ
เส้นทางของโปรเจกต์ ตั้งแต่โจทย์แรกจนส่งมอบงาน
สิ่งที่เราพัฒนา
ภาษาและเทคโนโลยีที่ใช้
เท่าที่เปิดเผยได้ ส่วนที่เป็นความลับของลูกค้าไม่ได้ระบุไว้
ภาษา
เฟรมเวิร์กและระบบ
โฮสติ้งและการส่งมอบ
ฟีเจอร์เด่น
แบรนด์ที่สื่อผ่านเว็บไซต์
- ดีไซน์โทนมืดทันสมัย เข้ากับภาพลักษณ์ฟิตเนส
- แกลเลอรีภาพเทรนเนอร์และอุปกรณ์
- โปรไฟล์เทรนเนอร์แต่ละคน
จองคลาสที่ใช้งานง่าย
- จองคลาสออนไลน์ได้จากเว็บไซต์โดยตรง
- แสดงตารางคลาสและความพร้อมของเทรนเนอร์
- ใช้งานบนมือถือได้ครบทุกขั้นตอน
ช่วยด้านการตลาด
- วางแนวทางคอนเทนต์สำหรับโซเชียลมีเดีย
- จัดภาพถ่ายให้พร้อมใช้ในงานโฆษณา
- โครงสร้างเว็บไซต์ที่เหมาะกับการทำ SEO ต่อในระยะยาว