BAAN TALAY

เว็บรีสอร์ตริมทะเลหัวหิน 14 หน้าจอ ที่ราคาห้องเปลี่ยนตามฤดูกาลและวันในสัปดาห์จริง วันที่เต็มก็เต็มจริง และสลับไทย–อังกฤษได้ทั้งเว็บ

ph-akin.dev/baan-talay
BAAN TALAY live page screenshot.
ภาพหน้าจอ BAAN TALAY แถบราคารายวัน 14 วันบนเดสก์ท็อป
แถบราคา 14 วันข้างหน้าบนหน้าห้องพัก — ราคาต่อคืนไม่เท่ากันในแต่ละวันเพราะคิดจากฤดูกาลและวันในสัปดาห์ และวันที่เต็มขึ้นว่าเต็มแล้ว
ภาพหน้าจอ BAAN TALAY บนมือถือกว้าง 375 พิกเซล
จอ 375px — การ์ดเช็ควันว่างเกยขอบล่างของภาพฮีโร่ และแถบราคากับปุ่มจองยึดอยู่ก้นจอตลอดการเลือก

ภาพรวมโปรเจกต์

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

Booking Interactive Gallery Light UI Thai

สรุปใน 30 วินาที

  • ห้องแต่ละแบบมีรายการในห้องครบทุกรายการแยกเป็นหมวด พร้อมบอกตรง ๆ ว่าเหมาะกับใครและอาจไม่เหมาะกับใคร ส่วนนโยบายยกเลิกแยกตามฤดูกาลเหมือนที่ราคาแยก และค่าเด็กแยกตามช่วงอายุพร้อมราคา
  • ราคาต่อคืนไม่เท่ากันจริง — ไฮซีซัน (พ.ย.–ก.พ.) +35% กรีนซีซัน (มิ.ย.–ก.ย.) −15% คืนศุกร์–เสาร์ +20% และช่วงปีใหม่กับสงกรานต์บวกเพิ่มอีก พร้อมขั้นต่ำการเข้าพัก 2 คืนช่วงสุดสัปดาห์และ 3 คืนช่วงเทศกาล
  • ห้องว่างมาจาก seed ของ (ห้อง, วันที่) ไม่ใช่ Math.random() วันเดิมให้คำตอบเดิมทุกครั้งที่รีโหลด ห้องที่เต็มจะกดไม่ได้และขึ้นว่าเต็มแล้ว ส่วนป้าย “เหลือ 2 ห้องสุดท้าย” ขึ้นเฉพาะตอนที่เหลือเท่านั้นจริง ๆ
  • 14 หน้าจอเดินด้วย hash ของ URL ปุ่มย้อนกลับของเบราว์เซอร์จึงยังทำงาน — ห้องพัก ห้องอาหาร สปา สิ่งอำนวยความสะดวก แพ็กเกจ รีวิว เกี่ยวกับเรา แกลเลอรี คำถามที่พบบ่อยและนโยบาย ติดต่อ และขั้นตอนจองอีกสามหน้า
  • หน้าสรุปกางราคาทีละคืน เพราะแต่ละคืนไม่เท่ากัน พร้อมรหัสส่วนลด EARLYBIRD ที่ใช้ได้จริงเมื่อจองล่วงหน้า 30 วันขึ้นไป และปฏิเสธพร้อมบอกเหตุผลเมื่อใช้ไม่ได้
  • รีวิว 10 รายการพร้อมคะแนนแยกหมวด มีรีวิว 3–4 ดาวที่ติเรื่องจริงและมีคำตอบกลับจากเจ้าของสองรายการ — แต่ไม่ใส่ schema.org Review ลงไป เพราะรีวิวสมมติไม่ควรกลายเป็น structured data บนโดเมนจริง
  • สลับไทย–อังกฤษได้ทั้งเว็บจากตารางข้อความชุดเดียว ทุกสตริงอยู่ที่เดียวกัน จึงไม่มีหน้าไหนแปลค้างครึ่งทาง และเลือกภาษาไว้แล้วจำได้
  • ไม่มีการเชื่อมต่อกับหลังบ้าน — ไม่มี fetch ไม่มี form action และท้ายหน้าเขียนบอกตรง ๆ ว่าชื่อบริษัท เลขผู้เสียภาษี เลขใบอนุญาต รีวิวและคะแนนทั้งหมดเป็นข้อมูลสมมติ

โปรเจกต์นี้เหมาะกับใคร

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

อยากได้แบบนี้บ้างไหม?

ปรับงานชิ้นนี้ให้เข้ากับธุรกิจของคุณ

บอกผมว่าธุรกิจคุณทำอะไร อยากให้เว็บช่วยเรื่องไหน และงบประมาณคร่าว ๆ เท่าไหร่ — ผมออกแบบและพัฒนาให้พอดีกับสิ่งนั้น

ราคาเริ่มต้น ฿3,900 ขึ้นอยู่กับขอบเขตงาน — ดูราคาทั้ง 3 แพ็กเกจ

เริ่มงานบน Fastwork อีเมลหาผม

ดูเว็บจริง ผลงานทั้งหมด