กรณีศึกษา: เว็บไซต์ Baan Khanitha Thai Cuisine ร้านอาหารไทยชื่อดัง

สถานการณ์ตอนเริ่มต้น

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

โปรเจกต์ใช้เวลา 2 เดือน เราดูแลการออกแบบ UX/UI และการพัฒนาเว็บไซต์

สิ่งที่เราสังเกตเห็น

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

ขณะเดียวกัน ถ้าเว็บเป็นแค่หน้าข้อมูลร้านที่แห้ง ๆ ก็จะขัดกับสิ่งที่ร้านเป็น เราจึงตั้งเป้าให้ผู้เข้าชมรู้สึกเหมือนได้รับการต้อนรับ

สิ่งที่เราตัดสินใจ และเหตุผล

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

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

เว็บร้านอาหารที่ดีคือเว็บที่คนบนมือถือรู้สึกว่าได้รับการต้อนรับ แล้วพบเมนูภายในไม่กี่วินาที

งานดำเนินไปอย่างไร

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

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

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

สิ่งที่ส่งมอบ

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

ผู้เข้าชมดูสาขา เวลา และช่องทางติดต่อได้ทันที และจองโต๊ะได้ง่าย เว็บเร็วบนมือถือ ทีมงานอัปเดตเนื้อหาได้ และมีการตั้งค่า SEO พื้นฐานสำหรับการค้นหาในพื้นที่

บทเรียนที่ร้านอาหารนำไปใช้ได้

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

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

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