Case study

เว็บหน้าเดียวของกระชังเขาหลัก ร้านอาหารทะเลปักษ์ใต้ริมท่าเรือทับละมุ จังหวัดพังงา ที่ได้บิบ กูร์มองด์ จากมิชลิน ไกด์ ทั้งปี 2026 และ 2027 มีทั้งภาษาไทยและอังกฤษ

Seafood restaurantWeb design / One page / Thai and English

เว็บหน้าเดียวของกระชังเขาหลัก ร้านอาหารทะเลปักษ์ใต้ริมท่าเรือทับละมุ จังหวัดพังงา ที่ได้บิบ กูร์มองด์ จากมิชลิน ไกด์ ทั้งปี 2026 และ 2027 มีทั้งภาษาไทยและอังกฤษ

ลูกค้า

Krachang Khaolak

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

Seafood restaurant

ขอบเขตงาน

Web design / One page / Thai and English

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

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

ชุดสี

#F6EFE4
#EFDFC6
#A0522C
#6B2C1A
#33160F

ฟอนต์ที่ใช้

หัวข้อ

ตัวอย่างฟอนต์ Epilogue
Epilogue400 · 600 · 750

เนื้อความ

ตัวอย่างฟอนต์ LINE Seed Sans TH
LINE Seed Sans TH400 · 700 · 800

ตัวเน้น

ตัวอย่างฟอนต์ Telma
Telma500

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

2

ภาษาในหน้าเดียว ภาษาไทยที่ / และภาษาอังกฤษที่ /en

5

ส่วน ตั้งแต่หน้าเปิดจนถึง Visit Us

8

ภาพบนผนังรูปถ่ายแบบโพลารอยด์

0

ฟอร์มบนเว็บ ลูกค้าจองผ่าน LINE หรือโทรหาร้าน

01

ร้านอาหารทะเลริมท่าเรือทับละมุ

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

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

02

สีน้ำตาลของร้าน และปลาจากโลโก้

สีหลักคือสีน้ำตาลจากรูปโปรไฟล์ Instagram ของร้าน วางบนพื้นสีครีม ส่วนเหรียญรางวัลใช้สีส้มกับทอง หัวข้อภาษาอังกฤษใช้ Epilogue ภาษาไทยใช้ LINE Seed Sans TH และข้อความเด่นใช้ Telma ตอนเปิดเว็บ ปลาในโลโก้จะวาดตัวเองขึ้นมา ตากะพริบ หางสะบัด แล้วแผ่นสีสองชั้นก็เลื่อนขึ้นเป็นคลื่น

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

03

ห้าส่วน ในหน้าเดียว

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

ส่วน Visit Us มีที่อยู่ เวลาเปิดปิด เบอร์โทร ปุ่มจองผ่าน LINE และปุ่ม Google Maps วางข้างภาพวาดท่าเรือที่มีหมุดปักตรงตำแหน่งร้าน

04

จองผ่าน LINE ไม่ต้องกรอกฟอร์ม

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

แผนที่เป็นปุ่มลิงก์ไป Google Maps แทนการฝังแผนที่ไว้ในหน้า หน้าเว็บจึงไม่โหลดคุกกี้จาก Google

05

สองภาษา ในหน้าเดียว

ภาษาไทยอยู่ที่หน้าแรก ภาษาอังกฤษอยู่ที่ /en และทั้งสองหน้าผูกกันด้วย hreflang คำภาษาไทยที่เบราว์เซอร์มักตัดผิดที่จะอยู่ในบรรทัดเดียวกันเสมอ

ถ้าร้านของคุณอยากได้เว็บแบบนี้ ดูรับทำเว็บไซต์ร้านอาหาร หรือรับทำ Landing Page เว็บไซต์หน้าเดียว

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

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

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