Case study

เครือธุรกิจความงาม 4 แบรนด์ในเว็บเดียว 9 หน้า ไทยและอังกฤษทุกหน้า พร้อมระบบจองคิวที่ลูกค้าเลือกเวลา โอนเงิน และแนบสลิปได้จบในหน้าเดียว

Beauty salon groupWeb design / Development / Online booking

เครือธุรกิจความงาม 4 แบรนด์ในเว็บเดียว 9 หน้า ไทยและอังกฤษทุกหน้า พร้อมระบบจองคิวที่ลูกค้าเลือกเวลา โอนเงิน และแนบสลิปได้จบในหน้าเดียว

ลูกค้า

Lomdao Group

ประเภทธุรกิจ

Beauty salon group

ขอบเขตงาน

Web design / Development / Online booking

หน้าแรก ทั้งหน้า

ข้ามไปดูรายละเอียดงานหน้าแรกเว็บไซต์ Lomdao Group ทั้งหน้า

ชุดสี

#FAF6ED
#33291E
#B3924F
#F3EBDB
#5C5142

ฟอนต์ที่ใช้

หัวข้อ

ตัวอย่างฟอนต์ Cormorant Garamond
Cormorant Garamond300 · 400 · 500 · 600

เนื้อความ

ตัวอย่างฟอนต์ Jost
Jost300 · 400 · 500

ตัวเน้น

ตัวอย่างฟอนต์ Parisienne
Parisienne400

งานนี้ในตัวเลข

9

หน้า ไทยและอังกฤษทุกหน้า

4

แบรนด์ในเครือ บนเว็บเดียว

5

คิวต่อวัน ที่จองออนไลน์ได้

15

นาทีที่ระบบกันคิวไว้ ระหว่างลูกค้าโอนเงิน

01

ความงาม 4 แบรนด์ ในเครือเดียว

Lomdao Group คือเครือธุรกิจความงามของอาจารย์ล้อมดาว ที่ทำผมและแต่งหน้ามามากกว่า 40 ปี ในเครือมี 4 แบรนด์ Lomdao Private Atelier ดีไซน์ขนตาและคิ้วที่โรงแรมดุสิตธานี กรุงเทพฯ Lomdao Studio ร้านทำผมและแต่งหน้าที่ขอนแก่น Lomdao Center หลักสูตรช่างเสริมสวยที่สตูดิโอเดียวกัน และ Moo Maharani ร้านเช่าส่าหรีและเลเฮงก้าที่นัดหมายทาง LINE

โจทย์คือเว็บเดียวที่รวมทั้ง 4 แบรนด์ คนที่เข้ามาต้องรู้ตลอดว่ากำลังอ่านแบรนด์ไหน แต่ทั้งเว็บยังดูเป็นครอบครัวเดียวกัน งานแบบนี้คือเว็บไซต์บริษัทที่มีหลายธุรกิจในเครือ ดูเว็บจริงได้ที่ lomdaogroup.com (เปิดในแท็บใหม่)

02

วันละ 5 คิว พลาดไม่ได้สักคิว

Lomdao Private Atelier รับลูกค้าวันละ 5 คิว เวลา 10.00 12.00 14.00 16.00 และ 18.00 น. ถ้าคิวซ้อนกัน หรือมีคนจองไว้แล้วไม่จ่ายเงิน ที่นั่งนั้นก็หายไปทั้งวัน ระบบจองจึงต้องกันเวลาไว้ให้คนที่กำลังโอนเงิน และปล่อยเวลานั้นคืนเมื่อไม่มีการชำระ

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

03

ทอง ครีม และฟอนต์มีเชิง

หน้าแรกเปิดด้วยภาพ K’Ying ในชุดสูทขาวบนพื้นทองคำเปลว กับหัวข้อ "WELCOME TO MY WORLD OF BEAUTY" ที่ลูกค้าอนุมัติไว้ หัวข้อใช้ Cormorant Garamond ตัวพิมพ์ใหญ่เว้นระยะกว้าง เนื้อหาใช้ Jost และประโยคสั้นอย่าง "Five clients a day." ใช้ Parisienne ตัวเขียน ส่วนภาษาไทยใช้ Trirong กับหัวข้อ และ Prompt กับเนื้อหา

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

04

เว็บ 9 หน้า สลับภาษาได้

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

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

05

จองและโอน ในหน้าเดียว

ฟอร์มจองบนหน้า Atelier ให้เลือกทรีตเมนต์จาก 11 รายการตามเมนูของร้าน เลือกวันล่วงหน้าได้ถึง 180 วัน และเลือก 1 ใน 5 เวลาของวันนั้น เมื่อกดจอง ระบบกันเวลานั้นไว้ 15 นาที ให้ลูกค้าโอนเต็มจำนวน หรือมัดจำ 1,000 บาท ผ่านบัญชีธนาคารหรือ QR พร้อมเพย์ แล้วแนบสลิปเป็นรูปหรือไฟล์ PDF และได้เลขที่การจองทันที

ทุกการจองถูกส่งเข้าอีเมลของร้านพร้อมสลิป และลงใน Google Calendar ของร้านเอง ข้อมูลการจองและรูปสลิปถูกลบจากฐานข้อมูลอัตโนมัติเมื่อครบ 7 วัน ตามที่เขียนไว้ในนโยบายความเป็นส่วนตัวของเว็บ ถ้าร้านของคุณอยากรับจองแบบนี้ ดูรับทำเว็บไซต์สปาและร้านนวด

06

SEO แยกตามแบรนด์และที่ตั้ง

แต่ละหน้ามีชื่อหน้าของตัวเอง และมี Schema ที่ตรงกับธุรกิจจริง ทั้งเครือเป็น Organization ที่มีชื่อไทยว่าเครือล้อมดาว Lomdao Studio เป็น HairSalon พร้อมที่อยู่ในขอนแก่นและเวลาเปิด Lomdao Private Atelier เป็น BeautySalon ที่ดุสิตธานี และ Lomdao Center เป็น Course ที่บอกระยะเวลาเรียนและค่าเรียน ทุกค่าใน Schema ตรงกับที่เขียนบนหน้าเว็บ

เว็บเป็น HTML สำเร็จรูปบน Cloudflare ไม่มีเซิร์ฟเวอร์ให้ต้องดูแล และโหลดจากจุดที่ใกล้ผู้ใช้ Sitemap มีครบ 9 หน้า ส่วน robots.txt กันไฟล์ข้อมูลเบื้องหลังที่ Next.js สร้างไว้ ไม่ให้ Google เก็บเป็นหน้าซ้ำ ถ้าคุณมีหลายสาขาและอยากให้คนในแต่ละพื้นที่หาเจอ ดูรับทำ Local SEO

อยากได้เว็บแบบนี้สำหรับธุรกิจของคุณ

เล่าธุรกิจของคุณมาทาง LINE หรือ WhatsApp เราตอบกลับภายใน 1 วันทำการ พร้อมแพ็กเกจที่เหมาะและงานที่ใกล้เคียงที่สุด

ทักทาง LINE (เปิดในแท็บใหม่)ทักทาง WhatsApp (เปิดในแท็บใหม่)ส่งอีเมลหาเรา