Case study

ร้านมัทฉะย่านเอกมัย ตั้งแต่ทิศทางแบรนด์จนถึงหน้าเมนู

Aug 2026Matcha barBrand direction / Web design / Menu pages

ร้านมัทฉะย่านเอกมัย ตั้งแต่ทิศทางแบรนด์จนถึงหน้าเมนู

ลูกค้า

Hoshi

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

Matcha bar

ขอบเขตงาน

Brand direction / Web design / Menu pages

เดือนที่ทำ

Aug 2026

บริการที่ใช้ในงานนี้:รับทำเว็บไซต์บริษัท

หน้าเว็บ

หน้าแรกเว็บไซต์ร้านมัทฉะ Hoshi บนจอคอมพิวเตอร์ เมนูนำทางแบบแคปซูล และภาพมัทฉะเย็นแก้วใหญ่กลางหน้า
บอร์ดแบรนด์เว็บไซต์ร้านมัทฉะ Hoshi ชุดสีเขียวมัทฉะกับแดงสตรอว์เบอร์รี และตัวอย่างฟอนต์หัวเรื่อง Baloo 2
หน้ารายละเอียดเครื่องดื่มบนเว็บไซต์ร้านมัทฉะ Hoshi การ์ดชื่อเมนู ราคา ปุ่มสั่ง และภาพสตรอว์เบอร์รีมัทฉะ
หน้าเมนูเครื่องดื่มเว็บไซต์ร้านมัทฉะ Hoshi ภาพเฮเซลนัทมัทฉะเย็น พร้อมคำอธิบาย ราคา และปุ่มสั่ง
ส่วนท้ายเว็บไซต์ร้านมัทฉะ Hoshi รวมอีเมล เบอร์โทร ลิงก์เมนู ที่อยู่ย่านเอกมัย และเวลาเปิดร้าน

01

โจทย์ของร้านมัทฉะย่านเอกมัย

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

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

02

ทิศทางแบรนด์ สี และฟอนต์

ชุดสีมาจากตัวมัทฉะเอง เขียวเข้ม เขียวสด และครีม ตัดด้วยแดงสตรอว์เบอร์รีสำหรับปุ่มและป้ายราคา ฟอนต์หัวเรื่องเลือก Baloo 2 ที่อ่านง่ายทั้งไทยและอังกฤษ ส่วนเนื้อความใช้ Poppins

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

03

หน้าเมนูและหน้าแรกบนมือถือ

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

ส่วนท้ายเว็บรวมสิ่งที่คนถามบ่อยที่สุดไว้ที่เดียว ที่อยู่ย่านเอกมัย เวลาเปิด เบอร์โทร อีเมล และลิงก์โซเชียล ทั้งเว็บมีเวอร์ชันไทยและอังกฤษ วาง Schema กับ Sitemap และต่อ Google Analytics กับ Search Console ไว้ตั้งแต่ก่อนเปิดใช้

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

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

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