WebWeCreate.com

ออกแบบ พัฒนา และดูแลเว็บไซต์ ใช้งานง่าย ราคาเป็นกันเอง

Mellow Furniture

ร้านเฟอร์นิเจอร์สไตล์ Scandinavian ที่มีสินค้ากว่า 56 รายการ ครอบคลุมตั้งแต่เก้าอี้ โต๊ะ และโซฟา พร้อมระบบ e-commerce ครบวงจรและ Matching Guide ช่วยให้ลูกค้าจัดห้องได้ตรงสไตล์โดยไม่ต้องเดาเอง
https://mellowfurniture.co.th
screencapture-mellowfurniture
↓ scroll ดูหน้าเต็ม

ประเภท

ระยะเวลา

1 weeks

ปีที่ทำ

2025

Client

Mellow Furniture

เกี่ยวกับโปรเจคนี้

Mellow Furniture คือร้านเฟอร์นิเจอร์สไตล์ Scandinavian ที่ตั้งอยู่ในกรุงเทพฯ เน้นเส้นสายเรียบง่าย วัสดุดี และบรรยากาศอบอุ่น เหมาะสำหรับบ้าน คาเฟ่ ร้านอาหาร และออฟฟิศ โจทย์หลักของโปรเจกต์นี้คือการสร้างเว็บ e-commerce ที่สะท้อน DNA ของแบรนด์ได้อย่างครบถ้วน ทั้งในแง่ภาพลักษณ์มินิมอลที่ดูน่ารักและ friendly และในแง่ฟังก์ชันที่ช่วยให้ผู้ซื้อเลือกและจัดห้องได้ง่ายขึ้นผ่านฟีเจอร์ Matching Guide และ Project Gallery

เหมาะกับใคร

กลุ่มที่ 1 — เจ้าของบ้านและคอนโด (B2C) คนที่กำลังตกแต่งหรือ refresh พื้นที่อยู่อาศัย ชอบสไตล์ Scandinavian / Nordic / Minimal ต้องการสินค้าคุณภาพดีที่ดูสวยและทนทาน เว็บนี้ช่วยให้เลือกสินค้าได้ง่าย ดู Matching Guide เพื่อจัดชุด และ reference จาก Project Gallery

กลุ่มที่ 2 — เจ้าของคาเฟ่ ร้านอาหาร และออฟฟิศ (B2B) ผู้ประกอบการที่ต้องการจัดร้านให้มี aesthetic และ functional ไปพร้อมกัน สินค้าของ Mellow เหมาะกับ setting แบบนี้อย่างมาก และหน้า Project Gallery ช่วยให้เห็น use case จริงในร้านประเภทเดียวกัน

กลุ่มที่ 3 — นักตกแต่งและ Interior Designer คนที่รับงานออกแบบและต้องการ sourcing สินค้าที่มีสไตล์ชัดและมี product range หลากหลาย สินค้าของ Mellow ที่มีทั้ง Chair, Table, Stool Bar, Side Table, Sofa และ Transparent series ตอบโจทย์ได้ในที่เดียว

Screenshots

mellow-home
Home
mellow-feature
Feature
mellow-project
Project
mellow-shop
Shop
mellow-product
Product
mellow-mobile
Shop mobile-view

สิ่งที่ทำในโปรเจคนี้

