ร้านมัทฉะย่านเอกมัย เว็บที่ตอบ 4 คำถามแรกของลูกค้าให้จบในที่เดียว ร้านอยู่ไหน เปิดกี่โมง มีเมนูอะไร และราคาเท่าไร
Matcha barBrand direction / Web design / Menu pages

ลูกค้า
Hoshi
ประเภทธุรกิจ
Matcha bar
ขอบเขตงาน
Brand direction / Web design / Menu pages
หน้าเว็บ





งานนี้ในตัวเลข
4
คำถามที่ตอบได้ก่อนมาร้าน ที่ไหน กี่โมง มีอะไร ราคาเท่าไร
3
หมวดเมนู มัทฉะ เค้ก และโบบา
6
สีในชุดสีของแบรนด์
2
ปุ่มบนการ์ดเมนูทุกใบ ดูเพิ่มและสั่งเครื่องดื่ม
01
ร้านมัทฉะ ย่านเอกมัย
Hoshi เป็นร้านมัทฉะบนสุขุมวิท 63 ย่านเอกมัย เปิด 07.30 ถึง 18.00 น. ขายมัทฉะเป็นแก้ว ทั้งมัทฉะเย็น สตรอว์เบอร์รีมัทฉะ และเฮเซลนัทมัทฉะ คู่กับเค้กและโบบา
งานนี้เริ่มจากทิศทางแบรนด์ ชุดสี และฟอนต์ ก่อนแตะหน้าเว็บสักหน้า เพราะร้านขายทั้งเครื่องดื่ม เค้ก และโบบา ทั้งสามอย่างต้องอยู่ในระบบเดียวกัน แล้วจึงวางลำดับหน้าเว็บตามลำดับที่ลูกค้าถามจริง
02
คำถาม 4 ข้อ ก่อนมาร้าน
ก่อนเลือกร้านกาแฟหรือคาเฟ่ คนส่วนใหญ่อยากรู้แค่ 4 เรื่อง ร้านอยู่ไหน เปิดกี่โมง มีเมนูอะไร และราคาเท่าไร ถ้าต้องเลื่อนหาคำตอบในโพสต์เก่าบนโซเชียล หลายคนเลือกร้านอื่นแทน
โจทย์ของเว็บจึงเป็นการตอบทั้ง 4 ข้อให้เร็ว ราคาอยู่บนการ์ดเมนูทุกใบ ที่อยู่กับเวลาเปิดอยู่ท้ายเว็บทุกหน้า และปุ่ม Get a Drink อยู่มุมขวาบนของทุกหน้าจอ
03
เขียวมัทฉะ กับแดงสตรอว์เบอร์รี
ชุดสีทั้ง 6 สีมาจากตัวเครื่องดื่มเอง เขียวเข้ม เขียวสด เขียวอ่อน และครีม ตัดด้วยแดงสตรอว์เบอร์รีกับชมพูอ่อน หัวข้อใช้ Baloo 2 ตัวหนาโค้งมน น้ำหนัก 400 ถึง 800 ส่วนเนื้อหาและปุ่มใช้ Poppins
หน้าแรกเปิดด้วยคำว่า HOSHI ตัวใหญ่เต็มความกว้างจอ มือที่ถือสตรอว์เบอร์รีมัทฉะอยู่หน้าตัวอักษรเพื่อให้ภาพมีมิติ ข้าง ๆ มีป้ายวงกลม Enjoy Hoshi Matcha และแท็บเลือกหมวด Cake Matcha และ Boba ก่อนคลื่นสีเขียวเข้มจะพาลงไปยังแถบข้อความวิ่งพร้อมสติกเกอร์
05
ท้ายเว็บ คือป้ายหน้าร้าน
ส่วนท้ายของทุกหน้ารวมสิ่งที่คนถามบ่อยที่สุดไว้ที่เดียว ที่อยู่บนสุขุมวิท 63 เวลาเปิด อีเมล เบอร์โทร ลิงก์ไปยังเมนูทั้ง 3 แก้ว นโยบายความเป็นส่วนตัว ข้อกำหนด และโซเชียล 4 ช่องทาง ปิดท้ายด้วยคำว่า "HOSHI." ตัวใหญ่ข้างถ้วยมัทฉะ
คนที่ยืนอยู่หน้าร้านแล้วเปิดเว็บจากมือถือ เลื่อนลงสุดก็เห็นทุกอย่างที่ต้องรู้ ไม่ต้องซูม และไม่ต้องกดเข้าไปอีกหน้า เจ้าของร้านแก้เมนู ราคา และเวลาเปิดเองได้ผ่านระบบหลังบ้าน
06
เมนูเป็นตัวอักษร ที่ Google อ่านได้
ชื่อเครื่องดื่ม คำอธิบาย และราคาเป็นข้อความจริงบนหน้าเว็บ ไม่ใช่รูปถ่ายเมนู Google และเครื่องมือ AI จึงอ่านได้ว่าร้านขายอะไรและราคาเท่าไร ส่วนที่อยู่กับเวลาเปิดก็เขียนไว้แบบเดียวกันทุกหน้า
ทั้งเว็บมีเวอร์ชันไทยและอังกฤษ วาง Schema กับ Sitemap และต่อ Google Analytics กับ Search Console ไว้ตั้งแต่ก่อนเปิดใช้ ถ้าอยากให้ร้านขึ้นบน Google Maps ด้วยข้อมูลชุดเดียวกัน ดูทำ Google Business Profile

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