ร้านค้าออนไลน์ครบวงจร
ซื้อเฟอร์นิเจอร์ได้ทันที พร้อม variants และตัวกรองสินค้าที่ใช้งานง่าย
ติดตั้งและ configure WooCommerce ให้รองรับสินค้า 56+ รายการ แบ่งเป็น 6 หมวดหมู่ (Chair, Table, Stool Bar, Transparent, Side Table, Sofa) ทุกรายการรองรับ product variants เพื่อให้ลูกค้าเลือกสี/วัสดุได้โดยตรงจากหน้าสินค้า
ระบบกรองสินค้า Indoor / Outdoor
หาสินค้าที่ใช่ได้เร็วขึ้น โดยไม่ต้องไล่ดูทุกรายการ
สร้าง custom filter ตาม zone (Indoor / Outdoor) ควบคู่กับ price range filter เพื่อตอบโจทย์ลูกค้าที่มีเป้าหมายชัดเจนว่าจะตกแต่งพื้นที่ไหน ช่วยลดเวลาค้นหาและเพิ่มโอกาสปิดการขาย
Matching Guide — คู่มือจัดห้อง
ลูกค้าจัดห้องได้สวยโดยไม่ต้องเดาว่าของชิ้นไหนเข้ากัน
ออกแบบและพัฒนาหน้า Matching Guide เป็น content section พิเศษที่ curate ชุดเฟอร์นิเจอร์ที่เข้าชุดกัน สำหรับพื้นที่หลากหลายทั้ง indoor และ outdoor ช่วยสร้าง brand authority และเพิ่ม average order value จากการซื้อเป็นชุด
Project Gallery — ผลงานติดตั้งจริง
ผู้เข้าชมเห็นภาพชัดว่าเฟอร์นิเจอร์จะออกมาหน้าตาอย่างไรในพื้นที่จริง
สร้างหน้า Project ที่แสดง portfolio การติดตั้งจริงของลูกค้า แบ่ง filter ตามประเภทพื้นที่ (Cafe, Decoration) เพื่อช่วยให้ผู้ซื้อที่มีโจทย์ร้านคาเฟ่หรือตกแต่งบ้านเห็น use case ที่ตรงกับตัวเองได้ชัดเจน
Scandinavian Visual Design
ภาพลักษณ์แบรนด์สะอาด เรียบ น่ารัก — ตรงกลุ่มเป้าหมายทันทีที่เปิดเว็บ
ออกแบบ UI ให้สอดคล้องกับ DNA ของแบรนด์ตั้งแต่ typography ไปจนถึง color palette และ whitespace ลูกค้ามี design direction มาให้ WebWeCreate นำมา implement และพัฒนาให้เป็น digital experience ที่ทั้ง minimal และ user-friendly พร้อมกัน
On Sale Section — หน้าสินค้าลดราคา
ลูกค้าไม่พลาดโปรโมชัน มีหน้ารวมสินค้าลดราคาแยกออกมาชัดเจน
สร้างหน้า On Sale แยกต่างหากจาก product listing หลัก เพื่อรองรับการทำโปรโมชันระยะสั้นและกระตุ้น conversion จากกลุ่มลูกค้าที่ price-sensitive โดยไม่รบกวน UX ของหน้าสินค้าหลัก

เบื้องหลังการทำงาน

Mellow Furniture คือร้านเฟอร์นิเจอร์สไตล์ Scandinavian ในกรุงเทพฯ ที่มีหน้าร้านอยู่แล้ว แต่ต้องการขยายช่องทางการขายออนไลน์ให้เป็นระบบมากขึ้น ลูกค้ามี brand identity ชัดเจนและมี design direction คร่าวๆ มาให้ตั้งแต่ต้น โดยต้องการให้เว็บมีกลิ่นอายมินิมอล เรียบ ดูน่ารัก และ friendly ต่อผู้ใช้งาน ซึ่งสอดคล้องกับสินค้าที่เน้นเส้นสายสะอาดและความอบอุ่นแบบ Nordic

โจทย์หลักของโปรเจกต์นี้คือการแปลง visual identity ของแบรนด์ให้กลายเป็น e-commerce ที่ใช้งานได้จริง บนฐาน WordPress + Elementor + WooCommerce ซึ่ง WebWeCreate ต้องทำงานทั้งในแง่ design และ development ไปพร้อมกัน ตั้งแต่การจัด structure ของหมวดหมู่สินค้า 6 หมวด การตั้งค่า product variants ให้รองรับสินค้ากว่า 56 รายการ ไปจนถึงการสร้าง custom filter ตาม zone และ price range

ความท้าทายที่น่าสนใจคือการออกแบบหน้า Matching Guide ซึ่งไม่ใช่ e-commerce ทั่วไป แต่เป็น content ที่ช่วยให้ลูกค้า “จัดห้องได้สวย” โดยไม่ต้องมีความรู้ด้านการตกแต่ง WebWeCreate ออกแบบส่วนนี้ให้เป็น curated lookbook ที่ทำงานควบคู่กับระบบร้านค้า เพื่อสร้างทั้ง brand value และ upsell opportunity ในเวลาเดียวกัน นอกจากนี้หน้า Project Gallery ยังช่วยให้ผู้ซื้อ B2B อย่างเจ้าของคาเฟ่หรือร้านอาหารเห็น reference งานติดตั้งจริงได้ทันที

ผลลัพธ์ที่ได้คือเว็บที่สะท้อน DNA ของ Mellow Furniture ได้ครบทุกมิติ ทั้งภาพลักษณ์ที่เรียบงามและ functionality ที่รองรับทั้ง B2C และ B2B เจ้าของบ้านที่กำลังหาเก้าอี้ตัวเดียว และเจ้าของร้านคาเฟ่ที่อยากจัดเต็มทั้งร้านต่างก็หาข้อมูลและตัดสินใจได้จากเว็บเดียวกัน

เครื่องมือที่ใช้พัฒนา

Tags

ผลงานที่เกี่ยวข้อง

AI Assistant
ออนไลน์อยู่ พร้อมช่วยเหลือ
สวัสดีค่ะ! มีอะไรให้ช่วยไหมคะ?
กำลังโหลด...